pptx-angular-viewer 2.17.0 → 2.17.2

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-CGh_UvBb.mjs → pptx-angular-viewer-pptx-angular-viewer-0Jy3I4UO.mjs}

@@ -25288,6 +25288,37 @@ function getImageFitStyle(el) {
     if (!isImageLikeElement(el)) {
         return uncropped;
     }
+    const { placement, crop } = imageFitTransformParts(el);
+    if (!placement && !crop) {
+        return uncropped;
+    }
+    // Placement first, crop second: transforms compose right-to-left, so the
+    // crop magnifies within the box the placement has already mapped onto the
+    // fill-rect region (translate percentages resolve against the img border
+    // box and are scaled by the preceding placement scale, which is exactly
+    // "percent of the placed width").
+    const transform = [placement, crop].filter(Boolean).join(' ');
+    return {
+        position: 'absolute',
+        width: '100%',
+        height: '100%',
+        maxWidth: 'none',
+        maxHeight: 'none',
+        objectFit: 'fill',
+        transformOrigin: 'top left',
+        transform,
+    };
+}
+/** A `translate`/`scale` pair that changes nothing, used to pad a transform. */
+const IDENTITY_TRANSFORM_PAIR = 'translate(0%, 0%) scale(1, 1)';
+/**
+ * The two halves of a picture's fit transform: the `a:stretch/a:fillRect`
+ * PLACEMENT and the `a:srcRect` source CROP. Either is `''` when absent.
+ */
+function imageFitTransformParts(el) {
+    if (!isImageLikeElement(el)) {
+        return { placement: '', crop: '' };
+    }
     // `a:stretch/a:fillRect` stretches the (cropped) image into a sub-rect of
     // the FRAME; negative offsets legitimately push it past the frame edges,
     // and the overflow-hidden frame clips the spill (issue #132 deck, phone
@@ -25300,52 +25331,59 @@ function getImageFitStyle(el) {
     const frRight = el.fillRectRight ?? 0;
     const frBottom = el.fillRectBottom ?? 0;
     const hasFillRect = Math.abs(frLeft) + Math.abs(frTop) + Math.abs(frRight) + Math.abs(frBottom) > 0.0001;
-    const placementTransform = hasFillRect
+    const placement = hasFillRect
         ? `translate(${round2(frLeft * 100)}%, ${round2(frTop * 100)}%) scale(${round6(Math.max(0.01, 1 - frLeft - frRight))}, ${round6(Math.max(0.01, 1 - frTop - frBottom))})`
         : '';
     const cropLeft = clampCropValue(el.cropLeft);
     const cropTop = clampCropValue(el.cropTop);
     const cropRight = clampCropValue(el.cropRight);
     const cropBottom = clampCropValue(el.cropBottom);
-    const hasCrop = cropLeft + cropRight > 0.0001 || cropTop + cropBottom > 0.0001;
-    if (!hasCrop && !hasFillRect) {
-        return uncropped;
-    }
-    let cropTransform = '';
-    if (hasCrop) {
-        // 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;
-        cropTransform = `translate(${tx}%, ${ty}%) scale(${sx}, ${sy})`;
-    }
-    // Placement first, crop second: transforms compose right-to-left, so the
-    // crop magnifies within the box the placement has already mapped onto the
-    // fill-rect region (translate percentages resolve against the img border
-    // box and are scaled by the preceding placement scale, which is exactly
-    // "percent of the placed width").
-    const transform = [placementTransform, cropTransform].filter(Boolean).join(' ');
-    return {
-        position: 'absolute',
-        width: '100%',
-        height: '100%',
-        maxWidth: 'none',
-        maxHeight: 'none',
-        objectFit: 'fill',
-        transformOrigin: 'top left',
-        transform,
-    };
+    if (cropLeft + cropRight <= 0.0001 && cropTop + cropBottom <= 0.0001) {
+        return { placement, crop: '' };
+    }
+    // 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 { placement, crop: `translate(${tx}%, ${ty}%) scale(${sx}, ${sy})` };
+}
+/**
+ * The `<img>` `transform` that renders a picture's fill-rect placement and
+ * source crop, as one string.
+ *
+ * This is the value {@link getImageFitStyle} puts on the element; it is exposed
+ * separately so the Morph engine can animate BETWEEN two pictures' crops
+ * without re-deriving the maths (issue #148: PowerPoint's "Scale Height" /
+ * "Scale Width" is an `a:srcRect` crop, so a slide pair that differs only in
+ * scale has identical frames and morphed as a hard cut).
+ *
+ * @param el - The picture element.
+ * @param padToIdentity - When true, ALWAYS emits both the placement and the
+ *   crop `translate`/`scale` pair, substituting an identity pair where the
+ *   element has none. Two pictures then produce the same transform function
+ *   list, which is what lets CSS interpolate them function-by-function instead
+ *   of decomposing to a matrix (and lets an uncropped end of a pair sit at a
+ *   true identity, so the element lands exactly on its static style).
+ * @returns The transform value; `''` only when there is nothing to apply and
+ *   `padToIdentity` is false.
+ */
+function buildImageFitTransform(el, padToIdentity = false) {
+    const { placement, crop } = imageFitTransformParts(el);
+    if (!padToIdentity) {
+        return [placement, crop].filter(Boolean).join(' ');
+    }
+    return `${placement || IDENTITY_TRANSFORM_PAIR} ${crop || IDENTITY_TRANSFORM_PAIR}`;
 }
 /** Round to two decimals for stable CSS percentage output. */
 function round2(value) {
@@ -33896,6 +33934,249 @@ function buildRunEffectStyle(style) {
     return css;
 }
 
+/**
+ * Per-run advance-width compensation, so the browser breaks lines where
+ * PowerPoint breaks them.
+ *
+ * PowerPoint lays text out with GDI-compatible (hinted) metrics: every glyph
+ * advance is snapped to a whole device pixel at 576 DPI, i.e. to 1/8 point,
+ * i.e. to 1/6 of a CSS px. The browser uses unrounded fractional advances. The
+ * two therefore disagree by up to 1/12 px per glyph, in EITHER direction, and
+ * the accumulated disagreement over a line is what decides a knife-edge wrap.
+ *
+ * Ground truth (PowerPoint COM `TextRange.BoundWidth` over the issue #131 /
+ * #149 deck): summing `round(advance * 6) / 6` reproduced all 78 advance-exact
+ * measured lines to under 0.001 px, while the browser's own measurement of the
+ * same strings ran anywhere from 1.07% narrow to 0.28% wide.
+ *
+ * That spread is the point. The first attempt at this (issue #131) applied a
+ * flat 0.003em to every run, which is roughly the middle of the range: it
+ * tipped genuinely-late wraps the right way but pushed every string the browser
+ * already measured WIDER than PowerPoint over its column, so short labels that
+ * PowerPoint keeps on one line ("Explore solution", "Secure Data Movement")
+ * started wrapping (issue #149). No single constant can do this job; the
+ * correction has to be derived from the actual characters.
+ *
+ * So: measure the run, compute the width PowerPoint would have measured, and
+ * emit the letter-spacing that closes the gap. Two details decide whether that
+ * works or does damage, and both are documented where they are made -
+ * `advancesOf` (advances come from prefix differences, never from measuring a
+ * character alone) and the clamp in `resolveMetricTrackingPx`.
+ *
+ * Measured end to end in Chromium, rendered span against COM ground truth: mean
+ * error 0.026 px, worst 0.40 px, against 0.53 px / 2.05 px uncompensated. On
+ * shaped scripts the correction moves the text by 0.00% (Arabic, CJK) to 0.08%
+ * (Devanagari), i.e. nothing visible.
+ */
+/**
+ * Advance-width quantisation steps per CSS px. PowerPoint snaps each glyph
+ * advance to an integer pixel at 576 DPI = 8 steps per point = 6 steps per px.
+ */
+const ADVANCE_STEPS_PER_PX = 6;
+/**
+ * The most the correction can legitimately be: half a grid step. See
+ * {@link resolveMetricTrackingPx} for why anything beyond this is a different
+ * problem wearing a rounding error's clothes.
+ */
+const MAX_TRACKING_PX_PER_CHAR = 1 / (2 * ADVANCE_STEPS_PER_PX);
+/** Bound the caches so a long editing session cannot grow them without limit. */
+const MAX_CACHE_ENTRIES = 20000;
+let measureContext;
+let trackingCache = new Map();
+let fontsHookInstalled = false;
+/**
+ * A font that finishes loading after a run was measured invalidates that
+ * measurement (it described the fallback face). Drop the caches so the next
+ * render recomputes against what is now actually painted.
+ */
+function installFontLoadHook() {
+    if (fontsHookInstalled || typeof document === 'undefined') {
+        return;
+    }
+    fontsHookInstalled = true;
+    document.fonts?.addEventListener?.('loadingdone', () => {
+        trackingCache = new Map();
+    });
+}
+function getMeasureContext() {
+    if (measureContext !== undefined) {
+        return measureContext;
+    }
+    if (typeof document === 'undefined') {
+        measureContext = null;
+        return null;
+    }
+    installFontLoadHook();
+    measureContext = document.createElement('canvas').getContext('2d');
+    return measureContext;
+}
+/** CSS shorthand for `CanvasRenderingContext2D.font`. */
+function toCanvasFont(font) {
+    const size = font.fontSizePx && font.fontSizePx > 0 ? font.fontSizePx : DEFAULT_TEXT_FONT_SIZE;
+    const family = font.fontFamily || DEFAULT_FONT_FAMILY$1;
+    return `${font.italic ? 'italic ' : ''}${font.bold ? 'bold ' : ''}${size}px ${family}`;
+}
+/**
+ * Per-character advances measured as PREFIX DIFFERENCES, never by measuring a
+ * character on its own.
+ *
+ * This is the difference between a model that works and one that mangles half
+ * the world's scripts. A character's advance depends on its neighbours: Arabic
+ * letters join, so an isolated glyph measures ~37% wider than the same letter
+ * inside a word; Devanagari forms conjuncts (~66%); an emoji ZWJ sequence is
+ * one glyph built from several code points (~33%); and even Latin kerns - the
+ * isolated characters of "AVATAR Wave To Yak" add up 5.3% wider than the string
+ * itself. Summing isolated advances would hand the grid model a difference that
+ * is not a rounding error at all, and letter-spacing would then stretch the run
+ * to "correct" it: visibly wrong text, and a worse wrap than the one this set
+ * out to fix.
+ *
+ * Differencing prefixes cannot fail that way. The advances telescope, so they
+ * sum to exactly the width the browser will paint, whatever the shaping did.
+ * Only their DISTRIBUTION across a ligature or cluster is approximate, and the
+ * grid correction stays bounded by half a step per character either way.
+ */
+function advancesOf(ctx, canvasFont, chars) {
+    ctx.font = canvasFont;
+    // PowerPoint's own advances are UNKERNED unless `a:rPr/@kern` turns kerning
+    // on, and this deck's ground truth confirms it: measured with kerning the
+    // grid model reproduced 66 of 78 COM-measured lines, without it all 78,
+    // exactly. Chrome kerns 12 of those lines by 0.17-1.55 px.
+    ctx.fontKerning = 'none';
+    const advances = [];
+    let previous = 0;
+    let prefix = '';
+    for (const char of chars) {
+        prefix += char;
+        const width = ctx.measureText(prefix).width;
+        advances.push(width - previous);
+        previous = width;
+    }
+    return advances;
+}
+/**
+ * The letter-spacing (in CSS px) that makes `text` render at the width
+ * PowerPoint measured it at. `0` when there is nothing to correct, no DOM to
+ * measure with, or the correction came out implausible.
+ *
+ * The divisor is the character count, not the gap count: every engine adds the
+ * spacing after the final character too, and that trailing gap is part of the
+ * inline box the line breaker sees. Being wrong about that convention would
+ * cost one unit of tracking (~0.04 px), well inside the tolerance here.
+ *
+ * The result is clamped to half a grid step per character, and that bound is
+ * the model's own definition rather than a magic number: snapping an advance to
+ * the grid can move it by at most half a step, so a correction larger than that
+ * is not describing rounding at all. It means the browser and PowerPoint
+ * disagree for some other reason - kerning the run enables and PowerPoint does
+ * not, a font that never loaded - and uniform letter-spacing is the wrong tool
+ * for those. Clamping keeps the correction imperceptible (at most 0.083 px per
+ * glyph) instead of visibly stretching the text to chase a difference it cannot
+ * legitimately close.
+ */
+function resolveMetricTrackingPx(text, font) {
+    if (!text) {
+        return 0;
+    }
+    const canvasFont = toCanvasFont(font);
+    const key = `${canvasFont}\u0000${text}`;
+    const cached = trackingCache.get(key);
+    if (cached !== undefined) {
+        return cached;
+    }
+    const ctx = getMeasureContext();
+    if (!ctx) {
+        return 0;
+    }
+    const chars = [...text];
+    let powerPoint = 0;
+    for (const advance of advancesOf(ctx, canvasFont, chars)) {
+        powerPoint += Math.round(advance * ADVANCE_STEPS_PER_PX);
+    }
+    // ...against the width the browser will actually PAINT, which is kerned.
+    ctx.fontKerning = 'auto';
+    const natural = ctx.measureText(text).width;
+    if (!(natural > 0)) {
+        return 0;
+    }
+    powerPoint /= ADVANCE_STEPS_PER_PX;
+    const limit = MAX_TRACKING_PX_PER_CHAR;
+    const raw = (powerPoint - natural) / chars.length;
+    const tracking = Math.min(limit, Math.max(-limit, raw));
+    if (trackingCache.size >= MAX_CACHE_ENTRIES) {
+        trackingCache = new Map();
+    }
+    trackingCache.set(key, tracking);
+    return tracking;
+}
+/**
+ * True where the browser may break a line: between whitespace and a word, and
+ * after a hyphen. Deliberately conservative - a boundary we miss costs
+ * accuracy, a boundary we invent costs nothing, since pieces are laid out
+ * contiguously either way.
+ */
+function isBreakBoundary(previous, next) {
+    const previousSpace = /\s/u.test(previous);
+    const nextSpace = /\s/u.test(next);
+    if (previousSpace !== nextSpace) {
+        return true;
+    }
+    return previous === '-' && next !== '-' && !nextSpace;
+}
+/**
+ * Cut a run at every line-break opportunity so each piece can carry its own
+ * tracking.
+ *
+ * One tracking for a whole run makes the RUN measure exactly, but a line is a
+ * prefix of it, and the rounding error is not spread evenly through the text -
+ * so a line can still come out up to ~0.95 px off, which is enough to move a
+ * break (issue #149, slide 5: "operational" fitted on a line PowerPoint had
+ * already closed). Give every word its own tracking and every whitespace gap
+ * its own, and any line the browser assembles out of whole pieces measures
+ * exactly what PowerPoint measured, because advances simply add up.
+ *
+ * A break INSIDE a piece (mid-word, or between CJK characters, which have no
+ * spaces to cut at) falls back to that piece's average - i.e. to the run-level
+ * behaviour, never worse.
+ *
+ * Returns a single piece when the run has no interior boundary, which keeps the
+ * common case (a short label, a one-word run) at exactly one span.
+ */
+function splitRunForMetrics(text, font) {
+    const chars = [...text];
+    if (chars.length < 2 || !getMeasureContext()) {
+        return [{ text, tracking: resolveMetricTrackingPx(text, font) }];
+    }
+    const pieces = [];
+    let current = chars[0];
+    for (let i = 1; i < chars.length; i++) {
+        if (isBreakBoundary(chars[i - 1], chars[i])) {
+            pieces.push(current);
+            current = '';
+        }
+        current += chars[i];
+    }
+    pieces.push(current);
+    if (pieces.length === 1) {
+        return [{ text, tracking: resolveMetricTrackingPx(text, font) }];
+    }
+    return pieces.map((piece) => ({ text: piece, tracking: resolveMetricTrackingPx(piece, font) }));
+}
+/**
+ * {@link resolveMetricTrackingPx} as a CSS length, or `undefined` when the run
+ * needs no correction (so callers can leave `letter-spacing` undeclared rather
+ * than emitting a no-op `0px`).
+ */
+function resolveMetricTracking(text, font) {
+    const tracking = resolveMetricTrackingPx(text, font);
+    return tracking === 0 ? undefined : `${tracking}px`;
+}
+/** Test hook: forget every measurement (also used by the font-load listener). */
+function resetMetricTrackingCache() {
+    trackingCache = new Map();
+    measureContext = undefined;
+}
+
 /**
  * Per-run inline-style builder for rendered text runs (framework-agnostic).
  *
@@ -33909,23 +34190,62 @@ const PX_PER_POINT = 96 / 72;
 /** Super/subscript glyphs render at ~65% of the run font size (matches React). */
 const BASELINE_FONT_SCALE = 0.65;
 /**
- * Flat tracking (in em) every run carries so the browser wraps lines where
- * PowerPoint does.
+ * The authored `a:rPr/@spc` character spacing in CSS px (hundredths of a point).
+ * The measured PowerPoint metric compensation layers on top of this, so callers
+ * that re-derive a per-piece `letter-spacing` need the authored part on its own.
+ */
+function authoredLetterSpacingPx(style) {
+    const spc = style?.characterSpacing;
+    return typeof spc === 'number' && spc !== 0 ? (spc / 100) * PX_PER_POINT : 0;
+}
+/** `letter-spacing` for a run piece: authored spacing plus its own tracking. */
+function pieceLetterSpacing(authoredPx, tracking) {
+    const spacing = authoredPx + tracking;
+    return spacing === 0 ? undefined : `${spacing}px`;
+}
+/**
+ * Split one styled run into the per-word / per-gap runs that make a LINE
+ * measure what PowerPoint measured (see `splitRunForMetrics`).
+ *
+ * Every binding that renders one span per run gets exact wrapping by emitting
+ * these instead of the single run, so this is the one place the "which pieces,
+ * what spacing" decision lives: shared's `buildParagraphs` covers Vue, Svelte
+ * and Vanilla, Angular's own paragraph builder calls it directly, and React
+ * splits inside its span.
+ *
+ * Returns a single entry (the run unchanged) when there is nothing to split,
+ * which is the common case for short labels and one-word runs.
+ */
+function splitStyledRun(text, style, font, authoredPx) {
+    const pieces = splitRunForMetrics(text, font);
+    if (pieces.length <= 1) {
+        return [{ text, style }];
+    }
+    return pieces.map((piece) => {
+        const spacing = pieceLetterSpacing(authoredPx, piece.tracking);
+        const pieceStyle = { ...style };
+        if (spacing === undefined) {
+            delete pieceStyle.letterSpacing;
+        }
+        else {
+            pieceStyle.letterSpacing = spacing;
+        }
+        return { text: piece.text, style: pieceStyle };
+    });
+}
+/**
+ * Combine the authored `a:rPr/@spc` character spacing with the measured
+ * PowerPoint metric compensation into one `letter-spacing`, or leave it
+ * undeclared when neither applies.
  *
- * PowerPoint measures text with GDI-compatible (hinted) metrics, which run
- * consistently wider than the browser's fractional advances: COM `BoundWidth`
- * ground truth on the issue #131 deck puts every Arial line 0.4-0.6% wider
- * than Chrome measures the same string, so the browser squeezes one more word
- * onto a knife-edge line than PowerPoint and the paragraph wraps a word late.
- * Solving that deck's slides 5/13/14 for the tracking that reproduces every
- * PowerPoint break point gives the window (0.0019em, 0.0104em); 0.003em sits
- * inside it and matches the measured metric gap. At a 10px font this is
- * 0.03px per glyph: far below anything visible, but enough to tip knife-edge
- * fits the way PowerPoint tips them.
+ * The compensation is derived from the run's own characters
+ * (`resolveMetricTracking`); an earlier attempt used one flat constant for
+ * every run and regressed short labels that PowerPoint keeps on one line
+ * (issue #149).
  */
-const POWERPOINT_METRIC_TRACKING_EM = 0.003;
-/** {@link POWERPOINT_METRIC_TRACKING_EM} as the CSS length every run gets. */
-const POWERPOINT_METRIC_TRACKING = `${POWERPOINT_METRIC_TRACKING_EM}em`;
+function resolveLetterSpacing(s, text, font) {
+    return pieceLetterSpacing(authoredLetterSpacingPx(s), resolveMetricTrackingPx(text, font));
+}
 /**
  * Layer the "extra" run properties that neither the boolean decoration set nor
  * `buildRunEffectStyle` cover: character spacing, super/subscript baseline
@@ -33933,14 +34253,10 @@ const POWERPOINT_METRIC_TRACKING = `${POWERPOINT_METRIC_TRACKING_EM}em`;
  * and `a:rPr/@cap` caps. Mirrors React's `renderSingleSegment` span style so the
  * shared builder (Vue / Angular / Svelte / Vanilla) reaches run-prop parity.
  */
-function applyExtraRunProps(style, s) {
-    // Character spacing (`a:rPr/@spc`, hundredths of a point) → letter-spacing px,
-    // layered on top of the metric-compensation tracking every run carries.
-    if (typeof s.characterSpacing === 'number' && s.characterSpacing !== 0) {
-        style.letterSpacing = `calc(${(s.characterSpacing / 100) * PX_PER_POINT}px + ${POWERPOINT_METRIC_TRACKING})`;
-    }
-    else {
-        style.letterSpacing = POWERPOINT_METRIC_TRACKING;
+function applyExtraRunProps(style, s, text, font) {
+    const letterSpacing = resolveLetterSpacing(s, text, font);
+    if (letterSpacing !== undefined) {
+        style.letterSpacing = letterSpacing;
     }
     // Kerning (`a:rPr/@kern`): 0 disables kerning, any other value enables it.
     if (typeof s.kerning === 'number') {
@@ -33970,15 +34286,7 @@ function applyExtraRunProps(style, s) {
         style.fontVariantCaps = 'small-caps';
     }
 }
-/**
- * Per-run inline style derived from a TextSegment's style.
- *
- * `fontScale` is the body's `a:normAutofit/@fontScale` (see
- * `resolveAutoFitFontScale`). It has to be applied HERE and not only on the
- * text body, because a run that authors its own `sz` overrides the body's
- * font-size, so scaling the body alone left every authored run at full size.
- */
-function segmentStyleToCss(seg, fontScale = 1) {
+function segmentStyleToCss(seg, fontScale = 1, context = {}) {
     const s = seg.style ?? {};
     const style = {};
     if (s.fontFamily) {
@@ -34028,9 +34336,28 @@ function segmentStyleToCss(seg, fontScale = 1) {
     if (deco.length > 0) {
         style.textDecoration = deco.join(' ');
     }
-    applyExtraRunProps(style, s);
+    applyExtraRunProps(style, s, context.text ?? seg.text ?? '', resolveRunFont(style, s, context.blockFont));
     return style;
 }
+/**
+ * The font a run will actually paint with: its own declarations where it made
+ * them, the text body's where it did not. Bold and italic are always the run's
+ * own, because {@link segmentStyleToCss} declares both unconditionally.
+ *
+ * Exported so a caller that re-measures pieces of a run (see
+ * `splitRunForMetrics`) resolves the font exactly the way the run style did,
+ * rather than keeping a second copy of the fallback rules.
+ */
+function resolveRunFont(style, s, blockFont) {
+    return {
+        fontFamily: style.fontFamily ?? blockFont?.fontFamily,
+        fontSizePx: typeof style.fontSize === 'string'
+            ? Number.parseFloat(style.fontSize)
+            : blockFont?.fontSizePx,
+        bold: Boolean(s.bold),
+        italic: Boolean(s.italic),
+    };
+}
 /**
  * Layer the underline-style / double-strike *variant* decoration CSS
  * (`text-decoration-style` / `-thickness` / `text-underline-offset`) onto a run
@@ -34187,6 +34514,15 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
     // `a:normAutofit/@fontScale`: applied to every authored run size below, since
     // a run's own `sz` overrides the (already scaled) body font-size.
     const fontScale = resolveAutoFitFontScale(element.textStyle);
+    // What a run that declares no font of its own inherits from the text body.
+    // Only used to measure the run for its PowerPoint metric compensation, so it
+    // mirrors what `buildTextBlockStyle` declares on the block itself.
+    const blockFont = {
+        fontFamily: element.textStyle?.fontFamily
+            ? getSubstituteFontFamily(element.textStyle.fontFamily)
+            : DEFAULT_FONT_FAMILY$1,
+        fontSizePx: (element.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE) * fontScale,
+    };
     const paragraphIndents = element.paragraphIndents;
     const grouped = [
         { paraSegments: [] },
@@ -34223,7 +34559,7 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
                 ? substituteFieldText(rawText, seg.fieldType, fieldContext)
                 : rawText;
             if (text) {
-                const style = segmentStyleToCss(seg, fontScale);
+                const style = segmentStyleToCss(seg, fontScale, { text, blockFont });
                 applyUnderlineVariant(style, seg);
                 // Per-run text effects (gradient/pattern fill, outer/inner shadow,
                 // 3D extrusion text-shadow, blur, HSL, alpha opacity, glow,
@@ -34232,7 +34568,13 @@ function buildParagraphs(element, fieldContext, segmentOverrides) {
                 if (seg.style) {
                     Object.assign(style, buildRunEffectStyle(seg.style));
                 }
-                runs.push({ text, style });
+                // Each word and each gap carries its own PowerPoint metric tracking,
+                // so a line the browser assembles out of them measures exactly what
+                // PowerPoint measured and breaks where PowerPoint breaks (#149).
+                // Emitting them as sibling RUNS rather than nested spans is what
+                // gets this to Vue/Svelte/Vanilla with no binding change: they
+                // already render one span per run.
+                runs.push(...splitStyledRun(text, style, resolveRunFont(style, seg.style ?? {}, blockFont), authoredLetterSpacingPx(seg.style)));
             }
         }
         // Suppress bullets for paragraphs with no visible text content.
@@ -34557,14 +34899,79 @@ function correspondingGroup(group, candidates) {
         return sameBox(group, candidate);
     });
 }
+/** Fraction of the union two boxes must share to read as the same object. */
+const CHILD_OVERLAP_RATIO = 0.5;
+/** Intersection over union of two element boxes. */
+function boxOverlapRatio(a, b) {
+    const left = Math.max(a.x, b.x);
+    const top = Math.max(a.y, b.y);
+    const right = Math.min(a.x + a.width, b.x + b.width);
+    const bottom = Math.min(a.y + a.height, b.y + b.height);
+    if (right <= left || bottom <= top) {
+        return 0;
+    }
+    const intersection = (right - left) * (bottom - top);
+    const union = a.width * a.height + b.width * b.height - intersection;
+    return union > 0 ? intersection / union : 0;
+}
+/** Whether two group children read as the same object, restyled or nudged. */
+function childrenPair(a, b) {
+    const morphName = getElementMorphName(a);
+    if (morphName !== undefined && getElementMorphName(b) === morphName) {
+        return true;
+    }
+    if (a.name && a.name === b.name) {
+        return true;
+    }
+    return boxOverlapRatio(a, b) >= CHILD_OVERLAP_RATIO;
+}
+/**
+ * Whether two paired groups hold the SAME cast of objects, one for one.
+ *
+ * This is what decides between animating a group's contents individually and
+ * dissolving the whole group into its counterpart, and PowerPoint draws the
+ * line in the same place. Measured on the issue #131 deck by exporting the real
+ * transitions to video (`CreateVideo`, 62.5fps) and fitting every frame of the
+ * centre panel to a blend of the first and last:
+ *
+ *   - hub -> topic (`!!Circle` = disc + "Select Challenge", against disc +
+ *     button + three paragraphs): every frame is a clean linear blend of the
+ *     two end states, residual < 1/255, with the arriving title AND the
+ *     departing wording both following the same curve. That is one object
+ *     dissolving into another, not four shapes appearing and one leaving:
+ *     unmatched shapes hold, then fade out by 23% and in from 42%, which would
+ *     leave the middle of the transition empty (issue #146).
+ *   - topic -> topic (five children against five, same boxes): also a clean
+ *     blend, so decomposing there is harmless - each child simply crossfades
+ *     into its own counterpart.
+ *
+ * So a group is decomposed only when its children line up; a group that gained
+ * or lost content dissolves as a whole.
+ */
+function childrenCorrespond(a, b) {
+    if (a.length !== b.length || a.length === 0) {
+        return false;
+    }
+    const unclaimed = b.map((child) => child);
+    for (const child of a) {
+        const index = unclaimed.findIndex((candidate) => childrenPair(child, candidate));
+        if (index < 0) {
+            return false;
+        }
+        unclaimed.splice(index, 1);
+    }
+    return true;
+}
 /**
  * The elements of `elements` that a morph should treat as individual units,
  * given the `counterpart` slide's elements at the same level of the tree.
  *
  * A group is replaced by its children (in document order, recursively, in
- * absolute coordinates) when it holds a `!!`-named descendant AND `counterpart`
- * holds a group it would pair with; everything else is passed through
- * untouched. See the module comment for why both conditions are required.
+ * absolute coordinates) when it holds a `!!`-named descendant, `counterpart`
+ * holds a group it would pair with, AND the two groups hold the same cast of
+ * objects; everything else is passed through untouched. See the module comment
+ * for why the first two are required and {@link childrenCorrespond} for the
+ * third.
  */
 function flattenMorphElements(elements, counterpart, offsetX = 0, offsetY = 0) {
     const out = [];
@@ -34573,7 +34980,7 @@ function flattenMorphElements(elements, counterpart, offsetX = 0, offsetY = 0) {
         if (children && containsMorphNamedDescendant(element)) {
             const twin = correspondingGroup(element, counterpart);
             const twinChildren = twin ? (groupChildren(twin) ?? []) : undefined;
-            if (twinChildren) {
+            if (twinChildren && childrenCorrespond(children, twinChildren)) {
                 out.push(...flattenMorphElements(children, twinChildren, offsetX + element.x, offsetY + element.y));
                 continue;
             }
@@ -34887,6 +35294,20 @@ function interpolateOutline(from, to, t) {
 // ---------------------------------------------------------------------------
 /** PowerPoint's morph transition uses a specific cubic-bezier easing. */
 const MORPH_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';
+/**
+ * The curve a matched pair DISSOLVES on, which is not the curve it travels on.
+ *
+ * Measured, not guessed: the issue #131 deck's hub-to-topic morph was exported
+ * through PowerPoint's own `CreateVideo` and every one of the 59 frames of the
+ * arriving title fitted to a blend of the first and last frame (residual under
+ * 1/255, so the dissolve really is a plain linear blend). The alpha runs 0.035
+ * at 7% of the duration, 0.232 at 20%, 0.477 at 34%, 0.684 at 47%, 0.888 at 68%
+ * and 0.988 at 88%: an ease that leans in gently and then decelerates hard.
+ * This curve tracks those samples to an RMS of 0.004 and never differs by more
+ * than 0.009. {@link MORPH_EASING}, which the ghost used to fade on, sits at
+ * 0.5 where PowerPoint is already at 0.73 (issue #146).
+ */
+const MORPH_CROSSFADE_EASING = 'cubic-bezier(0.2, 0, 0.4, 1)';
 /**
  * When an unmatched OUTGOING shape has finished dissolving, as a percentage of
  * the morph's duration, and when it starts.
@@ -35001,6 +35422,123 @@ function generateGeometryMorphAnimation(pair, durationMs, pairIndex, steps = GEO
     };
 }
 
+/** Crop/placement insets are fractions of the source; 0.0001 is ~0.01%. */
+const CROP_EPSILON = 0.0001;
+/** The eight inset fractions that together decide what a picture paints. */
+function cropInsets(element) {
+    if (!isImageLikeElement(element)) {
+        return [0, 0, 0, 0, 0, 0, 0, 0];
+    }
+    return [
+        element.cropLeft ?? 0,
+        element.cropTop ?? 0,
+        element.cropRight ?? 0,
+        element.cropBottom ?? 0,
+        element.fillRectLeft ?? 0,
+        element.fillRectTop ?? 0,
+        element.fillRectRight ?? 0,
+        element.fillRectBottom ?? 0,
+    ];
+}
+/**
+ * Whether a matched pair's pictures show a DIFFERENT region of their source.
+ *
+ * This is a geometry change, not an appearance change: PowerPoint zooms
+ * smoothly between the two crops rather than dissolving one into the other, so
+ * callers must not route it through the crossfade path.
+ */
+function morphImageCropChanged(fromElement, toElement) {
+    if (!isImageLikeElement(fromElement) || !isImageLikeElement(toElement)) {
+        return false;
+    }
+    const from = cropInsets(fromElement);
+    const to = cropInsets(toElement);
+    return from.some((value, index) => Math.abs(value - to[index]) > CROP_EPSILON);
+}
+/**
+ * Keyframes that carry a picture's `<img>` from one crop to another.
+ *
+ * `transform-origin` is restated because the uncropped end of a pair has no
+ * static transform at all (and therefore the CSS default origin); pinning both
+ * frames to `top left` is what makes the two transforms describe the same
+ * mapping. It is harmless on the final frame, where an uncropped incoming
+ * picture sits at a pure identity transform.
+ */
+function cropKeyframes(name, fromTransform, toTransform) {
+    return `
+@keyframes ${name} {
+\tfrom {
+\t\ttransform-origin: top left;
+\t\ttransform: ${fromTransform};
+\t}
+\tto {
+\t\ttransform-origin: top left;
+\t\ttransform: ${toTransform};
+\t}
+}`;
+}
+/**
+ * The INCOMING half of every pair whose picture crop changed.
+ *
+ * Keyed by the incoming element id and targeted at its `<img>`, matching the
+ * FLIP model the rest of the engine uses: the incoming picture is rendered at
+ * its final crop and started at the outgoing one's.
+ *
+ * @param pairs - Matched pairs.
+ * @param durationMs - Animation duration in milliseconds.
+ * @returns One descriptor per pair whose crop actually changed.
+ */
+function generateImageCropMorphAnimations(pairs, durationMs) {
+    const animations = [];
+    for (let index = 0; index < pairs.length; index++) {
+        const { fromElement, toElement } = pairs[index];
+        if (!morphImageCropChanged(fromElement, toElement)) {
+            continue;
+        }
+        const safeName = `pptx-morph-crop-${index}-${toElement.id.replace(/[^a-zA-Z0-9]/gu, '')}`;
+        animations.push({
+            elementId: toElement.id,
+            target: 'image',
+            animation: `${safeName} ${durationMs}ms ${MORPH_EASING} forwards`,
+            keyframes: cropKeyframes(safeName, buildImageFitTransform(fromElement, true), buildImageFitTransform(toElement, true)),
+        });
+    }
+    return animations;
+}
+/**
+ * The OUTGOING half: the same zoom on a ghost the overlay is painting.
+ *
+ * Restricted to the ghost set for the same reason the element-level ghosts are:
+ * an outgoing shape the overlay does not paint has no node to animate, and
+ * `buildMorphTransitionPlan` derives the overlay's element list from the
+ * outgoing animations.
+ *
+ * @param pairs - Matched pairs.
+ * @param durationMs - Animation duration in milliseconds.
+ * @param ghostIds - Outgoing ids the overlay will paint; defaults to "all".
+ * @returns One descriptor per painted ghost whose crop changed.
+ */
+function generateImageCropGhostAnimations(pairs, durationMs, ghostIds) {
+    const animations = [];
+    for (let index = 0; index < pairs.length; index++) {
+        const { fromElement, toElement } = pairs[index];
+        if (ghostIds && !ghostIds.has(fromElement.id)) {
+            continue;
+        }
+        if (!morphImageCropChanged(fromElement, toElement)) {
+            continue;
+        }
+        const safeName = `pptx-morph-crop-ghost-${index}-${fromElement.id.replace(/[^a-zA-Z0-9]/gu, '')}`;
+        animations.push({
+            elementId: fromElement.id,
+            target: 'image',
+            animation: `${safeName} ${durationMs}ms ${MORPH_EASING} forwards`,
+            keyframes: cropKeyframes(safeName, buildImageFitTransform(fromElement, true), buildImageFitTransform(toElement, true)),
+        });
+    }
+    return animations;
+}
+
 /** Depth cap for the recursive text read; real decks never nest this far. */
 const TEXT_MAX_DEPTH = 8;
 /**
@@ -35319,6 +35857,122 @@ function matchMorphElementsFull(fromSlide, toSlide) {
     return { pairs, unmatchedFrom, unmatchedTo };
 }
 
+/** The area a shape occupies over the whole morph (start box union end box). */
+function travelledBox(from, to) {
+    const boxes = to ? [from, to] : [from];
+    return {
+        left: Math.min(...boxes.map((element) => element.x)),
+        top: Math.min(...boxes.map((element) => element.y)),
+        right: Math.max(...boxes.map((element) => element.x + element.width)),
+        bottom: Math.max(...boxes.map((element) => element.y + element.height)),
+    };
+}
+/** Whether two travelled boxes share any area. */
+function boxesOverlap(a, b) {
+    return a.left < b.right && b.left < a.right && a.top < b.bottom && b.top < a.bottom;
+}
+/**
+ * Rank every shape of both slides in a single back-to-front order.
+ *
+ * A matched pair is ONE object and gets ONE rank, so "is this arrival above
+ * that ghost?" is a plain number comparison. The two document orders are merged
+ * the way a diff merges two revisions of a list: walking the incoming slide,
+ * each matched shape first flushes everything the outgoing slide drew below its
+ * counterpart, so departures keep their place relative to the shapes that
+ * surrounded them and arrivals keep theirs.
+ *
+ * Both lists must already be flattened the way the matcher flattens them (see
+ * `morph-flatten`), or the ids will not line up with `pairs`.
+ *
+ * @param outgoing - The outgoing slide's elements, flattened, in document order.
+ * @param incoming - The incoming slide's elements, flattened, in document order.
+ * @param pairs - The matched pairs.
+ * @returns Element id -> rank; higher is nearer the viewer.
+ */
+function buildMorphMergedOrder(outgoing, incoming, pairs) {
+    const partnerOf = new Map(pairs.map((pair) => [pair.toElement.id, pair.fromElement.id]));
+    const outgoingIndex = new Map(outgoing.map((element, index) => [element.id, index]));
+    const rank = new Map();
+    let next = 0;
+    let cursor = 0;
+    /** Emit every outgoing shape below `limit` that has not been placed yet. */
+    const flushOutgoingBelow = (limit) => {
+        while (cursor < limit) {
+            const element = outgoing[cursor];
+            cursor += 1;
+            if (!rank.has(element.id)) {
+                rank.set(element.id, next);
+                next += 1;
+            }
+        }
+    };
+    for (const element of incoming) {
+        const partner = partnerOf.get(element.id);
+        const partnerIndex = partner === undefined ? undefined : outgoingIndex.get(partner);
+        if (partner === undefined || partnerIndex === undefined) {
+            // An arrival holds its own place in the incoming slide's stack.
+            rank.set(element.id, next);
+            next += 1;
+            continue;
+        }
+        flushOutgoingBelow(partnerIndex + 1);
+        rank.set(element.id, rank.get(partner) ?? next);
+    }
+    flushOutgoingBelow(outgoing.length);
+    return rank;
+}
+/**
+ * The incoming shapes the overlay has to paint over its ghosts.
+ *
+ * An arriving shape is lifted when a ghost that HOLDS ITS OPACITY sits below it
+ * in the merged order and covers it: on the live stage it would dissolve in
+ * underneath something opaque and never be seen at all. Anything the ghosts are
+ * legitimately on top of - the incoming slide's own backdrop, artwork the
+ * persisting shapes are drawn over - keeps its place on the stage.
+ *
+ * A ghost that DISSOLVES is deliberately not counted, which is why the caller
+ * passes only the holding ones. It stops hiding anything within the first
+ * quarter of the morph, well before an arrival starts to appear at 42% (see
+ * `MORPH_FADE_OUT_END_PERCENT` / `MORPH_FADE_IN_START_PERCENT`), so lifting for
+ * it buys nothing and moves an animation the live stage should own: issue
+ * #131's overview-to-topic hop dissolves the whole centre out and the arriving
+ * group in, exactly that way.
+ *
+ * Only shapes with NO counterpart qualify. A matched pair already dissolves
+ * against its own ghost, which is the whole point of the crossfade; lifting its
+ * incoming half above that ghost would turn the dissolve back into a cut.
+ *
+ * @param outgoing - The outgoing slide's elements, flattened, in document order.
+ * @param incoming - The incoming slide's elements, flattened, in document order.
+ * @param pairs - The matched pairs.
+ * @param holdingGhostIds - The outgoing ids the overlay paints AND keeps opaque
+ *   for the whole morph (a painted pair whose appearance did not change).
+ * @returns The ids of the incoming elements to lift, a subset of `incoming`.
+ */
+function resolveMorphOverlayArrivals(outgoing, incoming, pairs, holdingGhostIds) {
+    const rank = buildMorphMergedOrder(outgoing, incoming, pairs);
+    const matched = new Set(pairs.map((pair) => pair.toElement.id));
+    const counterpart = new Map(pairs.map((pair) => [pair.fromElement.id, pair.toElement]));
+    const ghosts = outgoing
+        .filter((element) => holdingGhostIds.has(element.id))
+        .map((element) => ({
+        rank: rank.get(element.id) ?? 0,
+        box: travelledBox(element, counterpart.get(element.id)),
+    }));
+    const lifted = new Set();
+    for (const element of incoming) {
+        if (matched.has(element.id)) {
+            continue;
+        }
+        const mine = rank.get(element.id) ?? 0;
+        const box = travelledBox(element);
+        if (ghosts.some((ghost) => ghost.rank < mine && boxesOverlap(ghost.box, box))) {
+            lifted.add(element.id);
+        }
+    }
+    return lifted;
+}
+
 // ---------------------------------------------------------------------------
 // Text tokenization
 // ---------------------------------------------------------------------------
@@ -35748,9 +36402,15 @@ const GEOMETRY_EPSILON = 0.5;
  * Most of a Morph deck is inert - the authoring pattern is to duplicate a slide
  * and restyle one thing, so 26 of 32 pairs on this deck's transitions are
  * untouched - which makes what we do with them the dominant visual effect.
+ *
+ * A picture's SOURCE CROP counts here even though it moves no box: PowerPoint's
+ * "Scale Height"/"Scale Width" is an `a:srcRect` crop inside an unchanged frame,
+ * so a picture rescaled between two slides compares equal on every other axis
+ * and would otherwise be skipped entirely (issue #148).
  */
 function isInertMorphPair(fromElement, toElement) {
-    return (Math.abs(fromElement.x - toElement.x) <= GEOMETRY_EPSILON &&
+    return (!morphImageCropChanged(fromElement, toElement) &&
+        Math.abs(fromElement.x - toElement.x) <= GEOMETRY_EPSILON &&
         Math.abs(fromElement.y - toElement.y) <= GEOMETRY_EPSILON &&
         Math.abs(fromElement.width - toElement.width) <= GEOMETRY_EPSILON &&
         Math.abs(fromElement.height - toElement.height) <= GEOMETRY_EPSILON &&
@@ -35760,19 +36420,9 @@ function isInertMorphPair(fromElement, toElement) {
         (fromElement.opacity ?? 1) === (toElement.opacity ?? 1) &&
         !morphPairNeedsCrossfade(fromElement, toElement));
 }
-/** The area a shape occupies over the whole morph (start box union end box). */
-function travelledBox(from, to) {
-    const boxes = to ? [from, to] : [from];
-    return {
-        left: Math.min(...boxes.map((element) => element.x)),
-        top: Math.min(...boxes.map((element) => element.y)),
-        right: Math.max(...boxes.map((element) => element.x + element.width)),
-        bottom: Math.max(...boxes.map((element) => element.y + element.height)),
-    };
-}
-function boxesOverlap(a, b) {
-    return a.left < b.right && b.left < a.right && a.top < b.bottom && b.top < a.bottom;
-}
+// ---------------------------------------------------------------------------
+// Which outgoing shapes the overlay has to paint
+// ---------------------------------------------------------------------------
 /**
  * The outgoing shapes the transition overlay actually has to paint.
  *
@@ -35828,12 +36478,21 @@ function resolveMorphGhostIds(outgoingElements, pairs) {
  * box over `noFill` has nothing to hollow out, and pinning it means the new
  * wording is at full strength from frame 1 while the old dissolves off it,
  * which reads as the new text simply appearing rather than cross-dissolving.
+ *
+ * A GROUP owns no fill of its own, so the question has to be asked of its
+ * children: the wheel deck's centre panel is a group around an opaque disc, and
+ * fading it in while its ghost faded out turned the disc translucent for the
+ * middle of every hub-to-topic morph.
  */
 function crossfadeIncomingMayFadeIn(element) {
     const image = element;
     if (image.imagePath || image.svgPath) {
         return false;
     }
+    const children = element.children;
+    if (children?.length) {
+        return children.every((child) => crossfadeIncomingMayFadeIn(child));
+    }
     if (!hasShapeProperties(element)) {
         return true;
     }
@@ -35928,15 +36587,19 @@ function generateMorphAnimations(pairs, durationMs, _mode = 'object', ghostIds)
         const crossfadesIn = !inert &&
             morphPairNeedsCrossfade(fromElement, toElement) &&
             crossfadeIncomingMayFadeIn(toElement);
-        // Build from/to property blocks
+        // Build from/to property blocks. A half that dissolves IN keeps its opacity
+        // out of this block and rides a second animation, so the journey and the
+        // dissolve can follow their own measured curves (see the ghost half).
         const fromProps = [
             `\t\ttransform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${fromRot}deg)${flips};`,
-            `\t\topacity: ${inert ? 0 : crossfadesIn ? 0 : fromOpacity};`,
         ];
         const toProps = [
             `\t\ttransform: translate(0, 0) scale(1, 1) rotate(${toRot}deg)${flips};`,
-            `\t\topacity: ${inert ? 0 : toOpacity};`,
         ];
+        if (!crossfadesIn) {
+            fromProps.push(`\t\topacity: ${inert ? 0 : fromOpacity};`);
+            toProps.push(`\t\topacity: ${inert ? 0 : toOpacity};`);
+        }
         // Fill color interpolation
         const colorInterp = buildColorInterpolationProps(fromElement, toElement);
         if (colorInterp) {
@@ -35957,10 +36620,20 @@ ${fromProps.join('\n')}
 \tto {
 ${toProps.join('\n')}
 \t}
-}`;
+}${crossfadesIn
+            ? `
+@keyframes ${safeName}-fade {
+\tfrom {
+\t\topacity: 0;
+\t}
+\tto {
+\t\topacity: ${toOpacity};
+\t}
+}`
+            : ''}`;
         animations.push({
             elementId: toElement.id,
-            animation: `${safeName} ${durationMs}ms ${MORPH_EASING} forwards`,
+            animation: `${safeName} ${durationMs}ms ${MORPH_EASING} forwards${crossfadesIn ? `, ${safeName}-fade ${durationMs}ms ${MORPH_CROSSFADE_EASING} forwards` : ''}`,
             keyframes,
         });
     }
@@ -36015,22 +36688,36 @@ function generateMorphGhostAnimations(pairs, durationMs, startIndex, ghostIds) {
         const fromRot = fromElement.rotation ?? 0;
         const toRot = shortestRotationTarget(fromRot, toElement.rotation ?? 0);
         const flips = `${fromElement.flipHorizontal ? ' scaleX(-1)' : ''}${fromElement.flipVertical ? ' scaleY(-1)' : ''}`;
+        // A dissolve and a journey are two different curves, so when the ghost does
+        // both they ride two animations: the transform keeps {@link MORPH_EASING},
+        // which its live counterpart also travels on (a single easing for both
+        // halves is what keeps them on the same path), and the opacity gets the
+        // measured {@link MORPH_CROSSFADE_EASING}.
+        const opacity = fromElement.opacity ?? 1;
         const keyframes = `
 @keyframes ${safeName} {
 \tfrom {
 \t\ttransform-origin: center;
-\t\ttransform: translate(0, 0) scale(1, 1) rotate(${fromRot}deg)${flips};
-\t\topacity: ${fromElement.opacity ?? 1};
+\t\ttransform: translate(0, 0) scale(1, 1) rotate(${fromRot}deg)${flips};${fadesOut ? '' : `\n\t\topacity: ${opacity};`}
 \t}
 \tto {
 \t\ttransform-origin: center;
-\t\ttransform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${toRot}deg)${flips};
-\t\topacity: ${fadesOut ? 0 : (fromElement.opacity ?? 1)};
+\t\ttransform: translate(${dx}px, ${dy}px) scale(${sx}, ${sy}) rotate(${toRot}deg)${flips};${fadesOut ? '' : `\n\t\topacity: ${opacity};`}
 \t}
-}`;
+}${fadesOut
+            ? `
+@keyframes ${safeName}-fade {
+\tfrom {
+\t\topacity: ${opacity};
+\t}
+\tto {
+\t\topacity: 0;
+\t}
+}`
+            : ''}`;
         animations.push({
             elementId: fromElement.id,
-            animation: `${safeName} ${durationMs}ms ${MORPH_EASING} forwards`,
+            animation: `${safeName} ${durationMs}ms ${MORPH_EASING} forwards${fadesOut ? `, ${safeName}-fade ${durationMs}ms ${MORPH_CROSSFADE_EASING} forwards` : ''}`,
             keyframes,
         });
     }
@@ -36229,6 +36916,11 @@ function generateFullMorphTransition(fromSlide, toSlide, durationMs, mode = 'obj
             allAnimations.push(geo);
         }
     }
+    // Picture crop morph: a pair whose `a:srcRect` changed zooms its source
+    // region inside an otherwise unchanged frame (PowerPoint's "Scale
+    // Height"/"Scale Width"). This rides the element's `<img>`, not its
+    // container, so it is additive to whatever the pair does above.
+    allAnimations.push(...generateImageCropMorphAnimations(matchResult.pairs, durationMs));
     // Generate text morph animations for text-bearing matched pairs
     if (mode === 'word' || mode === 'character') {
         for (let i = 0; i < matchResult.pairs.length; i++) {
@@ -36242,6 +36934,9 @@ function generateFullMorphTransition(fromSlide, toSlide, durationMs, mode = 'obj
     // Outgoing half of every restyled pair's crossfade.
     const ghosts = generateMorphGhostAnimations(matchResult.pairs, durationMs, pairAnims.length, ghostIds);
     allAnimations.push(...ghosts);
+    // The same zoom on the painted ghosts, so a crop change that IS crossfading
+    // dissolves from the region the outgoing slide actually showed.
+    allAnimations.push(...generateImageCropGhostAnimations(matchResult.pairs, durationMs, ghostIds));
     // Generate fade-out for unmatched from elements
     const fadeOuts = generateUnmatchedFadeOutAnimations(matchResult.unmatchedFrom, durationMs, pairAnims.length + ghosts.length);
     allAnimations.push(...fadeOuts);
@@ -36251,6 +36946,21 @@ function generateFullMorphTransition(fromSlide, toSlide, durationMs, mode = 'obj
     return allAnimations;
 }
 
+/**
+ * Keyframes for an incoming shape whose dissolve has been lifted into the
+ * overlay: the copy left on the live stage holds at nothing for the whole
+ * morph, so the two copies never composite with each other.
+ */
+const LIFTED_HIDDEN_NAME = 'pptx-morph-lifted-hidden';
+const LIFTED_HIDDEN_KEYFRAMES = `
+@keyframes ${LIFTED_HIDDEN_NAME} {
+\tfrom {
+\t\topacity: 0;
+\t}
+\tto {
+\t\topacity: 0;
+\t}
+}`;
 /** Map a parsed `<p159:morph @option>` onto the engine's granularity mode. */
 function morphOptionToMode(option) {
     if (option === 'byWord') {
@@ -36307,15 +37017,23 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = 'object
     const outgoingIds = new Set(flattenedOutgoing.map((element) => element.id));
     const incomingAnimations = new Map();
     const outgoingAnimations = new Map();
+    const incomingImageAnimations = new Map();
+    const outgoingImageAnimations = new Map();
     const keyframes = [];
     for (const animation of animations) {
         keyframes.push(animation.keyframes);
-        if (outgoingIds.has(animation.elementId)) {
-            outgoingAnimations.set(animation.elementId, animation.animation);
-        }
-        else {
-            incomingAnimations.set(animation.elementId, animation.animation);
-        }
+        const isOutgoing = outgoingIds.has(animation.elementId);
+        // An `image`-targeted animation rides the `<img>` inside the element, so
+        // it goes in its own map: it shares an element id with the container
+        // animation and would otherwise overwrite it.
+        const target = animation.target === 'image'
+            ? isOutgoing
+                ? outgoingImageAnimations
+                : incomingImageAnimations
+            : isOutgoing
+                ? outgoingAnimations
+                : incomingAnimations;
+        target.set(animation.elementId, animation.animation);
     }
     // An outgoing shape with no animation is one whose ghost the engine dropped
     // as redundant: its live counterpart draws the same thing along the same
@@ -36324,11 +37042,45 @@ function buildMorphTransitionPlan(fromSlide, toSlide, durationMs, mode = 'object
     // the overlay came down). Deriving the list from the animations keeps this
     // decision in one place, `resolveMorphGhostIds`.
     const outgoingElements = flattenedOutgoing.filter((element) => outgoingAnimations.has(element.id));
+    // Everything the overlay paints hides whatever the live stage is doing
+    // underneath, which is wrong for a shape that ARRIVES on top of a ghost:
+    // it dissolves in where nobody can see it and appears in one frame when the
+    // overlay is torn down (issue #146 - the wheel's centre disc is unchanged,
+    // so its opaque ghost sat over the new title, body and button for the whole
+    // morph). Those few move up into the overlay, above the ghosts, and the
+    // copy on the stage is held invisible so the two never composite.
+    //
+    // Only a ghost that KEEPS its opacity counts. One that dissolves is out of
+    // the way inside the first quarter, long before an arrival begins to appear,
+    // so it hides nothing worth moving an animation for.
+    const flattenedIncoming = flattenMorphElements(toSlide.elements, fromSlide.elements);
+    const holdingGhostIds = new Set(match.pairs
+        .filter((candidate) => outgoingAnimations.has(candidate.fromElement.id) &&
+        !morphPairNeedsCrossfade(candidate.fromElement, candidate.toElement))
+        .map((candidate) => candidate.fromElement.id));
+    const lifted = resolveMorphOverlayArrivals(flattenedOutgoing, flattenedIncoming, match.pairs, holdingGhostIds);
+    const overlayIncomingAnimations = new Map();
+    for (const id of lifted) {
+        const animation = incomingAnimations.get(id);
+        if (animation === undefined) {
+            continue;
+        }
+        overlayIncomingAnimations.set(id, animation);
+        incomingAnimations.set(id, `${LIFTED_HIDDEN_NAME} ${durationMs}ms linear forwards`);
+    }
+    if (overlayIncomingAnimations.size > 0) {
+        keyframes.push(LIFTED_HIDDEN_KEYFRAMES);
+    }
+    const overlayIncomingElements = flattenedIncoming.filter((element) => overlayIncomingAnimations.has(element.id));
     return {
         keyframesCss: keyframes.join('\n'),
         incomingAnimations,
         outgoingAnimations,
+        incomingImageAnimations,
+        outgoingImageAnimations,
+        overlayIncomingAnimations,
         outgoingElements,
+        overlayIncomingElements,
         durationMs,
     };
 }
@@ -36353,16 +37105,51 @@ function cssAttributeValue(value) {
  *   are unique to the slide being animated and need no ancestor to disambiguate.
  *   That is what lets a binding whose incoming slide is rendered OUTSIDE the
  *   overlay (Angular, React) still drive it from here.
+ * @param which - Which half to emit: the live stage's `incoming` elements, the
+ *   overlay's `outgoing` ghosts, or the `lifted` copies the overlay paints over
+ *   those ghosts (see {@link MorphTransitionPlan.overlayIncomingElements}).
  * @returns Keyframes plus the scoped `animation` rules, ready to inject.
  */
 function buildMorphScopedCss(plan, scopeAttribute, which = 'incoming') {
-    const animations = which === 'incoming' ? plan.incomingAnimations : plan.outgoingAnimations;
+    return `${plan.keyframesCss}\n${buildMorphAnimationRules(plan, scopeAttribute, which)}`;
+}
+/**
+ * Just the `animation` rules of a plan, with no `@keyframes` block.
+ *
+ * For a binding that already injects {@link MorphTransitionPlan.keyframesCss}
+ * itself and applies the element-level animations some other way (React merges
+ * them into its per-element animation state), but still needs the descendant
+ * rules that {@link MorphTransitionPlan.incomingImageAnimations} cannot be
+ * expressed as an inline style for.
+ *
+ * @param plan - The plan to render.
+ * @param scopeAttribute - As {@link buildMorphScopedCss}.
+ * @param which - Which half of the transition to emit.
+ * @param only - `'image'` emits only the `<img>` descendant rules; omit for all.
+ * @returns The newline-joined rules (no trailing newline); `''` when there are none.
+ */
+function buildMorphAnimationRules(plan, scopeAttribute, which = 'incoming', only) {
     const prefix = scopeAttribute ? `[${scopeAttribute}] ` : '';
     const rules = [];
-    for (const [elementId, animation] of animations) {
-        rules.push(`${prefix}[data-element-id="${cssAttributeValue(elementId)}"] { animation: ${animation}; }`);
+    const emit = (animations, suffix) => {
+        for (const [elementId, animation] of animations) {
+            rules.push(`${prefix}[data-element-id="${cssAttributeValue(elementId)}"]${suffix} { animation: ${animation}; }`);
+        }
+    };
+    // `lifted` is the incoming half painted in the overlay rather than on the
+    // stage, so it shares the incoming img channel and differs only in which
+    // container animation it carries.
+    if (only !== 'image') {
+        emit(which === 'outgoing'
+            ? plan.outgoingAnimations
+            : which === 'lifted'
+                ? plan.overlayIncomingAnimations
+                : plan.incomingAnimations, '');
     }
-    return `${plan.keyframesCss}\n${rules.join('\n')}`;
+    // The picture-crop channel targets the `<img>` the element renders, which
+    // every binding draws inside the `data-element-id` container.
+    emit(which === 'outgoing' ? plan.outgoingImageAnimations : plan.incomingImageAnimations, ' img');
+    return rules.join('\n');
 }
 
 /**
@@ -55467,6 +56254,20 @@ function applyMediaPlaybackAttributes(el, source) {
     el.volume = attributes.volume;
     el.playbackRate = attributes.playbackRate;
 }
+/**
+ * Derive a {@link MediaSurface} from the two flags a binding's renderer carries.
+ *
+ * "Neither interactive nor presenting" is what a STILL of a slide looks like
+ * from inside an element renderer, and all four declarative bindings had spelt
+ * that out by hand - twice each, once per shared media rule. Deriving it once
+ * keeps a binding from quietly answering the two rules differently.
+ */
+function mediaSurfaceOf(input) {
+    return {
+        presenting: input.presenting,
+        preview: !input.interactive && !input.presenting,
+    };
+}
 /**
  * Whether a media element should carry the browser's native transport.
  *
@@ -55485,6 +56286,115 @@ function mediaTransportVisible(surface) {
     }
     return surface.canvasTransport;
 }
+/**
+ * What a media element paints when it has no playable source.
+ *
+ * WHY this is shared (issue #147): a slide-transition overlay is a STILL of the
+ * outgoing slide, and React's overlay renders it without the media map, so a
+ * full-bleed background video fell back to its poster frame AND to the centred
+ * play badge that goes with it. The badge is authoring chrome, not slide
+ * content, so `solution-explorer.pptx` played a mystery play triangle across
+ * the middle of every morph out of slide 2 - which is exactly what the reporter
+ * caught at 11s. The same class of artefact was one map away in the other four:
+ * their typed "Media" placeholder box is chrome too, and it paints on any still
+ * whose media cannot resolve.
+ *
+ * The rule: a still of a slide - and the show itself - paints slide CONTENT and
+ * nothing else. Only the authoring canvas adds the affordance that says "this
+ * picture is a video you cannot play here".
+ *
+ * `badge` and `placeholder` are unions rather than booleans on purpose. As
+ * booleans, four bindings read "paint a badge" and drew a PLAY triangle over
+ * media the package had failed to find - the opposite of what React said in the
+ * same spot. A union cannot be half-read.
+ */
+function mediaFallbackVisual(surface, input) {
+    const contentOnly = surface.presenting || surface.preview;
+    if (contentOnly) {
+        return { poster: input.hasPoster, dimPoster: false, badge: 'none', placeholder: 'none' };
+    }
+    const missing = input.missing === true;
+    // The badge is an overlay ON a poster; with no poster the placeholder box
+    // carries the same icon itself, so exactly one of the two is ever set.
+    if (input.hasPoster) {
+        return {
+            poster: true,
+            dimPoster: missing,
+            badge: missing ? 'missing' : 'play',
+            placeholder: 'none',
+        };
+    }
+    return {
+        poster: false,
+        dimPoster: false,
+        badge: 'none',
+        placeholder: missing ? 'missing' : 'typed',
+    };
+}
+/**
+ * The icons the fallback draws, as SVG path `d` strings in a 24x24 `viewBox`,
+ * stroked with `currentColor` over `fill: none`.
+ *
+ * Paths rather than each binding's own `<circle>` / `<polygon>` / `<line>` mix:
+ * one array renders identically through JSX, a Vue/Svelte `for`, an Angular
+ * `@for` and a DOM loop, so the five icons cannot drift apart.
+ */
+const MEDIA_FALLBACK_ICONS = {
+    play: ['M5 3 L19 12 L5 21 Z'],
+    missing: ['M12 2 a10 10 0 1 0 0 20 a10 10 0 1 0 0-20', 'M4 4 L20 20'],
+    audio: [
+        'M9 18V5l12-2v13',
+        'M6 15 a3 3 0 1 0 0 6 a3 3 0 1 0 0-6',
+        'M18 13 a3 3 0 1 0 0 6 a3 3 0 1 0 0-6',
+    ],
+};
+/**
+ * The icon for a resolved {@link MediaFallbackVisual}, or `[]` when the surface
+ * asks for none. An untyped placeholder gets no icon, as React has always done:
+ * the deck never said whether it is a clip or a track.
+ */
+function mediaFallbackIcon(visual, mediaType) {
+    if (visual.badge === 'missing' || visual.placeholder === 'missing') {
+        return MEDIA_FALLBACK_ICONS.missing;
+    }
+    if (visual.badge === 'play') {
+        return MEDIA_FALLBACK_ICONS.play;
+    }
+    if (visual.placeholder === 'typed') {
+        if (mediaType === 'audio') {
+            return MEDIA_FALLBACK_ICONS.audio;
+        }
+        if (mediaType === 'video') {
+            return MEDIA_FALLBACK_ICONS.play;
+        }
+    }
+    return [];
+}
+/**
+ * The i18n key labelling a resolved {@link MediaFallbackVisual}, or `undefined`
+ * when it carries no label (the play badge is a bare triangle).
+ *
+ * Shared because the five disagreed: React hard-coded the English words "Video"
+ * and "Audio" - untranslated, in a package that ships four locales - while the
+ * other four labelled every unplayable element the same flat "Media", whatever
+ * the deck said it was.
+ */
+function mediaFallbackLabelKey(visual, mediaType) {
+    if (visual.badge === 'missing' || visual.placeholder === 'missing') {
+        return 'pptx.media.notFound';
+    }
+    if (visual.placeholder !== 'typed') {
+        return undefined;
+    }
+    if (mediaType === 'video') {
+        return 'pptx.media.videoClip';
+    }
+    if (mediaType === 'audio') {
+        return 'pptx.media.audioClip';
+    }
+    return 'pptx.elementType.media';
+}
+const MEDIA_CHROME_ATTRIBUTE = 'data-pptx-media-chrome';
 
 /**
  * Persistent audio manager: keeps "play across slides" audio alive when the
@@ -63911,7 +64821,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--NbNwqbC.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-BF1I9H0D.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -75917,6 +76827,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * `media-render.tsx` / `media-persistent-audio.tsx`. Kept TestBed-free so the
  * source resolution + media-fragment maths can be unit-tested directly.
  */
+/** Which surface {@link MediaRendererComponent} is painting on. */
+function mediaSurfaceFor(interactive, presenting) {
+    return mediaSurfaceOf({ interactive, presenting });
+}
+/**
+ * What the template paints when no `<video>`/`<audio>` can be mounted.
+ *
+ * A still of a slide - the slide-transition overlay, the presenter console's
+ * panes, the thumbnail rail - gets the poster frame and nothing else: the play
+ * badge and the typed placeholder box are authoring chrome, and issue #147 is
+ * exactly that chrome riding along inside a morph. Factored out of the template
+ * so its `@if`s can be asserted without a TestBed, as this package does
+ * elsewhere (see `action-settings-panel.component.test.ts`).
+ */
+function mediaFallbackFor(el, hasPoster, surface) {
+    return mediaFallbackVisual(surface, {
+        hasPoster,
+        missing: asMediaElement(el)?.mediaMissing === true,
+    });
+}
 /** Narrow a generic element to `MediaPptxElement`, or `undefined`. */
 function asMediaElement(el) {
     return el.type === 'media' ? el : undefined;
@@ -76109,12 +77039,35 @@ class MediaRendererComponent {
      * for the same reason). React paints one on its canvas; that difference is
      * deliberate and is the only thing the shared rule leaves to the binding.
      */
-    showControls = computed(() => mediaTransportVisible({
-        presenting: this.presenting(),
-        preview: !this.interactive() && !this.presenting(),
-        canvasTransport: false,
-    }), /* @ts-ignore */
+    showControls = computed(() => mediaTransportVisible({ ...this.surface(), canvasTransport: false }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showControls" }] : /* istanbul ignore next */ []));
+    /**
+     * Which surface this renderer is painting on: the live show stage, a STILL of
+     * a slide (the transition overlay, the presenter console's panes, the
+     * thumbnail rail), or the authoring canvas.
+     */
+    surface = computed(() => mediaSurfaceFor(this.interactive(), this.presenting()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "surface" }] : /* istanbul ignore next */ []));
+    /**
+     * What to paint when no `<video>`/`<audio>` can be mounted.
+     *
+     * A still of a slide - the slide-transition overlay, the presenter console's
+     * panes, the thumbnail rail - gets the poster frame and nothing else: the
+     * play badge and the typed placeholder box are authoring chrome, and issue
+     * #147 is exactly that chrome riding along inside a morph. Shared, so the
+     * five bindings cannot drift on it.
+     */
+    fallback = computed(() => mediaFallbackFor(this.element(), Boolean(this.poster()), this.surface()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fallback" }] : /* istanbul ignore next */ []));
+    /** The shared icon paths and resolved label for whatever the fallback is. */
+    fallbackIcon = computed(() => mediaFallbackIcon(this.fallback(), this.mediaKind()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fallbackIcon" }] : /* istanbul ignore next */ []));
+    translate = inject(TranslateService);
+    fallbackLabel = computed(() => {
+        const key = mediaFallbackLabelKey(this.fallback(), this.mediaKind());
+        return key === undefined ? '' : this.translate.instant(key);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fallbackLabel" }] : /* istanbul ignore next */ []));
     containerStyle = computed(() => getContainerStyle(this.element(), this.zIndex()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "containerStyle" }] : /* istanbul ignore next */ []));
     /** Poster / preview frame data-URL (also used as the `<video poster>`). */
@@ -76181,22 +77134,57 @@ class MediaRendererComponent {
 						}
 					</video>
 				}
-			} @else if (poster(); as posterSrc) {
+			} @else if (fallback().poster && poster(); as posterSrc) {
 				@if (clrChangeParams(); as cc) {
 					<pptx-color-changed-image
 						[src]="posterSrc"
 						[clrChange]="cc"
 						alt=""
-						imgClass="pptx-ng-img"
+						[imgClass]="fallback().dimPoster ? 'pptx-ng-img pptx-ng-media-dim' : 'pptx-ng-img'"
 					/>
 				} @else {
-					<img [src]="posterSrc" alt="" class="pptx-ng-img" />
+					<img
+						[src]="posterSrc"
+						alt=""
+						class="pptx-ng-img"
+						[class.pptx-ng-media-dim]="fallback().dimPoster"
+					/>
 				}
-			} @else {
-				<div class="pptx-ng-placeholder">{{ placeholderLabel() }}</div>
+				<!-- Authoring-canvas chrome only; data-pptx-media-chrome is the neutral
+				     marker e2e/media-transition-chrome.spec.ts asserts the absence of. -->
+				@if (fallback().badge !== 'none') {
+					<div
+						[attr.data-pptx-media-chrome]="fallback().badge"
+						class="pptx-ng-media-badge"
+						[class.pptx-ng-media-badge-missing]="fallback().badge === 'missing'"
+					>
+						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+							@for (d of fallbackIcon(); track d) {
+								<path [attr.d]="d" />
+							}
+						</svg>
+						@if (fallback().badge === 'missing') {
+							<span>{{ fallbackLabel() }}</span>
+						}
+					</div>
+				}
+			} @else if (fallback().placeholder !== 'none') {
+				<div
+					class="pptx-ng-placeholder pptx-ng-media-placeholder"
+					[attr.data-pptx-media-chrome]="fallback().placeholder"
+				>
+					@if (fallbackIcon().length > 0) {
+						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+							@for (d of fallbackIcon(); track d) {
+								<path [attr.d]="d" />
+							}
+						</svg>
+					}
+					<span>{{ fallbackLabel() }}</span>
+				</div>
 			}
 		</div>
-	`, isInline: true, styles: [".pptx-ng-media-el{display:block;pointer-events:auto}.pptx-ng-media-video{width:100%;height:100%;object-fit:contain}.pptx-ng-media-audio{width:100%}.pptx-ng-media-inert{pointer-events:none}.pptx-ng-img{width:100%;height:100%;object-fit:contain;display:block}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ColorChangedImageComponent, selector: "pptx-color-changed-image", inputs: ["src", "clrChange", "alt", "imgClass", "imgStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, styles: [".pptx-ng-media-el{display:block;pointer-events:auto}.pptx-ng-media-video{width:100%;height:100%;object-fit:contain}.pptx-ng-media-audio{width:100%}.pptx-ng-media-inert{pointer-events:none}.pptx-ng-img{width:100%;height:100%;object-fit:contain;display:block}.pptx-ng-media-dim{opacity:.5}.pptx-ng-media-badge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#fffc;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));pointer-events:none}.pptx-ng-media-badge svg{width:48px;height:48px}.pptx-ng-media-badge-missing{color:#fff9}.pptx-ng-media-badge-missing svg{width:32px;height:32px}.pptx-ng-media-placeholder{flex-direction:column;gap:4px;font-size:10px}.pptx-ng-media-placeholder svg{width:32px;height:32px}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ColorChangedImageComponent, selector: "pptx-color-changed-image", inputs: ["src", "clrChange", "alt", "imgClass", "imgStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: MediaRendererComponent, decorators: [{
             type: Component,
@@ -76241,22 +77229,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 						}
 					</video>
 				}
-			} @else if (poster(); as posterSrc) {
+			} @else if (fallback().poster && poster(); as posterSrc) {
 				@if (clrChangeParams(); as cc) {
 					<pptx-color-changed-image
 						[src]="posterSrc"
 						[clrChange]="cc"
 						alt=""
-						imgClass="pptx-ng-img"
+						[imgClass]="fallback().dimPoster ? 'pptx-ng-img pptx-ng-media-dim' : 'pptx-ng-img'"
 					/>
 				} @else {
-					<img [src]="posterSrc" alt="" class="pptx-ng-img" />
+					<img
+						[src]="posterSrc"
+						alt=""
+						class="pptx-ng-img"
+						[class.pptx-ng-media-dim]="fallback().dimPoster"
+					/>
 				}
-			} @else {
-				<div class="pptx-ng-placeholder">{{ placeholderLabel() }}</div>
+				<!-- Authoring-canvas chrome only; data-pptx-media-chrome is the neutral
+				     marker e2e/media-transition-chrome.spec.ts asserts the absence of. -->
+				@if (fallback().badge !== 'none') {
+					<div
+						[attr.data-pptx-media-chrome]="fallback().badge"
+						class="pptx-ng-media-badge"
+						[class.pptx-ng-media-badge-missing]="fallback().badge === 'missing'"
+					>
+						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+							@for (d of fallbackIcon(); track d) {
+								<path [attr.d]="d" />
+							}
+						</svg>
+						@if (fallback().badge === 'missing') {
+							<span>{{ fallbackLabel() }}</span>
+						}
+					</div>
+				}
+			} @else if (fallback().placeholder !== 'none') {
+				<div
+					class="pptx-ng-placeholder pptx-ng-media-placeholder"
+					[attr.data-pptx-media-chrome]="fallback().placeholder"
+				>
+					@if (fallbackIcon().length > 0) {
+						<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+							@for (d of fallbackIcon(); track d) {
+								<path [attr.d]="d" />
+							}
+						</svg>
+					}
+					<span>{{ fallbackLabel() }}</span>
+				</div>
 			}
 		</div>
-	`, styles: [".pptx-ng-media-el{display:block;pointer-events:auto}.pptx-ng-media-video{width:100%;height:100%;object-fit:contain}.pptx-ng-media-audio{width:100%}.pptx-ng-media-inert{pointer-events:none}.pptx-ng-img{width:100%;height:100%;object-fit:contain;display:block}\n"] }]
+	`, styles: [".pptx-ng-media-el{display:block;pointer-events:auto}.pptx-ng-media-video{width:100%;height:100%;object-fit:contain}.pptx-ng-media-audio{width:100%}.pptx-ng-media-inert{pointer-events:none}.pptx-ng-img{width:100%;height:100%;object-fit:contain;display:block}.pptx-ng-media-dim{opacity:.5}.pptx-ng-media-badge{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#fffc;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));pointer-events:none}.pptx-ng-media-badge svg{width:48px;height:48px}.pptx-ng-media-badge-missing{color:#fff9}.pptx-ng-media-badge-missing svg{width:32px;height:32px}.pptx-ng-media-placeholder{flex-direction:column;gap:4px;font-size:10px}.pptx-ng-media-placeholder svg{width:32px;height:32px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], zIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndex", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], marked: [{ type: i0.Input, args: [{ isSignal: true, alias: "marked", required: false }] }], presenting: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenting", required: false }] }], placeholderLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholderLabel", required: false }] }], mediaElRef: [{ type: i0.ViewChild, args: ['mediaEl', { isSignal: true }] }] } });
 
 /**
@@ -78176,8 +79199,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
  * `sz` overrides the (already scaled) body font-size, so without it a
  * shrink-to-fit title painted at full size.
  */
-function runStyleFromSegment(seg, fontScale = 1) {
-    const style = segmentStyleToCss(seg, fontScale);
+function runStyleFromSegment(seg, fontScale = 1, blockFont, text) {
+    const style = segmentStyleToCss(seg, fontScale, { text, blockFont });
     const s = seg.style;
     if (s) {
         const isDoubleStrike = Boolean(s.strikethrough && s.strikeType === 'dblStrike');
@@ -78506,6 +79529,15 @@ class ElementRendererComponent {
         // run's own `sz` overrides the (already scaled) body font-size. Mirrors
         // shared `buildParagraphs` and React's `renderSingleSegment`.
         const fontScale = resolveAutoFitFontScale(el.textStyle);
+        // What a run that declares no font of its own inherits from the text body,
+        // used only to measure it for the PowerPoint metric tracking. Mirrors
+        // shared `buildParagraphs`.
+        const blockFont = {
+            fontFamily: el.textStyle?.fontFamily
+                ? getSubstituteFontFamily(el.textStyle.fontFamily)
+                : DEFAULT_FONT_FAMILY$1,
+            fontSizePx: (el.textStyle?.fontSize || DEFAULT_TEXT_FONT_SIZE) * fontScale,
+        };
         const paragraphIndents = el.paragraphIndents;
         const out = [{ runs: [], bulletStyle: {}, indentPx: 0 }];
         let paraStarted = false;
@@ -78624,12 +79656,20 @@ class ElementRendererComponent {
                 : rawText;
             if (text) {
                 const href = resolveHyperlinkHref(seg.style?.hyperlink);
-                current.runs.push({
-                    text,
-                    style: runStyleFromSegment(seg, fontScale),
-                    href,
-                    tooltip: href ? seg.style?.hyperlinkTooltip : undefined,
-                });
+                const style = runStyleFromSegment(seg, fontScale, blockFont, text);
+                // One run per word (and per gap), each carrying its own PowerPoint
+                // metric tracking, so a LINE measures what PowerPoint measured and
+                // breaks where PowerPoint breaks (#149). Shared decides the split;
+                // this builder is hand-ported from `buildParagraphs` and would
+                // otherwise silently keep the old whole-run behaviour.
+                for (const piece of splitStyledRun(text, style, resolveRunFont(style, seg.style ?? {}, blockFont), authoredLetterSpacingPx(seg.style))) {
+                    current.runs.push({
+                        text: piece.text,
+                        style: piece.style,
+                        href,
+                        tooltip: href ? seg.style?.hyperlinkTooltip : undefined,
+                    });
+                }
             }
         }
         // A paragraph that already matches the body default needs no re-basing.
@@ -88600,6 +89640,25 @@ function ensureTransitionKeyframes() {
 
 /** Safety margin (ms) added to the animation duration before firing complete. */
 const COMPLETE_MARGIN_MS = 50;
+/**
+ * The slide the overlay paints ABOVE its ghosts, or `undefined` when a morph
+ * has nothing to lift.
+ *
+ * A shape arriving inside a shape that persists is drawn on the live stage,
+ * UNDER this overlay, so the persisting shape's opaque ghost hides it for the
+ * whole transition (issue #146). `buildMorphTransitionPlan` names those few and
+ * holds their stage copy invisible; this wraps them as a slide the component's
+ * own `pptx-slide-canvas` can render.
+ *
+ * Exported and pure so it can be unit-tested: this package renders no component
+ * under test (see `action-settings-panel.component.test.ts`).
+ */
+function morphLiftedSlide(plan, incomingSlide) {
+    if (!plan || !incomingSlide || plan.overlayIncomingElements.length === 0) {
+        return undefined;
+    }
+    return { ...incomingSlide, elements: [...plan.overlayIncomingElements] };
+}
 /**
  * PresentationTransitionOverlayComponent: plays a PowerPoint slide transition
  * over the presentation stage.
@@ -88695,6 +89754,9 @@ class PresentationTransitionOverlayComponent {
                 ? [
                     buildMorphScopedCss(plan, '', 'incoming'),
                     buildMorphScopedCss(plan, 'data-pptx-morph-outgoing', 'outgoing'),
+                    // Scoped, so it outranks the unscoped `incoming` rule that holds
+                    // the stage's copy of the same element invisible.
+                    buildMorphScopedCss(plan, 'data-pptx-morph-lifted', 'lifted'),
                 ].join('\n')
                 : null);
         });
@@ -88783,6 +89845,14 @@ class PresentationTransitionOverlayComponent {
         return { ...slide, elements: [...template, ...slide.elements] };
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "layerSlide" }] : /* istanbul ignore next */ []));
+    /**
+     * The arriving shapes the morph has to paint over its own ghosts, or
+     * `undefined` when there are none (issue #146). They sit on the live stage
+     * below this overlay, where the departing layer would hide them for the whole
+     * transition; the plan holds that copy invisible and hands them here instead.
+     */
+    liftedSlide = computed(() => morphLiftedSlide(this.morphPlan(), this.incomingSlide()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "liftedSlide" }] : /* istanbul ignore next */ []));
     /** Layer container style: animation + stacking relative to the stage. */
     layerStyle = computed(() => {
         const anims = this.animations();
@@ -88855,7 +89925,7 @@ class PresentationTransitionOverlayComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: PresentationTransitionOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: PresentationTransitionOverlayComponent, isStandalone: true, selector: "pptx-presentation-transition-overlay", inputs: { outgoingSlide: { classPropertyName: "outgoingSlide", publicName: "outgoingSlide", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, durationMs: { classPropertyName: "durationMs", publicName: "durationMs", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, incomingSlide: { classPropertyName: "incomingSlide", publicName: "incomingSlide", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { complete: "complete" }, host: { attributes: { "data-pptx-transition-overlay": "" } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: PresentationTransitionOverlayComponent, isStandalone: true, selector: "pptx-presentation-transition-overlay", inputs: { outgoingSlide: { classPropertyName: "outgoingSlide", publicName: "outgoingSlide", isSignal: true, isRequired: true, transformFunction: null }, canvasSize: { classPropertyName: "canvasSize", publicName: "canvasSize", isSignal: true, isRequired: true, transformFunction: null }, transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: true, transformFunction: null }, templateElements: { classPropertyName: "templateElements", publicName: "templateElements", isSignal: true, isRequired: false, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, durationMs: { classPropertyName: "durationMs", publicName: "durationMs", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, incomingSlide: { classPropertyName: "incomingSlide", publicName: "incomingSlide", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { complete: "complete" }, host: { attributes: { "data-pptx-transition-overlay": "" } }, ngImport: i0, template: `
 		<div
 			class="pptx-ng-transition-layer"
 			data-pptx-transition-layer="outgoing"
@@ -88874,6 +89944,30 @@ class PresentationTransitionOverlayComponent {
 				/>
 			</div>
 		</div>
+
+		<!-- The arriving shapes that dissolve in ABOVE a departing one. They are on
+		     the live stage below this overlay, where the departing layer hides them
+		     for the whole morph, so they are painted again here. -->
+		@if (liftedSlide(); as lifted) {
+			<div
+				class="pptx-ng-transition-layer"
+				data-pptx-transition-layer="lifted"
+				data-pptx-morph-lifted="true"
+				[ngStyle]="{ 'z-index': '41' }"
+			>
+				<div [ngStyle]="slideBoxStyle()">
+					<pptx-slide-canvas
+						[slide]="lifted"
+						[canvasSize]="canvasSize()"
+						[mediaDataUrls]="mediaDataUrls()"
+						[zoom]="zoom()"
+						[autoFit]="false"
+						[interactive]="false"
+						[transparentBackground]="true"
+					/>
+				</div>
+			</div>
+		}
 	`, isInline: true, styles: [":host{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}.pptx-ng-transition-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: PresentationTransitionOverlayComponent, decorators: [{
@@ -88897,6 +89991,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImpor
 				/>
 			</div>
 		</div>
+
+		<!-- The arriving shapes that dissolve in ABOVE a departing one. They are on
+		     the live stage below this overlay, where the departing layer hides them
+		     for the whole morph, so they are painted again here. -->
+		@if (liftedSlide(); as lifted) {
+			<div
+				class="pptx-ng-transition-layer"
+				data-pptx-transition-layer="lifted"
+				data-pptx-morph-lifted="true"
+				[ngStyle]="{ 'z-index': '41' }"
+			>
+				<div [ngStyle]="slideBoxStyle()">
+					<pptx-slide-canvas
+						[slide]="lifted"
+						[canvasSize]="canvasSize()"
+						[mediaDataUrls]="mediaDataUrls()"
+						[zoom]="zoom()"
+						[autoFit]="false"
+						[interactive]="false"
+						[transparentBackground]="true"
+					/>
+				</div>
+			</div>
+		}
 	`, styles: [":host{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none}.pptx-ng-transition-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { outgoingSlide: [{ type: i0.Input, args: [{ isSignal: true, alias: "outgoingSlide", required: true }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "transition", required: true }] }], templateElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateElements", required: false }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], durationMs: [{ type: i0.Input, args: [{ isSignal: true, alias: "durationMs", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], incomingSlide: [{ type: i0.Input, args: [{ isSignal: true, alias: "incomingSlide", required: false }] }], complete: [{ type: i0.Output, args: ["complete"] }] } });
 
@@ -95459,7 +96577,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", 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.16.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "2.17.1";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -127396,5 +128514,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-export { CommentsService as $, ALIGN_OPTIONS as A, AnimationPlaybackService as B, AutosaveService as C, BroadcastDialogComponent as D, CHART_EDITOR_STYLES as E, CURSOR_PALETTE as F, CanvasFitService as G, ChartAxisOptionsComponent as H, ChartAxisStyleOptionsComponent as I, ChartComboTypeOptionsComponent as J, ChartDataEditorComponent as K, ChartDataLabelOptionsComponent as L, ChartDatapointMarkerOptionsComponent as M, ChartDatapointOptionsComponent as N, ChartDisplayOptionsComponent as O, ChartElementViewComponent as P, ChartErrorBarOptionsComponent as Q, ChartMarkerOptionsComponent as R, ChartPartSelectionService as S, ChartPrimitivesComponent as T, ChartRendererComponent as U, ChartTrendlineOptionsComponent as V, CollaborationCursorsComponent as W, CollaborationService as X, ColorChangedImageComponent as Y, CommentMarkersOverlayComponent as Z, CommentsPanelComponent as _, ANIMATION_PRESET_CATEGORIES as a, IsMobileService as a$, ComparePanelComponent as a0, ConnectorRendererComponent as a1, ConnectorTextOverlayComponent as a2, CustomShowsComponent as a3, DATA_TABLE_HEADER_H as a4, DATA_TABLE_KEY_W as a5, DATA_TABLE_PADDING as a6, DATA_TABLE_ROW_H as a7, DEFAULT_BOUNDS as a8, DEFAULT_BROADCAST_SERVER_URL as a9, EffectsPanelComponent as aA, ElementRendererComponent as aB, EmbeddedFontsService as aC, EncryptedFileDialogComponent as aD, EquationEditorDialogComponent as aE, EquationRendererComponent as aF, EquationTemplateGalleryComponent as aG, ExportProgressModalComponent as aH, ExportService as aI, FieldContextService as aJ, FindBarComponent as aK, FindReplaceBarComponent as aL, FollowModeBarComponent as aM, FontEmbeddingListComponent as aN, FontEmbeddingPanelComponent as aO, GALLERY_THEME_PRESETS as aP, GRIDLINE_COLOR as aQ, GradientPickerComponent as aR, HANDOUT_OPTIONS as aS, HeaderFooterDialogComponent as aT, HyperlinkDialogComponent as aU, ImagePropertiesPanelComponent as aV, InkDrawingService as aW, InkRendererComponent as aX, InsertSmartArtDialogComponent as aY, InspectorPaneHeaderComponent as aZ, InspectorPanelComponent as a_, DEFAULT_CANVAS_HEIGHT as aa, DEFAULT_CANVAS_WIDTH as ab, DEFAULT_COLOR_SCHEME as ac, DEFAULT_FILL_COLOR as ad, DEFAULT_LAYOUT as ae, DEFAULT_PALETTE$1 as af, DEFAULT_PATTERN_FILL_PRESET as ag, DEFAULT_PRINT_SETTINGS as ah, DEFAULT_SLIDE_BACKGROUND as ai, DEFAULT_STROKE_COLOR as aj, DEFAULT_STYLE as ak, DEFAULT_TABLE_ROW_HEIGHT as al, DEFAULT_TEXT_COLOR$1 as am, DEFAULT_VIEWER_PROFILE as an, DIRECTIONAL_PRESETS as ao, DIRECTION_OPTIONS as ap, DocumentPropertiesCardComponent as aq, EMBEDDED_FONTS_STYLE_ID as ar, EMPHASIS_PRESETS as as, ENTRANCE_PRESETS as at, TEMPLATES as au, EXIT_PRESETS as av, EditorContextMenuComponent as aw, EditorHistory as ax, EditorStateService as ay, EditorToolbarComponent as az, AUDIENCE_HASH as b, RibbonDrawingGroupComponent as b$, KeepAnnotationsDialogComponent as b0, LOCALE_CATALOG as b1, LONG_PRESS_DURATION_MS as b2, LONG_PRESS_MOVE_TOLERANCE_PX as b3, LoadContentService as b4, LocalPresencePublisher as b5, MAX_ZOOM_SCALE as b6, MIN_ZOOM_SCALE as b7, MOTION_PATH_COLUMNS as b8, MediaPreviewComponent as b9, PresentationAnnotationOverlayComponent as bA, PresentationAnnotationsService as bB, PresentationOverlayComponent as bC, PresentationPropertiesPanelComponent as bD, PresentationSettingsCardComponent as bE, PresentationSubtitleBarComponent as bF, PresentationToolbarComponent as bG, PresentationTransitionOverlayComponent as bH, PresenterViewComponent as bI, PresenterWindowService as bJ, PrintDialogComponent as bK, PrintService as bL, PrintSettingsPanelComponent as bM, PropertiesDialogComponent as bN, REPEAT_MODE_OPTIONS as bO, RESIZE_HANDLES as bP, RULER_FONT_SIZE as bQ, RULER_THICKNESS as bR, ReadingViewOverlayComponent as bS, RemoteSelectionOverlayComponent as bT, RibbonAnimationGalleryComponent as bU, RibbonAnimationsSectionComponent as bV, RibbonArrangeSectionComponent as bW, RibbonColorPopoverComponent as bX, RibbonComponent as bY, RibbonDesignSectionComponent as bZ, RibbonDrawSectionComponent as b_, MediaPropertiesPanelComponent as ba, MediaRendererComponent as bb, MediaTrimTimelineComponent as bc, MobileBottomBarComponent as bd, MobileMenuSheetComponent as be, MobilePresenterViewComponent as bf, MobileSheetComponent as bg, MobileSlidesSheetComponent as bh, MobileToolbarComponent as bi, ModalDialogComponent as bj, Model3DRendererComponent as bk, NotesHandoutCardComponent as bl, NotesPanelComponent as bm, NotesToolbarComponent as bn, OleRendererComponent as bo, OutlineViewOverlayComponent as bp, POWER_POINT_VIEWER_PROVIDERS as bq, PRESENTER_CHANNEL_NAME as br, PRESENTER_MSG_ORIGIN as bs, PRESENTER_TIMER_SEGMENT_MS as bt, PX_PER_CM as bu, PX_PER_INCH as bv, PasswordProtectionDialogComponent as bw, PasswordStrengthMeterComponent as bx, PowerPointViewerComponent as by, PresentToolbarAutoHide as bz, AUDIENCE_NONCE_KEY as c, TIMING_CURVE_OPTIONS as c$, RibbonEditingSectionComponent as c0, RibbonFileSectionComponent as c1, RibbonFontControlsComponent as c2, RibbonHomeSectionComponent as c3, RibbonHyperlinkButtonComponent as c4, RibbonInsertFieldsComponent as c5, RibbonInsertSectionComponent as c6, RibbonMotionPathGalleryComponent as c7, RibbonParagraphControlsComponent as c8, RibbonPrimaryRowComponent as c9, ShowOptionsFieldsetComponent as cA, ShowSlidesFieldsetComponent as cB, SignatureStrippedDialogComponent as cC, SignaturesPanelComponent as cD, SignaturesService as cE, SlideBackgroundCardComponent as cF, SlideCanvasComponent as cG, SlideDefaultInspectorComponent as cH, SlideDiffChangesComponent as cI, SlideDiffRowComponent as cJ, SlideDiffThumbnailsComponent as cK, SlideSizeCardComponent as cL, SlideSorterOverlayComponent as cM, SlideThemeOverridePanelComponent as cN, SlideTransitionCardComponent as cO, SlidesPanelComponent as cP, SmartArt3DRendererComponent as cQ, SmartArt3DService as cR, SmartArtPreviewComponent as cS, SmartArtPropertiesComponent as cT, SmartArtRendererComponent as cU, StatusBarComponent as cV, TABLE_STRUCTURE_TOGGLES as cW, TEXT_3D_BOTTOM_BEVEL_KEYS as cX, TEXT_3D_TOP_BEVEL_KEYS as cY, TEXT_DIRECTION_OPTIONS$1 as cZ, THEME_CATALOG as c_, RibbonReviewSectionComponent as ca, RibbonShapeExtrasComponent as cb, RibbonSlideshowSectionComponent as cc, RibbonTransitionsSectionComponent as cd, RibbonViewSectionComponent as ce, RulerGuidesService as cf, SEQUENCE_OPTIONS as cg, SEVERITY_GROUPS as ch, SEVERITY_LABELS as ci, SHORTCUT_REFERENCE_ITEMS as cj, SLIDE_TRANSITION_KEYFRAMES as ck, DEFAULT_PALETTE as cl, PALETTES$1 as cm, SMART_ART_COLOR_SCHEMES as cn, SMART_ART_STYLE_OPTIONS as co, SUB_ITEM_LABEL as cp, SVG_WARP_PRESETS as cq, SWIPE_MAX_VERTICAL_PX as cr, SWIPE_THRESHOLD_PX as cs, SelectionPaneComponent as ct, SetUpSlideShowDialogComponent as cu, SettingsAppearanceTabComponent as cv, SettingsDialogComponent as cw, SettingsLanguageTabComponent as cx, ShareDialogComponent as cy, ShortcutPanelComponent as cz, AVATAR_COLOR_SWATCHES as d, applyAnimationPreset as d$, TRIGGER_OPTIONS as d0, TYPE_LABELS as d1, TableCellAdvancedFillComponent as d2, TableCellFormattingComponent as d3, TableDataEditorComponent as d4, TablePropertiesComponent as d5, TableRendererComponent as d6, TableResizeOverlayComponent as d7, TableSelectionService as d8, TagsCardComponent as d9, ViewerInspectorPanelService as dA, ViewerKeyboardService as dB, ViewerMobileSheetService as dC, ViewerPresentationModeService as dD, ViewerThemeGalleryService as dE, ViewerTouchGesturesService as dF, ViewerZoomService as dG, WEBM_MIME_CANDIDATES as dH, WriteBackScheduler as dI, ZERO_LINE_COLOR as dJ, ZoomNavigationService as dK, ZoomRendererComponent as dL, ZoomTargetService as dM, addCategory as dN, addCommentToList as dO, addGradientStopPatch as dP, addItem as dQ, addSeries as dR, addSubItem as dS, advanceStep as dT, affordanceElements as dU, aiToggleVisible as dV, alignPatch as dW, animationFor as dX, animationPresetLabelKey as dY, annotationMapToInkInserts as dZ, applyAcceptedDiff as d_, Text3DBevelSectionComponent as da, Text3DPanelComponent as db, TextAdvancedPanelComponent as dc, ThemeEditorFieldsComponent as dd, ThemeGalleryComponent as de, ThemeSelectorCardComponent as df, TitleBarComponent as dg, TitleBarSearchComponent as dh, TransitionDirectionPickerComponent as di, TransitionPreviewComponent as dj, VALIGN_OPTIONS as dk, VIEWER_THEME as dl, VersionHistoryPanelComponent as dm, ViewerCanvasEditingService as dn, ViewerCollabCursorService as dp, ViewerCollaborationSessionService as dq, ViewerCompareService as dr, ViewerCustomShowsService as ds, ViewerDialogsService as dt, ViewerDocumentPropertiesService as du, ViewerExportService as dv, ViewerExtraDialogsComponent as dw, ViewerFileIOService as dx, ViewerFindReplaceService as dy, ViewerFormatPainterService as dz, AXIS_LABEL_COLOR as e, buildZoomViewModel as e$, applyFindReplacements as e0, applyFormatToElement as e1, applyMove as e2, applyResize as e3, applyTableStylePreset as e4, asMediaElement as e5, assignUserColor as e6, attachShowVisibilityPause as e7, attachTouchGestures as e8, axisTickValues as e9, buildFontFaceRule as eA, buildGradientFillCss as eB, buildGridlinesAndLabels as eC, buildHyperlinkPatch as eD, buildInkContainerStyle as eE, buildInkStrokes as eF, buildLegend as eG, buildModel3DContainerStyle as eH, buildModel3DViewModel as eI, buildOleActionModel as eJ, buildOleInfoRows as eK, buildPatternFillCss as eL, buildPrintHtmlDocument as eM, buildPropertiesPatch as eN, buildRegionMapViewModel as eO, buildSaveSlides as eP, buildShareUrl as eQ, buildSmartArtInsertElement as eR, buildSmartArtNodes as eS, buildStockViewModel as eT, buildSurfaceViewModel as eU, buildTableViewModel as eV, buildTreemapViewModel as eW, buildTrimFragment as eX, buildWaterfallViewModel as eY, buildZeroLine as eZ, buildZoomContainerStyle as e_, beginNodeEdit as ea, bevelSizePatch as eb, boolFromEvent as ec, bringForward as ed, bringToFront as ee, buildBarActions as ef, buildBroadcastConfig as eg, buildBroadcastViewerUrl as eh, buildCategoryLabels as ei, buildCellParagraphs as ej, buildChartViewModel as ek, buildChatLogExport as el, buildChatLogMarkdown as em, buildChromeStyle as en, buildClearHyperlinkPatch as eo, buildClickGroups as ep, buildColStyles as eq, buildCollaborationConfig as er, buildComboViewModel as es, buildCssGradientFromShapeStyle as et, buildDuotoneFilter as eu, buildDuotoneFilterId as ev, buildEmbeddedFontStyles as ew, buildEquationElement as ex, buildEquationSegment as ey, buildFallbackViewModel as ez, AccessibilityPanelComponent as f, computeTextLines as f$, bulletIndentPx as f0, canAddTopLevelNode as f1, canGroupSelection as f2, canRemoveTopLevelNode as f3, canSetStrokeWidth as f4, canStartBroadcast as f5, canStartShare as f6, canUngroupSelection as f7, canUseClipboard as f8, captionDisplayText as f9, computeBubbleRadius as fA, computeCornerHandle as fB, computeDataTablePrimitives as fC, computeDistribute as fD, computeDrawingViewBox as fE, computeErrorBarPrimitives as fF, computeFocusTargets as fG, computeHandleBoxes as fH, computeHandoutLayout as fI, computeIsMobile as fJ, computeIsTablet as fK, computeLinePoints as fL, computeLinearRegression as fM, computePageCount as fN, computePieLayout as fO, computePieSlicePath as fP, computePieSlices as fQ, computePlotLayout as fR, computeRSquared as fS, computeRadarPoints as fT, computeScatterDots as fU, computeSelectionBoxes as fV, computeSingleSelected as fW, computeSlideIndices as fX, computeSnap as fY, computeStackedBarRects as fZ, computeStackedValueRange as f_, cellRunStyle as fa, cellStyleToStyleMap as fb, cellTdStyle as fc, changeCountLabel as fd, changeIcon as fe, characterSpacingPatch as ff, checkFontAvailable as fg, clampCursorPosition as fh, clampGifDimensions as fi, clampIndex as fj, clampNotesFontSize as fk, clampScale as fl, clampStep as fm, clearAllLocalViewerData as fn, clearAudienceContent as fo, cn as fp, collectAccessibilityIssues as fq, collectElementText as fr, collectSlideText as fs, collectStoredChats as ft, collectUsedFontFamilies as fu, columnWidthStyle as fv, commitNodeText as fw, computeAlign as fx, computeAxisTitlePrimitives as fy, computeBarRects as fz, AccessibilityService as g, formatPropertyDate as g$, computeTrendlinePrimitives as g0, computeValueRange as g1, convertOmmlToMathMl as g2, copyFormatFromElement as g3, countAccessibilityIssues as g4, countAnnotationStrokes as g5, createAngularAiBridge as g6, createCustomShow as g7, createSwipeDismissDrag as g8, createWebrtcBundle as g9, enableSoftEdgePatch as gA, encodeGif as gB, endShowMediaCleanup as gC, estimatePageCount as gD, evenColumnWidths as gE, evenRowHeights as gF, exitPresentationFullscreen as gG, exportAiChatLogs as gH, extractPathPoints as gI, eyedropperAvailable as gJ, fillColorOf as gK, findInSlides as gL, findOwningSlideIndex as gM, findSlideIndexByElementId as gN, firstVisibleIndex as gO, fitPolynomial as gP, fitZoom as gQ, focusTargetChips as gR, fontMimeForFormat as gS, fontSizeOf as gT, forgetSessionDeck as gU, formatAutoNumber as gV, formatAxisValue as gW, formatBytes as gX, formatCursorLabel as gY, formatElapsed as gZ, formatFileSize as g_, createWebsocketBundle as ga, cssObjectToStyleMap as gb, currentColorScheme as gc, currentLayout as gd, currentStyle as ge, defaultCssVars as gf, defaultRadius as gg, defaultThemeColors as gh, deleteElementsByIds as gi, deleteVersion as gj, demoteNode as gk, deriveModel3DBlobUrl as gl, derivePresenceList as gm, describeSmartArtBounds as gn, disableGlowPatch as go, disableInnerShadowPatch as gp, disableOuterShadowPatch as gq, disableReflectionPatch as gr, disableSoftEdgePatch as gs, duplicateElementById as gt, durationOf as gu, effectsStateOf as gv, enableGlowPatch as gw, enableInnerShadowPatch as gx, enableOuterShadowPatch as gy, enableReflectionPatch as gz, AccountPageComponent as h, isSigned as h$, formatTime as h0, fpsToFrameIntervalMs as h1, generateBroadcastRoomId as h2, generateCommentId as h3, generateCustomShowId as h4, generatePressureCircles as h5, generateTicks as h6, getClrChangeParams as h7, getContainerStyle as h8, getDuotoneFilterDef as h9, gradientStateOf as hA, gradientStatePatch as hB, gridColumns as hC, groupElements as hD, groupIssuesBySeverity as hE, hasAnimation as hF, hasCopyableFormat as hG, hasExistingLink as hH, hasExitedFullscreen as hI, hasGradientFill as hJ, hasPressureVariation as hK, hasVisibleSlideAfter as hL, headerLabel as hM, imageDimensions as hN, inkViewBox as hO, insertTableElementColumn as hP, insertTableElementRow as hQ, interpolateWidth as hR, isAudienceTab as hS, isBold as hT, isBrowserOpenableMime as hU, isChildNode as hV, isElementInteractive as hW, isInjectableUrl as hX, isItalic as hY, isPpactionUrl as hZ, isPresenterMessage as h_, getImageSrc as ha, getLocalStorageUsageSummary as hb, getOleAriaLabel as hc, getOleBadgeLabel as hd, getOleDisplayName as he, getOleDownloadFileName as hf, getOleTypeColor as hg, getOleTypeLabel as hh, getPasswordStrength as hi, getPatternSvg as hj, getPlaceholderStyle as hk, getVersions as hl, getResolvedShapeClipPath as hm, getResolvedShapeClipPathFor as hn, getSessionTabId as ho, getShapeFillStrokeStyle as hp, getSlideBackgroundStyle as hq, getSlideTransitionAnimations as hr, getSmartArtNodeBounds as hs, getSpeechRecognitionCtor as ht, getTextBlockStyle as hu, getTextWarp as hv, getTouchDistance as hw, getWarpCategory as hx, getWarpPath as hy, gradientStateFromStyle as hz, ActionSettingsPanelComponent as i, pickFile as i$, isTextElement as i0, isTwoTableFocus as i1, isUnderline as i2, isUrlSafe as i3, isValidRoomId as i4, isViewportBackgroundPressTarget as i5, isZoomActivationKey as i6, issueTrackKey as i7, issueTypeLabel as i8, keyToLabel as i9, nextVisibleIndex as iA, nodeBold as iB, nodeEditBox as iC, nodeFillColor as iD, nodeFontColor as iE, nodeIdFromKey as iF, nodeItalic as iG, nodeStyle as iH, normalizeFontFormat as iI, normalizeSlidesPerPage as iJ, normalizeValue as iK, numFromEvent as iL, ommlToMathml as iM, ooxmlDashToCssBorderStyle as iN, openNativeEyeDropper as iO, overallStatus as iP, paletteColor as iQ, parseAudienceNonce as iR, parseNodeTextarea as iS, partitionSlides as iT, patchChartData as iU, patchChartStyle as iV, patchTableData as iW, patchTextStyle as iX, patternPresetOptions as iY, pendingElementStyles as iZ, pickColorByClickFallback as i_, lastVisibleIndex as ia, latexToMathml as ib, linePointsToSvgString as ic, lineSpacingPatch as id, loadAudienceContent as ie, loadSessionDeck as ig, mergeCaptionResults as ih, mergeDown as ii, mergeRight as ij, mergeSelection as ik, moveElementBy as il, moveNodeDown as im, moveNodeUp as io, msToFrameDelayCs as ip, narrowToCircle as iq, narrowToPolygon as ir, narrowToRect as is, newChartElement as it, newEquationElement as iu, newPresetShapeElement as iv, newShapeElement as iw, newSmartArtElement as ix, newTableElement as iy, newTextElement as iz, AdvancedChartEditorComponent as j, saveViewerProfile as j$, pickSupportedMimeType as j0, planGifFrames as j1, planVideoSegments as j2, pointsToSvgPathD as j3, presenceToCursors as j4, presentationStageStyle as j5, presenterTimerProgress as j6, presetByLayout as j7, presetsForCategory as j8, pressuresToWidths as j9, resizeElement as jA, resolveCaptionTracks as jB, resolveChartKind as jC, resolveFontVariant as jD, resolveHyperlinkHref as jE, resolveInteractiveElementId as jF, resolveMediaSrc as jG, resolveOleType as jH, resolveParagraphBullet as jI, resolvePresenterNotes as jJ, resolveProfileInitial as jK, resolveRegionCode as jL, resolveSlideAutoAdvanceMs as jM, resolvePalette as jN, resolveThemeCatalogEntry as jO, resolveTransitionDuration as jP, restoreSessionDeck as jQ, revealedElementStyles as jR, routeOrthogonalConnector as jS, rowStyle as jT, rulerDragToGuidePosition as jU, rulerHighlight as jV, rulerStripTicks as jW, sampleColorFromSlide as jX, sanitizeColor as jY, sanitizeSlideIndex as jZ, sanitizeUserName as j_, prevVisibleIndex as ja, projectDrawingShapes as jb, promoteNode as jc, provideViewerTheme as jd, radarAngle as je, radarRingPoints as jf, readAsDataUrl as jg, recordWebm as jh, redistributeColumnWidth as ji, registerCrossSlideAudio as jj, rememberSessionDeck as jk, removeAnimation as jl, removeCategory as jm, removeTableElementColumn as jn, removeCommentFromList as jo, removeElementAnimation as jp, removeGradientStopPatch as jq, removeNode as jr, removeTableElementRow as js, removeSeries as jt, renderToCanvas as ju, reorderAnimationDown as jv, reorderAnimationUp as jw, replaceInSlides as jx, replaceMatch as jy, requestPresentationFullscreen as jz, AiChangeOverlayComponent as k, smartArtNodes as k$, scanAvailableFonts as k0, searchSlides as k1, seedBroadcastFields as k2, seedHyperlinkDraft as k3, seedPropertiesDraft as k4, seedShareFields as k5, segmentFrameCount as k6, selectValue$2 as k7, sendBackward as k8, sendToBack as k9, setRepeatCount as kA, setRepeatMode as kB, setSequence as kC, setSeriesChartType as kD, setSeriesColor as kE, setSeriesErrorBars as kF, setSeriesMarker as kG, setSeriesName as kH, setSeriesTrendline as kI, setSeriesValue as kJ, setStyle as kK, setTimingCurve as kL, setTitle as kM, setTrigger as kN, setTriggerShapeId as kO, shapeStylePatch as kP, sheetAfterNavigate as kQ, shouldBlockClickAdvance as kR, shouldUseSvgWarp as kS, showDirectionPicker as kT, showsTemplateAffordance as kU, signatureCountLabel as kV, signatureKey as kW, signatureTimestamp as kX, signerName as kY, statusLabel as kZ, slideNumberOf as k_, sequentialColorScale as ka, serializeWriteBack as kb, seriesColor as kc, setAnimationEmphasis as kd, setAnimationEntrance as ke, setAnimationExit as kf, setAxis as kg, setAxisLogScale as kh, setAxisTitleStyle as ki, setCategoryLabel as kj, setCellText as kk, setColorScheme as kl, setDataLabels as km, setDataPointExplosion as kn, setDataPointFill as ko, setDataPointLabel as kp, setDataPointMarker as kq, setDelay as kr, setDirection as ks, setDuration as kt, setElementPosition as ku, setGridlineStyle as kv, setLayout as kw, setLegend as kx, setNodeStyle as ky, setNodeText as kz, AiChatPanelComponent as l, paletteColour as l0, snapToGridStep as l1, splitCursorCell as l2, splitMergedCell as l3, statusKind as l4, statusLabel$1 as l5, storeAudienceContent as l6, stringFromEvent$5 as l7, strokeColorOf as l8, strokeToInkElement as l9, updateReflectionPatch as lA, vAlignPatch as lB, validatePassword as lC, validatePrintSettings as lD, validateRoomId as lE, valueToY as lF, vermilionDarkColors as lG, vermilionDarkTheme as lH, vermilionLightColors as lI, vermilionLightTheme as lJ, vermilionRadius as lK, waypointsToPathD as lL, worstStatus as lM, zoomTargetSlideIndex as lN, strokeWidthOf as la, styleShadowFilter as lb, textAdvancedPatch as lc, textAdvancedStateFromStyle as ld, textAdvancedStateOf as le, textColorOf as lf, textDirectionPatch as lg, textStyleOf as lh, textStylePatch as li, themeStyle as lj, themeToCssVars as lk, thumbnailHeight as ll, thumbnailZoom as lm, toggleCommentResolvedInList as ln, toggleNodeBold as lo, toggleNodeItalic as lp, toggleSheet as lq, topLevelNodeCount as lr, transformSelectedTextCase as ls, translationsEn as lt, ungroupElements as lu, updateElementById as lv, updateGlowPatch as lw, updateGradientStopPatch as lx, updateInnerShadowPatch as ly, updateOuterShadowPatch as lz, AiChatService as m, AiComposerComponent as n, AiFocusBarComponent as o, AiFocusHighlightOverlayComponent as p, AiHistoryMenuComponent as q, AiHistoryService as r, AiMessageListComponent as s, toChatSummary as t, AiPanelStore as u, AiProposalCardComponent as v, AiSettingsSectionComponent as w, AiToolCallCardComponent as x, AnimationAuthorPanelComponent as y, AnimationPanelComponent as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-CGh_UvBb.mjs.map
+export { CommentsService as $, ALIGN_OPTIONS as A, AnimationPlaybackService as B, AutosaveService as C, BroadcastDialogComponent as D, CHART_EDITOR_STYLES as E, CURSOR_PALETTE as F, CanvasFitService as G, ChartAxisOptionsComponent as H, ChartAxisStyleOptionsComponent as I, ChartComboTypeOptionsComponent as J, ChartDataEditorComponent as K, ChartDataLabelOptionsComponent as L, ChartDatapointMarkerOptionsComponent as M, ChartDatapointOptionsComponent as N, ChartDisplayOptionsComponent as O, ChartElementViewComponent as P, ChartErrorBarOptionsComponent as Q, ChartMarkerOptionsComponent as R, ChartPartSelectionService as S, ChartPrimitivesComponent as T, ChartRendererComponent as U, ChartTrendlineOptionsComponent as V, CollaborationCursorsComponent as W, CollaborationService as X, ColorChangedImageComponent as Y, CommentMarkersOverlayComponent as Z, CommentsPanelComponent as _, ANIMATION_PRESET_CATEGORIES as a, IsMobileService as a$, ComparePanelComponent as a0, ConnectorRendererComponent as a1, ConnectorTextOverlayComponent as a2, CustomShowsComponent as a3, DATA_TABLE_HEADER_H as a4, DATA_TABLE_KEY_W as a5, DATA_TABLE_PADDING as a6, DATA_TABLE_ROW_H as a7, DEFAULT_BOUNDS as a8, DEFAULT_BROADCAST_SERVER_URL as a9, EffectsPanelComponent as aA, ElementRendererComponent as aB, EmbeddedFontsService as aC, EncryptedFileDialogComponent as aD, EquationEditorDialogComponent as aE, EquationRendererComponent as aF, EquationTemplateGalleryComponent as aG, ExportProgressModalComponent as aH, ExportService as aI, FieldContextService as aJ, FindBarComponent as aK, FindReplaceBarComponent as aL, FollowModeBarComponent as aM, FontEmbeddingListComponent as aN, FontEmbeddingPanelComponent as aO, GALLERY_THEME_PRESETS as aP, GRIDLINE_COLOR as aQ, GradientPickerComponent as aR, HANDOUT_OPTIONS as aS, HeaderFooterDialogComponent as aT, HyperlinkDialogComponent as aU, ImagePropertiesPanelComponent as aV, InkDrawingService as aW, InkRendererComponent as aX, InsertSmartArtDialogComponent as aY, InspectorPaneHeaderComponent as aZ, InspectorPanelComponent as a_, DEFAULT_CANVAS_HEIGHT as aa, DEFAULT_CANVAS_WIDTH as ab, DEFAULT_COLOR_SCHEME as ac, DEFAULT_FILL_COLOR as ad, DEFAULT_LAYOUT as ae, DEFAULT_PALETTE$1 as af, DEFAULT_PATTERN_FILL_PRESET as ag, DEFAULT_PRINT_SETTINGS as ah, DEFAULT_SLIDE_BACKGROUND as ai, DEFAULT_STROKE_COLOR as aj, DEFAULT_STYLE as ak, DEFAULT_TABLE_ROW_HEIGHT as al, DEFAULT_TEXT_COLOR$1 as am, DEFAULT_VIEWER_PROFILE as an, DIRECTIONAL_PRESETS as ao, DIRECTION_OPTIONS as ap, DocumentPropertiesCardComponent as aq, EMBEDDED_FONTS_STYLE_ID as ar, EMPHASIS_PRESETS as as, ENTRANCE_PRESETS as at, TEMPLATES as au, EXIT_PRESETS as av, EditorContextMenuComponent as aw, EditorHistory as ax, EditorStateService as ay, EditorToolbarComponent as az, AUDIENCE_HASH as b, RibbonDrawingGroupComponent as b$, KeepAnnotationsDialogComponent as b0, LOCALE_CATALOG as b1, LONG_PRESS_DURATION_MS as b2, LONG_PRESS_MOVE_TOLERANCE_PX as b3, LoadContentService as b4, LocalPresencePublisher as b5, MAX_ZOOM_SCALE as b6, MIN_ZOOM_SCALE as b7, MOTION_PATH_COLUMNS as b8, MediaPreviewComponent as b9, PresentationAnnotationOverlayComponent as bA, PresentationAnnotationsService as bB, PresentationOverlayComponent as bC, PresentationPropertiesPanelComponent as bD, PresentationSettingsCardComponent as bE, PresentationSubtitleBarComponent as bF, PresentationToolbarComponent as bG, PresentationTransitionOverlayComponent as bH, PresenterViewComponent as bI, PresenterWindowService as bJ, PrintDialogComponent as bK, PrintService as bL, PrintSettingsPanelComponent as bM, PropertiesDialogComponent as bN, REPEAT_MODE_OPTIONS as bO, RESIZE_HANDLES as bP, RULER_FONT_SIZE as bQ, RULER_THICKNESS as bR, ReadingViewOverlayComponent as bS, RemoteSelectionOverlayComponent as bT, RibbonAnimationGalleryComponent as bU, RibbonAnimationsSectionComponent as bV, RibbonArrangeSectionComponent as bW, RibbonColorPopoverComponent as bX, RibbonComponent as bY, RibbonDesignSectionComponent as bZ, RibbonDrawSectionComponent as b_, MediaPropertiesPanelComponent as ba, MediaRendererComponent as bb, MediaTrimTimelineComponent as bc, MobileBottomBarComponent as bd, MobileMenuSheetComponent as be, MobilePresenterViewComponent as bf, MobileSheetComponent as bg, MobileSlidesSheetComponent as bh, MobileToolbarComponent as bi, ModalDialogComponent as bj, Model3DRendererComponent as bk, NotesHandoutCardComponent as bl, NotesPanelComponent as bm, NotesToolbarComponent as bn, OleRendererComponent as bo, OutlineViewOverlayComponent as bp, POWER_POINT_VIEWER_PROVIDERS as bq, PRESENTER_CHANNEL_NAME as br, PRESENTER_MSG_ORIGIN as bs, PRESENTER_TIMER_SEGMENT_MS as bt, PX_PER_CM as bu, PX_PER_INCH as bv, PasswordProtectionDialogComponent as bw, PasswordStrengthMeterComponent as bx, PowerPointViewerComponent as by, PresentToolbarAutoHide as bz, AUDIENCE_NONCE_KEY as c, TIMING_CURVE_OPTIONS as c$, RibbonEditingSectionComponent as c0, RibbonFileSectionComponent as c1, RibbonFontControlsComponent as c2, RibbonHomeSectionComponent as c3, RibbonHyperlinkButtonComponent as c4, RibbonInsertFieldsComponent as c5, RibbonInsertSectionComponent as c6, RibbonMotionPathGalleryComponent as c7, RibbonParagraphControlsComponent as c8, RibbonPrimaryRowComponent as c9, ShowOptionsFieldsetComponent as cA, ShowSlidesFieldsetComponent as cB, SignatureStrippedDialogComponent as cC, SignaturesPanelComponent as cD, SignaturesService as cE, SlideBackgroundCardComponent as cF, SlideCanvasComponent as cG, SlideDefaultInspectorComponent as cH, SlideDiffChangesComponent as cI, SlideDiffRowComponent as cJ, SlideDiffThumbnailsComponent as cK, SlideSizeCardComponent as cL, SlideSorterOverlayComponent as cM, SlideThemeOverridePanelComponent as cN, SlideTransitionCardComponent as cO, SlidesPanelComponent as cP, SmartArt3DRendererComponent as cQ, SmartArt3DService as cR, SmartArtPreviewComponent as cS, SmartArtPropertiesComponent as cT, SmartArtRendererComponent as cU, StatusBarComponent as cV, TABLE_STRUCTURE_TOGGLES as cW, TEXT_3D_BOTTOM_BEVEL_KEYS as cX, TEXT_3D_TOP_BEVEL_KEYS as cY, TEXT_DIRECTION_OPTIONS$1 as cZ, THEME_CATALOG as c_, RibbonReviewSectionComponent as ca, RibbonShapeExtrasComponent as cb, RibbonSlideshowSectionComponent as cc, RibbonTransitionsSectionComponent as cd, RibbonViewSectionComponent as ce, RulerGuidesService as cf, SEQUENCE_OPTIONS as cg, SEVERITY_GROUPS as ch, SEVERITY_LABELS as ci, SHORTCUT_REFERENCE_ITEMS as cj, SLIDE_TRANSITION_KEYFRAMES as ck, DEFAULT_PALETTE as cl, PALETTES$1 as cm, SMART_ART_COLOR_SCHEMES as cn, SMART_ART_STYLE_OPTIONS as co, SUB_ITEM_LABEL as cp, SVG_WARP_PRESETS as cq, SWIPE_MAX_VERTICAL_PX as cr, SWIPE_THRESHOLD_PX as cs, SelectionPaneComponent as ct, SetUpSlideShowDialogComponent as cu, SettingsAppearanceTabComponent as cv, SettingsDialogComponent as cw, SettingsLanguageTabComponent as cx, ShareDialogComponent as cy, ShortcutPanelComponent as cz, AVATAR_COLOR_SWATCHES as d, applyAnimationPreset as d$, TRIGGER_OPTIONS as d0, TYPE_LABELS as d1, TableCellAdvancedFillComponent as d2, TableCellFormattingComponent as d3, TableDataEditorComponent as d4, TablePropertiesComponent as d5, TableRendererComponent as d6, TableResizeOverlayComponent as d7, TableSelectionService as d8, TagsCardComponent as d9, ViewerInspectorPanelService as dA, ViewerKeyboardService as dB, ViewerMobileSheetService as dC, ViewerPresentationModeService as dD, ViewerThemeGalleryService as dE, ViewerTouchGesturesService as dF, ViewerZoomService as dG, WEBM_MIME_CANDIDATES as dH, WriteBackScheduler as dI, ZERO_LINE_COLOR as dJ, ZoomNavigationService as dK, ZoomRendererComponent as dL, ZoomTargetService as dM, addCategory as dN, addCommentToList as dO, addGradientStopPatch as dP, addItem as dQ, addSeries as dR, addSubItem as dS, advanceStep as dT, affordanceElements as dU, aiToggleVisible as dV, alignPatch as dW, animationFor as dX, animationPresetLabelKey as dY, annotationMapToInkInserts as dZ, applyAcceptedDiff as d_, Text3DBevelSectionComponent as da, Text3DPanelComponent as db, TextAdvancedPanelComponent as dc, ThemeEditorFieldsComponent as dd, ThemeGalleryComponent as de, ThemeSelectorCardComponent as df, TitleBarComponent as dg, TitleBarSearchComponent as dh, TransitionDirectionPickerComponent as di, TransitionPreviewComponent as dj, VALIGN_OPTIONS as dk, VIEWER_THEME as dl, VersionHistoryPanelComponent as dm, ViewerCanvasEditingService as dn, ViewerCollabCursorService as dp, ViewerCollaborationSessionService as dq, ViewerCompareService as dr, ViewerCustomShowsService as ds, ViewerDialogsService as dt, ViewerDocumentPropertiesService as du, ViewerExportService as dv, ViewerExtraDialogsComponent as dw, ViewerFileIOService as dx, ViewerFindReplaceService as dy, ViewerFormatPainterService as dz, AXIS_LABEL_COLOR as e, buildZoomViewModel as e$, applyFindReplacements as e0, applyFormatToElement as e1, applyMove as e2, applyResize as e3, applyTableStylePreset as e4, asMediaElement as e5, assignUserColor as e6, attachShowVisibilityPause as e7, attachTouchGestures as e8, axisTickValues as e9, buildFontFaceRule as eA, buildGradientFillCss as eB, buildGridlinesAndLabels as eC, buildHyperlinkPatch as eD, buildInkContainerStyle as eE, buildInkStrokes as eF, buildLegend as eG, buildModel3DContainerStyle as eH, buildModel3DViewModel as eI, buildOleActionModel as eJ, buildOleInfoRows as eK, buildPatternFillCss as eL, buildPrintHtmlDocument as eM, buildPropertiesPatch as eN, buildRegionMapViewModel as eO, buildSaveSlides as eP, buildShareUrl as eQ, buildSmartArtInsertElement as eR, buildSmartArtNodes as eS, buildStockViewModel as eT, buildSurfaceViewModel as eU, buildTableViewModel as eV, buildTreemapViewModel as eW, buildTrimFragment as eX, buildWaterfallViewModel as eY, buildZeroLine as eZ, buildZoomContainerStyle as e_, beginNodeEdit as ea, bevelSizePatch as eb, boolFromEvent as ec, bringForward as ed, bringToFront as ee, buildBarActions as ef, buildBroadcastConfig as eg, buildBroadcastViewerUrl as eh, buildCategoryLabels as ei, buildCellParagraphs as ej, buildChartViewModel as ek, buildChatLogExport as el, buildChatLogMarkdown as em, buildChromeStyle as en, buildClearHyperlinkPatch as eo, buildClickGroups as ep, buildColStyles as eq, buildCollaborationConfig as er, buildComboViewModel as es, buildCssGradientFromShapeStyle as et, buildDuotoneFilter as eu, buildDuotoneFilterId as ev, buildEmbeddedFontStyles as ew, buildEquationElement as ex, buildEquationSegment as ey, buildFallbackViewModel as ez, AccessibilityPanelComponent as f, computeTextLines as f$, bulletIndentPx as f0, canAddTopLevelNode as f1, canGroupSelection as f2, canRemoveTopLevelNode as f3, canSetStrokeWidth as f4, canStartBroadcast as f5, canStartShare as f6, canUngroupSelection as f7, canUseClipboard as f8, captionDisplayText as f9, computeBubbleRadius as fA, computeCornerHandle as fB, computeDataTablePrimitives as fC, computeDistribute as fD, computeDrawingViewBox as fE, computeErrorBarPrimitives as fF, computeFocusTargets as fG, computeHandleBoxes as fH, computeHandoutLayout as fI, computeIsMobile as fJ, computeIsTablet as fK, computeLinePoints as fL, computeLinearRegression as fM, computePageCount as fN, computePieLayout as fO, computePieSlicePath as fP, computePieSlices as fQ, computePlotLayout as fR, computeRSquared as fS, computeRadarPoints as fT, computeScatterDots as fU, computeSelectionBoxes as fV, computeSingleSelected as fW, computeSlideIndices as fX, computeSnap as fY, computeStackedBarRects as fZ, computeStackedValueRange as f_, cellRunStyle as fa, cellStyleToStyleMap as fb, cellTdStyle as fc, changeCountLabel as fd, changeIcon as fe, characterSpacingPatch as ff, checkFontAvailable as fg, clampCursorPosition as fh, clampGifDimensions as fi, clampIndex as fj, clampNotesFontSize as fk, clampScale as fl, clampStep as fm, clearAllLocalViewerData as fn, clearAudienceContent as fo, cn as fp, collectAccessibilityIssues as fq, collectElementText as fr, collectSlideText as fs, collectStoredChats as ft, collectUsedFontFamilies as fu, columnWidthStyle as fv, commitNodeText as fw, computeAlign as fx, computeAxisTitlePrimitives as fy, computeBarRects as fz, AccessibilityService as g, formatPropertyDate as g$, computeTrendlinePrimitives as g0, computeValueRange as g1, convertOmmlToMathMl as g2, copyFormatFromElement as g3, countAccessibilityIssues as g4, countAnnotationStrokes as g5, createAngularAiBridge as g6, createCustomShow as g7, createSwipeDismissDrag as g8, createWebrtcBundle as g9, enableSoftEdgePatch as gA, encodeGif as gB, endShowMediaCleanup as gC, estimatePageCount as gD, evenColumnWidths as gE, evenRowHeights as gF, exitPresentationFullscreen as gG, exportAiChatLogs as gH, extractPathPoints as gI, eyedropperAvailable as gJ, fillColorOf as gK, findInSlides as gL, findOwningSlideIndex as gM, findSlideIndexByElementId as gN, firstVisibleIndex as gO, fitPolynomial as gP, fitZoom as gQ, focusTargetChips as gR, fontMimeForFormat as gS, fontSizeOf as gT, forgetSessionDeck as gU, formatAutoNumber as gV, formatAxisValue as gW, formatBytes as gX, formatCursorLabel as gY, formatElapsed as gZ, formatFileSize as g_, createWebsocketBundle as ga, cssObjectToStyleMap as gb, currentColorScheme as gc, currentLayout as gd, currentStyle as ge, defaultCssVars as gf, defaultRadius as gg, defaultThemeColors as gh, deleteElementsByIds as gi, deleteVersion as gj, demoteNode as gk, deriveModel3DBlobUrl as gl, derivePresenceList as gm, describeSmartArtBounds as gn, disableGlowPatch as go, disableInnerShadowPatch as gp, disableOuterShadowPatch as gq, disableReflectionPatch as gr, disableSoftEdgePatch as gs, duplicateElementById as gt, durationOf as gu, effectsStateOf as gv, enableGlowPatch as gw, enableInnerShadowPatch as gx, enableOuterShadowPatch as gy, enableReflectionPatch as gz, AccountPageComponent as h, isSigned as h$, formatTime as h0, fpsToFrameIntervalMs as h1, generateBroadcastRoomId as h2, generateCommentId as h3, generateCustomShowId as h4, generatePressureCircles as h5, generateTicks as h6, getClrChangeParams as h7, getContainerStyle as h8, getDuotoneFilterDef as h9, gradientStateOf as hA, gradientStatePatch as hB, gridColumns as hC, groupElements as hD, groupIssuesBySeverity as hE, hasAnimation as hF, hasCopyableFormat as hG, hasExistingLink as hH, hasExitedFullscreen as hI, hasGradientFill as hJ, hasPressureVariation as hK, hasVisibleSlideAfter as hL, headerLabel as hM, imageDimensions as hN, inkViewBox as hO, insertTableElementColumn as hP, insertTableElementRow as hQ, interpolateWidth as hR, isAudienceTab as hS, isBold as hT, isBrowserOpenableMime as hU, isChildNode as hV, isElementInteractive as hW, isInjectableUrl as hX, isItalic as hY, isPpactionUrl as hZ, isPresenterMessage as h_, getImageSrc as ha, getLocalStorageUsageSummary as hb, getOleAriaLabel as hc, getOleBadgeLabel as hd, getOleDisplayName as he, getOleDownloadFileName as hf, getOleTypeColor as hg, getOleTypeLabel as hh, getPasswordStrength as hi, getPatternSvg as hj, getPlaceholderStyle as hk, getVersions as hl, getResolvedShapeClipPath as hm, getResolvedShapeClipPathFor as hn, getSessionTabId as ho, getShapeFillStrokeStyle as hp, getSlideBackgroundStyle as hq, getSlideTransitionAnimations as hr, getSmartArtNodeBounds as hs, getSpeechRecognitionCtor as ht, getTextBlockStyle as hu, getTextWarp as hv, getTouchDistance as hw, getWarpCategory as hx, getWarpPath as hy, gradientStateFromStyle as hz, ActionSettingsPanelComponent as i, pendingElementStyles as i$, isTextElement as i0, isTwoTableFocus as i1, isUnderline as i2, isUrlSafe as i3, isValidRoomId as i4, isViewportBackgroundPressTarget as i5, isZoomActivationKey as i6, issueTrackKey as i7, issueTypeLabel as i8, keyToLabel as i9, newTableElement as iA, newTextElement as iB, nextVisibleIndex as iC, nodeBold as iD, nodeEditBox as iE, nodeFillColor as iF, nodeFontColor as iG, nodeIdFromKey as iH, nodeItalic as iI, nodeStyle as iJ, normalizeFontFormat as iK, normalizeSlidesPerPage as iL, normalizeValue as iM, numFromEvent as iN, ommlToMathml as iO, ooxmlDashToCssBorderStyle as iP, openNativeEyeDropper as iQ, overallStatus as iR, paletteColor as iS, parseAudienceNonce as iT, parseNodeTextarea as iU, partitionSlides as iV, patchChartData as iW, patchChartStyle as iX, patchTableData as iY, patchTextStyle as iZ, patternPresetOptions as i_, lastVisibleIndex as ia, latexToMathml as ib, linePointsToSvgString as ic, lineSpacingPatch as id, loadAudienceContent as ie, loadSessionDeck as ig, mediaFallbackFor as ih, mediaSurfaceFor as ii, mergeCaptionResults as ij, mergeDown as ik, mergeRight as il, mergeSelection as im, moveElementBy as io, moveNodeDown as ip, moveNodeUp as iq, msToFrameDelayCs as ir, narrowToCircle as is, narrowToPolygon as it, narrowToRect as iu, newChartElement as iv, newEquationElement as iw, newPresetShapeElement as ix, newShapeElement as iy, newSmartArtElement as iz, AdvancedChartEditorComponent as j, sanitizeSlideIndex as j$, pickColorByClickFallback as j0, pickFile as j1, pickSupportedMimeType as j2, planGifFrames as j3, planVideoSegments as j4, pointsToSvgPathD as j5, presenceToCursors as j6, presentationStageStyle as j7, presenterTimerProgress as j8, presetByLayout as j9, replaceMatch as jA, requestPresentationFullscreen as jB, resizeElement as jC, resolveCaptionTracks as jD, resolveChartKind as jE, resolveFontVariant as jF, resolveHyperlinkHref as jG, resolveInteractiveElementId as jH, resolveMediaSrc as jI, resolveOleType as jJ, resolveParagraphBullet as jK, resolvePresenterNotes as jL, resolveProfileInitial as jM, resolveRegionCode as jN, resolveSlideAutoAdvanceMs as jO, resolvePalette as jP, resolveThemeCatalogEntry as jQ, resolveTransitionDuration as jR, restoreSessionDeck as jS, revealedElementStyles as jT, routeOrthogonalConnector as jU, rowStyle as jV, rulerDragToGuidePosition as jW, rulerHighlight as jX, rulerStripTicks as jY, sampleColorFromSlide as jZ, sanitizeColor as j_, presetsForCategory as ja, pressuresToWidths as jb, prevVisibleIndex as jc, projectDrawingShapes as jd, promoteNode as je, provideViewerTheme as jf, radarAngle as jg, radarRingPoints as jh, readAsDataUrl as ji, recordWebm as jj, redistributeColumnWidth as jk, registerCrossSlideAudio as jl, rememberSessionDeck as jm, removeAnimation as jn, removeCategory as jo, removeTableElementColumn as jp, removeCommentFromList as jq, removeElementAnimation as jr, removeGradientStopPatch as js, removeNode as jt, removeTableElementRow as ju, removeSeries as jv, renderToCanvas as jw, reorderAnimationDown as jx, reorderAnimationUp as jy, replaceInSlides as jz, AiChangeOverlayComponent as k, statusLabel as k$, sanitizeUserName as k0, saveViewerProfile as k1, scanAvailableFonts as k2, searchSlides as k3, seedBroadcastFields as k4, seedHyperlinkDraft as k5, seedPropertiesDraft as k6, seedShareFields as k7, segmentFrameCount as k8, selectValue$2 as k9, setNodeStyle as kA, setNodeText as kB, setRepeatCount as kC, setRepeatMode as kD, setSequence as kE, setSeriesChartType as kF, setSeriesColor as kG, setSeriesErrorBars as kH, setSeriesMarker as kI, setSeriesName as kJ, setSeriesTrendline as kK, setSeriesValue as kL, setStyle as kM, setTimingCurve as kN, setTitle as kO, setTrigger as kP, setTriggerShapeId as kQ, shapeStylePatch as kR, sheetAfterNavigate as kS, shouldBlockClickAdvance as kT, shouldUseSvgWarp as kU, showDirectionPicker as kV, showsTemplateAffordance as kW, signatureCountLabel as kX, signatureKey as kY, signatureTimestamp as kZ, signerName as k_, sendBackward as ka, sendToBack as kb, sequentialColorScale as kc, serializeWriteBack as kd, seriesColor as ke, setAnimationEmphasis as kf, setAnimationEntrance as kg, setAnimationExit as kh, setAxis as ki, setAxisLogScale as kj, setAxisTitleStyle as kk, setCategoryLabel as kl, setCellText as km, setColorScheme as kn, setDataLabels as ko, setDataPointExplosion as kp, setDataPointFill as kq, setDataPointLabel as kr, setDataPointMarker as ks, setDelay as kt, setDirection as ku, setDuration as kv, setElementPosition as kw, setGridlineStyle as kx, setLayout as ky, setLegend as kz, AiChatPanelComponent as l, slideNumberOf as l0, smartArtNodes as l1, paletteColour as l2, snapToGridStep as l3, splitCursorCell as l4, splitMergedCell as l5, statusKind as l6, statusLabel$1 as l7, storeAudienceContent as l8, stringFromEvent$5 as l9, updateInnerShadowPatch as lA, updateOuterShadowPatch as lB, updateReflectionPatch as lC, vAlignPatch as lD, validatePassword as lE, validatePrintSettings as lF, validateRoomId as lG, valueToY as lH, vermilionDarkColors as lI, vermilionDarkTheme as lJ, vermilionLightColors as lK, vermilionLightTheme as lL, vermilionRadius as lM, waypointsToPathD as lN, worstStatus as lO, zoomTargetSlideIndex as lP, strokeColorOf as la, strokeToInkElement as lb, strokeWidthOf as lc, styleShadowFilter as ld, textAdvancedPatch as le, textAdvancedStateFromStyle as lf, textAdvancedStateOf as lg, textColorOf as lh, textDirectionPatch as li, textStyleOf as lj, textStylePatch as lk, themeStyle as ll, themeToCssVars as lm, thumbnailHeight as ln, thumbnailZoom as lo, toggleCommentResolvedInList as lp, toggleNodeBold as lq, toggleNodeItalic as lr, toggleSheet as ls, topLevelNodeCount as lt, transformSelectedTextCase as lu, translationsEn as lv, ungroupElements as lw, updateElementById as lx, updateGlowPatch as ly, updateGradientStopPatch as lz, AiChatService as m, AiComposerComponent as n, AiFocusBarComponent as o, AiFocusHighlightOverlayComponent as p, AiHistoryMenuComponent as q, AiHistoryService as r, AiMessageListComponent as s, toChatSummary as t, AiPanelStore as u, AiProposalCardComponent as v, AiSettingsSectionComponent as w, AiToolCallCardComponent as x, AnimationAuthorPanelComponent as y, AnimationPanelComponent as z };
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-0Jy3I4UO.mjs.map