pptx-angular-viewer 3.19.1 → 3.20.0

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-D2wmF5iB.mjs → pptx-angular-viewer-pptx-angular-viewer-DP0uS-ib.mjs}

@@ -8,7 +8,7 @@ import DOMPurify from 'dompurify';
 import { z } from 'zod';
 import * as mcp from 'pptx-viewer-mcp';
 import * as mcpSchemas from 'pptx-viewer-mcp/schemas';
-import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucideLayers, LucideMessageSquare, LucidePlus, LucideSettings2, LucideStickyNote, LucideDownload, LucideMenu, LucidePresentation, LucideRedo, LucideShare2, LucideSparkles, LucideUndo, LucideChevronRight, LucideChevronLeft, LucideEraser, LucideHighlighter, LucideMousePointer2, LucidePanelRight, LucidePenTool, LucideTimer, LucideArrowLeftRight, LucideCaptions, LucideCirclePause, LucideCirclePlay, LucideGrid2x2, LucideMonitor, LucideMonitorOff, LucideRotateCcw, LucideScan, LucideZoomIn, LucideZoomOut, LucideSave, LucidePlay, LucidePrinter, LucideFileDown, LucideSearch, LucideStar, LucideMoveRight, LucideMousePointerClick, LucidePaintbrush, LucideClock3, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucideSettings, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucideLayoutTemplate, LucideScissors, LucideLink, LucideImage, LucideVideo, LucideDatabase, LucidePanelLeft, LucideEllipsis, LucideEye, LucideEyeOff, LucideColumns2, LucideCheck, LucideBug, LucideSend, LucideCrosshair, LucideGitMerge, LucidePin, LucidePinOff, LucideHistory, LucideMessageSquarePlus, LucideWrench, LucideLoaderCircle, LucideTriangleAlert, LucideShapes, LucidePalette, LucideTable, LucideChartColumn, LucideMove, LucideNavigation, LucideFilm, LucideBot, LucideUser } from '@lucide/angular';
+import { LucideX, LucideSquare, LucideCircle, LucideSlash, LucideCopy, LucideTrash2, LucideChevronsUp, LucideChevronsDown, LucideArrowUp, LucideArrowDown, LucideGroup, LucideUngroup, LucideTextAlignStart, LucideTextAlignCenter, LucideTextAlignEnd, LucideChevronUp, LucideChevronDown, LucideAlignHorizontalSpaceAround, LucideAlignVerticalSpaceAround, LucidePlus, LucidePaintbrush, LucideFilter, LucideLayers, LucideMessageSquare, LucideSettings2, LucideStickyNote, LucideDownload, LucideMenu, LucidePresentation, LucideRedo, LucideShare2, LucideSparkles, LucideUndo, LucideChevronRight, LucideChevronLeft, LucideEraser, LucideHighlighter, LucideMousePointer2, LucidePanelRight, LucidePenTool, LucideTimer, LucideArrowLeftRight, LucideCaptions, LucideCirclePause, LucideCirclePlay, LucideGrid2x2, LucideMonitor, LucideMonitorOff, LucideRotateCcw, LucideScan, LucideZoomIn, LucideZoomOut, LucideSave, LucidePlay, LucidePrinter, LucideFileDown, LucideSearch, LucideStar, LucideMoveRight, LucideMousePointerClick, LucideClock3, LucidePencil, LucideType, LucideMinus, LucideSpline, LucideArrowLeft, LucideFilePlus2, LucideFolderOpen, LucideHome, LucideInfo, LucideSettings, LucideUpload, LucideUserRound, LucideAArrowUp, LucideAArrowDown, LucideRemoveFormatting, LucideList, LucideListOrdered, LucideListIndentDecrease, LucideListIndentIncrease, LucideTextAlignJustify, LucideClipboardPaste, LucideFolderPlus, LucideLayoutGrid, LucideLayoutTemplate, LucideScissors, LucideLink, LucideImage, LucideVideo, LucideDatabase, LucidePanelLeft, LucideEllipsis, LucideEye, LucideEyeOff, LucideColumns2, LucideCheck, LucideBug, LucideSend, LucideCrosshair, LucideGitMerge, LucidePin, LucidePinOff, LucideHistory, LucideMessageSquarePlus, LucideWrench, LucideLoaderCircle, LucideTriangleAlert, LucideShapes, LucidePalette, LucideTable, LucideChartColumn, LucideMove, LucideNavigation, LucideFilm, LucideBot, LucideUser } from '@lucide/angular';
 import { XMLParser } from 'fast-xml-parser';
 import JSZip from 'jszip';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -4974,6 +4974,78 @@ function resolveGroupChildFill(child, parentGroupFill) {
     return getComputedFillStyle(child, parentGroupFill);
 }
 
+/**
+ * The exact algebraic inverse of {@link getElementTransform} (from
+ * `element-style-transform.ts`), restricted to rotation + flip (no skew: a
+ * skewed image fill with `rotWithShape="0"` is rare enough that an exact
+ * shear inverse is not worth the added complexity yet).
+ *
+ * Derivation: `getElementTransform` emits the CSS list
+ * `rotate(θ) scaleX(fx) scaleY(fy)`, i.e. the matrix product `R * Sx * Sy`
+ * (CSS applies the RIGHTMOST function to the point first). Its inverse is
+ * `Sy⁻¹ * Sx⁻¹ * R⁻¹ = Sy * Sx * R(-θ)` (flips are self-inverse), which as a
+ * CSS list is `scaleY(fy) scaleX(fx) rotate(-θ deg)` - order matters, and
+ * differs from the forward transform's order.
+ *
+ * @param element - The element whose `rotation`/`flipHorizontal`/`flipVertical` are read.
+ * @returns A CSS transform string, or `undefined` if no counter-transform is needed.
+ */
+function getFrameInverseTransform(element) {
+    const transforms = [];
+    if (element.flipVertical) {
+        transforms.push('scaleY(-1)');
+    }
+    if (element.flipHorizontal) {
+        transforms.push('scaleX(-1)');
+    }
+    if (element.rotation) {
+        transforms.push(`rotate(${-element.rotation}deg)`);
+    }
+    return transforms.length > 0 ? transforms.join(' ') : undefined;
+}
+/**
+ * CSS `transform` to apply to a picture's / image fill's CONTENT layer (the
+ * `<img>`, or a `background-image` layer) so it renders upright/unmirrored,
+ * fixed to the page frame, when the owning element's image fill explicitly
+ * disables `rotWithShape` (`ShapeStyle.fillImageRotWithShape === false`).
+ *
+ * `undefined` (apply nothing; keep today's behaviour) when:
+ *  - the element has no shape styling, or its fill is not an image fill with
+ *    `rotWithShape` explicitly false (the default, `true`/unset, means the
+ *    fill rotates/flips WITH the shape, which is what already happens when
+ *    the content layer has no transform of its own), or
+ *  - the shape has no rotation/flip to counteract in the first place.
+ *
+ * Callers MUST keep the shape's own geometry mask (clip-path/border-radius)
+ * on the STATIONARY frame container (never on this same content layer): the
+ * container inherits the shape's rotate/flip so the visible clipped silhouette
+ * still matches PowerPoint, while the content layer's own counter-transform
+ * only affects its pixels, not the ancestor's clip region. A binding whose
+ * content layer sometimes also carries its own copy of that clip-path (as a
+ * micro-optimisation for the untransformed case) must suppress that copy
+ * whenever this function returns a value, or the clip-path would double-flip
+ * along with the content.
+ *
+ * Not applied when the content layer already carries a competing transform
+ * (an `a:srcRect` source-crop translate/scale, see `getImageFitStyle`): the
+ * two transforms' origins conflict (crop uses `top left`, this uses the
+ * element's own `center`), so combining them is left as a follow-up; the far
+ * more common crop takes priority. Pass `hasCompetingTransform: true` to skip
+ * in that case.
+ *
+ * @param element - The element to inspect (reads `element.shapeStyle.fillImageRotWithShape`).
+ * @param hasCompetingTransform - True when the content layer already has its own transform for an `a:srcRect` crop.
+ */
+function getImageFillCounterTransform(element, hasCompetingTransform = false) {
+    if (hasCompetingTransform || !hasShapeProperties(element)) {
+        return undefined;
+    }
+    if (element.shapeStyle?.fillImageRotWithShape !== false) {
+        return undefined;
+    }
+    return getFrameInverseTransform(element);
+}
+
 /**
  * OOXML drawing-colour resolution: colour-choice parsing (srgb/scrgb/sys/scheme/
  * hsl/preset), the 26 colour transforms, scheme inheritance, and alpha
@@ -13432,12 +13504,79 @@ function compileEquationTemplateMathMl() {
 const NICE_STEPS = [1, 2, 2.5, 5, 10];
 /** The fraction of the data span added as headroom beyond the last data point. */
 const HEADROOM = 0.05;
+/**
+ * Plot-area points of vertical room PowerPoint reserves per gridline before it
+ * asks for another one, and the ceiling/floor on how many it will ever ask
+ * for. See {@link axisTargetIntervals}'s doc comment for the PowerPoint COM
+ * measurements these were fit to.
+ */
+const POINTS_PER_GRIDLINE = 20;
+const MIN_TARGET_INTERVALS = 1;
+const MAX_TARGET_INTERVALS = 10;
+/**
+ * Pixels per point in the "px" unit `computePlotLayout` (and every renderer in
+ * this engine) works in: 96 px per inch, 72 points per inch, so 4/3 px per pt.
+ * Mirrors `EMU_PER_PIXEL` (core/constants.ts): `EMU_PER_POINT / EMU_PER_PIXEL`
+ * reduces to the same 4/3.
+ */
+const PX_PER_POINT$1 = 4 / 3;
+/** {@link niceValueAxisBounds}'s `targetIntervals` when no plot height is known. */
+const DEFAULT_TARGET_INTERVALS = 4;
 /**
  * How close the smaller end of the data has to be to the larger before the axis
  * stops anchoring at zero. Below 5/6, zero anchoring keeps the bars readable;
  * above it, the data is a narrow band and zero would squash it flat.
  */
 const ZERO_ANCHOR_RATIO = 5 / 6;
+/**
+ * How many gridline intervals PowerPoint's automatic value-axis scale aims
+ * for, given the chart's plot-area height in the "px" unit `computePlotLayout`
+ * returns (96 px/inch; see `PX_PER_POINT` above).
+ *
+ * This is NOT a universal constant (see this module's original doc comment,
+ * which admitted as much: "matches the axes PowerPoint draws for a chart of
+ * ORDINARY height"): a short chart gets fewer, coarser gridlines than a tall
+ * one, up to a point, because PowerPoint only has room to label so many
+ * without the axis text crowding.
+ *
+ * Measured via PowerPoint COM automation (`New-Object -ComObject
+ * PowerPoint.Application`, `Shapes.AddChart2`, reading back
+ * `chart.Axes(2).MinimumScale/.MaximumScale/.MajorUnit`): building a fresh
+ * clustered-column chart at increasing shape heights with the SAME 8-point,
+ * single-category data (values 1.2-3.2, the exact case reported against this
+ * engine, which this engine rendered 0-4 while PowerPoint drew 0-3.5):
+ *
+ * | chart height | plot height | PowerPoint axis  | gridlines |
+ * |--------------|-------------|------------------|-----------|
+ * | 100pt        | ~33pt       | 0 to 5, unit 5   | 1         |
+ * | 150pt        | ~83pt       | 0 to 4, unit 1   | 4         |
+ * | 200pt        | ~133pt      | 0 to 3.5, unit 0.5 | 7       |
+ * | 300pt        | ~233pt      | 0 to 3.5, unit 0.5 | 7       |
+ * | 1000pt       | ~933pt      | 0 to 3.5, unit 0.5 | 7 (unchanged) |
+ *
+ * Cross-checked against two more datasets (0-52 and 0-9) at the same set of
+ * heights to separate "the target interval count" from "which nice-number
+ * bucket a particular span happens to round into": PowerPoint never asked for
+ * more than about 10 intervals even at a 1000pt-tall chart, it only asks for
+ * FEWER on a plot area too short to fit that many labels. That saturation
+ * (not a straight line) is why this is clamped at the top, not just scaled.
+ *
+ * Modelled as one gridline interval per ~20pt of plot height (roughly one
+ * axis-label line plus padding), clamped to `[1, 10]`. This will not be exact
+ * for every data range: the actual PowerPoint algorithm also nudges the count
+ * by how the span happens to snap to a nice number (see the module doc
+ * comment), which this simplified model does not attempt to reproduce. It is
+ * a large improvement over hard-coding the short-chart answer (4) for every
+ * chart regardless of size, which is the bug this was added to fix.
+ */
+function axisTargetIntervals(plotHeightPx) {
+    if (!Number.isFinite(plotHeightPx) || plotHeightPx <= 0) {
+        return DEFAULT_TARGET_INTERVALS;
+    }
+    const plotHeightPt = plotHeightPx / PX_PER_POINT$1;
+    const raw = Math.round(plotHeightPt / POINTS_PER_GRIDLINE);
+    return Math.min(MAX_TARGET_INTERVALS, Math.max(MIN_TARGET_INTERVALS, raw));
+}
 /** The smallest nice step at or above `value`. */
 function niceAxisStep(value) {
     if (!Number.isFinite(value) || value <= 0) {
@@ -13462,10 +13601,13 @@ function snap(value, unit, direction) {
  * @param dataMin Smallest plotted value.
  * @param dataMax Largest plotted value.
  * @param targetIntervals Roughly how many gridline steps to aim for. The snap to
- *   a round unit means the result is usually one fewer. Four matches the axes
- *   PowerPoint draws for a chart of ordinary height.
+ *   a round unit means the result is usually one fewer. Defaults to 4 only
+ *   when the caller has no idea how tall the chart's plot area is; pass
+ *   {@link axisTargetIntervals}`(plotHeightPx)` instead whenever that height is
+ *   known; see that function's doc comment for why a fixed constant undershot
+ *   real PowerPoint on any chart of ordinary-or-larger size.
  */
-function niceValueAxisBounds(dataMin, dataMax, targetIntervals = 4) {
+function niceValueAxisBounds(dataMin, dataMax, targetIntervals = DEFAULT_TARGET_INTERVALS) {
     if (!Number.isFinite(dataMin) || !Number.isFinite(dataMax)) {
         return { min: 0, max: 1, majorUnit: 0.5 };
     }
@@ -14059,13 +14201,19 @@ function paletteColor$1(index, styleId, colorPalette) {
  * sensibly, padded, and rounded out to whole major units. See
  * `chart-axis-nice.ts` for the rules. Running the axis to the raw data maximum
  * instead put the top gridline on whatever the tallest bar happened to be.
+ *
+ * @param plotHeightPx The chart's plot-area height (same "px" unit
+ *   `computePlotLayout` returns), when the caller has it. PowerPoint's real
+ *   gridline count depends on how much vertical room the axis has to label
+ *   them in; omitting this falls back to a constant tuned for a short chart
+ *   (see `axisTargetIntervals`'s doc comment).
  */
-function computeValueRange$1(series) {
+function computeValueRange$1(series, plotHeightPx) {
     const allValues = series.flatMap((s) => s.values);
     if (allValues.length === 0) {
         return { min: 0, max: 1, span: 1 };
     }
-    const { min, max, majorUnit } = niceValueAxisBounds(Math.min(...allValues), Math.max(...allValues));
+    const { min, max, majorUnit } = niceValueAxisBounds(Math.min(...allValues), Math.max(...allValues), plotHeightPx !== undefined ? axisTargetIntervals(plotHeightPx) : undefined);
     return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 /**
@@ -14195,13 +14343,23 @@ function resolveCategoryLabels(chartData) {
  * SVG. PowerPoint decks routinely write `<c:spPr><a:noFill/></c:spPr>` on
  * `c:chartSpace` and `c:plotArea` precisely so the chart floats on the slide;
  * the wash boxed every such chart into a visible grey panel that is not in the
- * source. Honouring the authored fill is the fix, and keeping the wash as the
- * fallback leaves charts that say nothing looking exactly as they did.
- */
-/**
- * The wash the bindings have always painted when a chart declares no fill of
- * its own. Kept as the default so an unstyled chart still reads as a distinct
- * surface against the slide.
+ * source. Honouring the authored fill (an explicit `<a:noFill/>`) was the
+ * first fix, but a chart with NO `c:spPr` at all (the common case: only a
+ * deliberately-styled chart writes one) still fell back to the same synthetic
+ * wash, which is just as wrong: real PowerPoint never paints a highlight box
+ * behind an unstyled chart, it is fully transparent like the `noFill` case.
+ * Measured against a real-world deck (a plain single-series bar chart with no
+ * `c:chartSpace/c:spPr` at all) PowerPoint's own export shows no grey
+ * anywhere; this module now treats "no fill recorded" the same whether the
+ * source said `noFill` explicitly or said nothing, matching `plotAreaFill`
+ * below, which never had a synthetic default in the first place.
+ */
+/**
+ * The wash the bindings used to paint whenever a chart declared no fill of
+ * its own. No longer used as an automatic default for real chart data (see
+ * the module doc comment); kept only for `buildFallbackViewModel`'s
+ * unsupported/empty-chart placeholder, which has no chart data to read a fill
+ * from and still wants a visible box to represent "a chart goes here".
  */
 const DEFAULT_CHART_AREA_FILL = '#0f172a11';
 /** Resolve one recorded fill value to an SVG `fill`, or `undefined` to skip. */
@@ -14213,10 +14371,11 @@ function resolve(fill, fallback) {
 }
 /**
  * SVG `fill` for the chart-area rect, or `undefined` when nothing should be
- * painted (the source declared `a:noFill`).
+ * painted: the source declared `a:noFill`, or (matching real PowerPoint)
+ * simply never wrote a `c:chartSpace/c:spPr` at all.
  */
 function chartAreaFill(chartData) {
-    return resolve(chartData?.style?.chartAreaFill, DEFAULT_CHART_AREA_FILL);
+    return resolve(chartData?.style?.chartAreaFill, undefined);
 }
 /**
  * SVG `fill` for the plot-area rect, or `undefined` when nothing should be
@@ -14621,15 +14780,24 @@ function computeLogValueRange(series, logBase) {
         logBase,
     };
 }
-/** Compute a value range using one parsed value axis's scale and bounds. */
-function computeValueRangeForAxis(series, axis) {
+/**
+ * Compute a value range using one parsed value axis's scale and bounds.
+ *
+ * @param plotHeightPx The chart's plot-area height, when known; forwarded to
+ *   `computeValueRange`'s automatic-scale gridline count (see
+ *   `axisTargetIntervals`'s doc comment). Not used on the log-scale branch,
+ *   which snaps to powers of the log base regardless of chart size.
+ */
+function computeValueRangeForAxis(series, axis, plotHeightPx) {
     const requestedLogBase = axis?.logBase ?? 10;
     const logBase = axis?.logScale && Number.isFinite(requestedLogBase) && requestedLogBase > 1
         ? requestedLogBase
         : axis?.logScale
             ? 10
             : undefined;
-    const automatic = logBase ? computeLogValueRange(series, logBase) : computeValueRange$1(series);
+    const automatic = logBase
+        ? computeLogValueRange(series, logBase)
+        : computeValueRange$1(series, plotHeightPx);
     const validMin = typeof axis?.min === 'number' && Number.isFinite(axis.min) && (!logBase || axis.min > 0)
         ? axis.min
         : undefined;
@@ -14725,11 +14893,15 @@ function generateMinorAxisTicks(range, axis) {
 function findLogAxis(axes) {
     return axes?.find((axis) => axis.axisType === 'valAx' && axis.logScale);
 }
-/** Compute the primary value range for a chart. */
-function computeValueRangeForChart(series, axes) {
+/**
+ * Compute the primary value range for a chart.
+ *
+ * @param plotHeightPx See `computeValueRangeForAxis`'s parameter of the same name.
+ */
+function computeValueRangeForChart(series, axes, plotHeightPx) {
     const primaryAxis = axes?.find((axis) => axis.axisType === 'valAx' && axis.axPos === 'l') ??
         axes?.find((axis) => axis.axisType === 'valAx' && axis.axPos !== 'r');
-    return computeValueRangeForAxis(series, primaryAxis);
+    return computeValueRangeForAxis(series, primaryAxis, plotHeightPx);
 }
 
 // ── Display units ────────────────────────────────────────────────
@@ -14797,12 +14969,34 @@ function hasSecondaryValueAxis(axes) {
     }
     return axes.some((a) => a.axisType === 'valAx' && a.axPos === 'r');
 }
-/** Check whether any axis in the list is a secondary category axis (position "t"). */
+function categoryAxes(axes) {
+    return axes?.filter((a) => a.axisType === 'catAx' || a.axisType === 'dateAx') ?? [];
+}
+/**
+ * Check whether the chart has a genuine SECOND category axis positioned at the
+ * top (a combo chart with one bottom + one top category axis). A single
+ * category axis that itself carries `axPos="t"` (the only axis, just
+ * relocated) is NOT a secondary axis: see `isPrimaryCategoryAxisAtTop`.
+ */
 function hasSecondaryCategoryAxis(axes) {
-    if (!axes) {
+    const cats = categoryAxes(axes);
+    return cats.length > 1 && cats.some((a) => a.axPos === 't');
+}
+/**
+ * Check whether the chart's PRIMARY (and, in the common case, only) category
+ * axis is positioned at the top of the plot area (`c:catAx/c:axPos val="t"`).
+ * Mirrors the axis selection in `chart-category-axis.ts`'s
+ * `primaryCategoryAxis`: prefer a non-top axis when one exists (the top one is
+ * then the genuine secondary axis, handled separately), otherwise fall back to
+ * the first category axis, which is the only one there is.
+ */
+function isPrimaryCategoryAxisAtTop(axes) {
+    const cats = categoryAxes(axes);
+    if (cats.length === 0) {
         return false;
     }
-    return axes.some((a) => (a.axisType === 'catAx' || a.axisType === 'dateAx') && a.axPos === 't');
+    const primary = cats.find((a) => a.axPos !== 't') ?? cats[0];
+    return primary.axPos === 't';
 }
 /** Get the secondary value axis formatting, if present. */
 function getSecondaryValueAxis(axes) {
@@ -14823,6 +15017,7 @@ function computeLayoutOptions(axes, dataTable, seriesCount) {
     return {
         hasSecondaryValueAxis: hasSecondaryValueAxis(axes),
         hasSecondaryCategoryAxis: hasSecondaryCategoryAxis(axes),
+        categoryAxisAtTop: isPrimaryCategoryAxisAtTop(axes),
         hasDataTable: Boolean(dataTable),
         dataTableRowCount: dataTable ? seriesCount : undefined,
     };
@@ -14935,6 +15130,160 @@ function shade(hex, amount) {
     return rgbToHex$3(r * (1 - amount), g * (1 - amount), b * (1 - amount));
 }
 
+/**
+ * chart-marker-shape.ts: framework-agnostic marker-symbol primitive builder for
+ * line / scatter / area chart data points.
+ *
+ * OOXML line/scatter series carry a `c:marker` with a `c:symbol` (circle,
+ * diamond, square, triangle, star, x, plus, dot, dash, none, ...) and an
+ * optional `c:size` (2-72 points). The base view-model historically drew every
+ * data point as a fixed-radius circle, ignoring both. This helper resolves the
+ * parsed marker into the correct `SvgPrimitive` at the requested size, and
+ * returns `null` for `symbol === 'none'` so no dot is drawn.
+ *
+ * @module chart-marker-shape
+ */
+/**
+ * PowerPoint's automatic marker-symbol cycle: the fixed shape sequence a
+ * "Line/Scatter with Markers" chart cycles through when a series' `c:marker`
+ * carries no `c:symbol` (only its fill/line colour is "automatic"; the shape
+ * itself was assumed to always be a circle before this was measured).
+ *
+ * COM-measured ground truth (`PowerPoint.Application`, a stacked
+ * Line-with-Markers chart, N series each with `<c:marker><c:spPr>.../></c:marker>`
+ * and no `c:symbol`, `SeriesCollection(i).MarkerStyle` read back after a real
+ * save/reopen round trip): idx 0..8 resolved to
+ * Diamond, Square, Triangle, X, Star, Circle, Plus, Dot, Dash - a clean
+ * 9-element cycle with no partial/ambiguous entries across 9 independent
+ * series (this is ALSO what the chart-style-driven, explicit-symbol path a
+ * modern "Line with Markers" preset writes on save resolves every series to a
+ * uniform Circle, so that path is unrelated: this cycle is specifically
+ * what PowerPoint's renderer falls back to for a chart with no `c:symbol` at
+ * all). Confirmed against a real-world deck: series `c:idx="1"`/`"2"` (a
+ * gapped, 1-based pair, not `0`/`1`) resolved to Square/Triangle exactly as
+ * this cycle predicts (`AUTOMATIC_MARKER_CYCLE[1]` / `[2]`).
+ */
+const AUTOMATIC_MARKER_CYCLE = [
+    'diamond',
+    'square',
+    'triangle',
+    'x',
+    'star',
+    'circle',
+    'plus',
+    'dot',
+    'dash',
+];
+/**
+ * Resolve the automatic marker shape for a series with no authored
+ * `c:symbol`, keyed by the series' `c:idx` (or its array position when the
+ * chart has none): {@link AUTOMATIC_MARKER_CYCLE} repeats every 9 series.
+ */
+function automaticMarkerSymbol(seriesIdx) {
+    const length = AUTOMATIC_MARKER_CYCLE.length;
+    const normalized = ((seriesIdx % length) + length) % length;
+    return AUTOMATIC_MARKER_CYCLE[normalized];
+}
+/** Resolve the drawn radius (px) from the parsed point size or the default. */
+function markerRadius(size, defaultRadius) {
+    if (size === undefined || !Number.isFinite(size) || size <= 0) {
+        return defaultRadius;
+    }
+    // OOXML marker size is a point diameter; treat 1pt ~ 1px at chart scale.
+    return size / 2;
+}
+/** Build the SVG points string for a regular/irregular polygon vertex list. */
+function polygonPoints(vertices) {
+    return vertices.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(' ');
+}
+function starVertices(cx, cy, r) {
+    const inner = r * 0.5;
+    const out = [];
+    for (let i = 0; i < 10; i++) {
+        const radius = i % 2 === 0 ? r : inner;
+        const angle = -Math.PI / 2 + (Math.PI * i) / 5;
+        out.push([cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)]);
+    }
+    return out;
+}
+/**
+ * Build the marker primitive for one data point, honouring `symbol` and `size`.
+ * Returns `null` when `symbol === 'none'` (draw nothing).
+ */
+function buildMarkerPrimitive(input) {
+    const { symbol, cx, cy, fill, part } = input;
+    if (symbol === 'none') {
+        return null;
+    }
+    const r = markerRadius(input.size, input.defaultRadius);
+    const stroke = fill;
+    switch (symbol) {
+        case 'square':
+            return { kind: 'rect', x: cx - r, y: cy - r, w: r * 2, h: r * 2, fill, part };
+        case 'dash':
+            return { kind: 'rect', x: cx - r, y: cy - r * 0.32, w: r * 2, h: r * 0.64, fill, part };
+        case 'diamond':
+            return {
+                kind: 'polygon',
+                points: polygonPoints([
+                    [cx, cy - r],
+                    [cx + r, cy],
+                    [cx, cy + r],
+                    [cx - r, cy],
+                ]),
+                fill,
+                stroke,
+                strokeWidth: 0,
+                part,
+            };
+        case 'triangle':
+            return {
+                kind: 'polygon',
+                points: polygonPoints([
+                    [cx, cy - r],
+                    [cx + r * 0.9, cy + r * 0.75],
+                    [cx - r * 0.9, cy + r * 0.75],
+                ]),
+                fill,
+                stroke,
+                strokeWidth: 0,
+                part,
+            };
+        case 'star':
+            return {
+                kind: 'polygon',
+                points: polygonPoints(starVertices(cx, cy, r)),
+                fill,
+                stroke,
+                strokeWidth: 0,
+                part,
+            };
+        case 'plus':
+            return {
+                kind: 'path',
+                d: `M${(cx - r).toFixed(2)},${cy.toFixed(2)} L${(cx + r).toFixed(2)},${cy.toFixed(2)} M${cx.toFixed(2)},${(cy - r).toFixed(2)} L${cx.toFixed(2)},${(cy + r).toFixed(2)}`,
+                fill: 'none',
+                stroke,
+                strokeWidth: Math.max(1, r * 0.4),
+                part,
+            };
+        case 'x':
+            return {
+                kind: 'path',
+                d: `M${(cx - r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx + r).toFixed(2)},${(cy + r).toFixed(2)} M${(cx + r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx - r).toFixed(2)},${(cy + r).toFixed(2)}`,
+                fill: 'none',
+                stroke,
+                strokeWidth: Math.max(1, r * 0.4),
+                part,
+            };
+        case 'dot':
+            return { kind: 'circle', cx, cy, r: Math.max(r * 0.6, 1), fill, part };
+        default:
+            // circle / auto / picture / undefined -> filled circle.
+            return { kind: 'circle', cx, cy, r, fill, part };
+    }
+}
+
 /**
  * chart-datapoint-style.ts: framework-agnostic resolution of per-data-point
  * formatting overrides (`c:dPt`).
@@ -14995,11 +15344,25 @@ function resolveDataPointExplosion(series, pointIndex) {
  * looked at `series.marker`, so editing a point marker changed the file and
  * left the canvas untouched. Resolving it here fixes every binding at once,
  * since they all paint the same shared view model.
+ *
+ * A resolved symbol of `'auto'` (or a marker present with no `c:symbol` at
+ * all, which the core parser also normalises to `'auto'`) is resolved to a
+ * concrete shape via {@link automaticMarkerSymbol}, keyed by `series.idx`
+ * (falling back to `seriesPosition`, the series' array index, when the chart
+ * carries no `c:idx`). A series/point with NO marker element at all
+ * (`marker` and `point` both `undefined`) keeps `symbol: undefined`
+ * unchanged: that is a chart type that draws no marker at all, not an
+ * automatic one, and must not start cycling shapes.
  */
-function resolveDataPointMarker(series, pointIndex) {
+function resolveDataPointMarker(series, pointIndex, seriesPosition = 0) {
     const point = findDataPoint(series, pointIndex)?.marker;
+    const hasMarker = point !== undefined || series.marker !== undefined;
+    const rawSymbol = point?.symbol ?? series.marker?.symbol;
+    const symbol = hasMarker && (rawSymbol === undefined || rawSymbol === 'auto')
+        ? automaticMarkerSymbol(series.idx ?? seriesPosition)
+        : rawSymbol;
     return {
-        symbol: point?.symbol ?? series.marker?.symbol,
+        symbol,
         size: point?.size ?? series.marker?.size,
         fill: point?.spPr?.fillColor ?? series.marker?.spPr?.fillColor,
     };
@@ -15028,6 +15391,26 @@ function upsertDataPoint(dataPoints, point) {
     }
     return next;
 }
+// Picture-fill resolution (c:pictureOptions, the bare-a:blipFill
+// impliedPicture case, and bar3D face targeting) lives in
+// chart-datapoint-picture-resolve.ts, split out to keep this file within the
+// repo's ~300-LOC limit: `resolveActiveDataPointPicture`,
+// `resolveDataPointPictureFill`, `resolveBarFaceTargets`, `DataPointPictureFill`,
+// `BarPictureFace`, `BarFaceTargets`.
+
+/**
+ * chart-datapoint-picture-resolve.ts: framework-agnostic resolution of a
+ * data point's (or its series') picture fill into a paintable descriptor.
+ *
+ * Split out of `chart-datapoint-style.ts` to keep that file within the
+ * repo's ~300-LOC limit: that file resolves per-point formatting in
+ * general (fill colour, marker, explosion); this one owns specifically the
+ * picture-fill half (`c:pictureOptions` AND the bare-`a:blipFill`
+ * `impliedPicture` case, plus `bar3D` face targeting), which had grown into
+ * its own coherent concern.
+ *
+ * @module chart-datapoint-picture-resolve
+ */
 /** PowerPoint's own default picture-fill format when `c:pictureFormat` is absent. */
 const DEFAULT_PICTURE_FORMAT = 'stretch';
 /**
@@ -15036,14 +15419,28 @@ const DEFAULT_PICTURE_FORMAT = 'stretch';
  * `c:ser/c:pictureOptions` (C2-G9 series-level half). A point with its own
  * picture wins OUTRIGHT (not merged field-by-field with the series' flags),
  * matching how a `c:dPt/c:spPr` fully replaces the series' formatting
- * elsewhere in this resolver ({@link resolveDataPointFill}).
+ * elsewhere in this resolver (`resolveDataPointFill`, `chart-datapoint-style.ts`).
+ *
+ * `impliedPicture` (a bare `a:blipFill` with no `c:pictureOptions` sibling,
+ * see `PptxChartDataPoint.impliedPicture`'s doc comment) is checked at the
+ * SAME tier as `picture`, once `picture` itself did not resolve an image: a
+ * point's own fill (explicit flags or implied) still wins outright over the
+ * series', and vice versa.
  */
 function resolveActiveDataPointPicture(series, pointIndex) {
-    const pointPicture = findDataPoint(series, pointIndex)?.picture;
-    if (pointPicture?.imageUrl) {
+    const point = findDataPoint(series, pointIndex);
+    const pointPicture = point?.picture?.imageUrl
+        ? point.picture
+        : point?.impliedPicture?.imageUrl
+            ? point.impliedPicture
+            : undefined;
+    if (pointPicture) {
         return pointPicture;
     }
-    return series.picture?.imageUrl ? series.picture : undefined;
+    if (series.picture?.imageUrl) {
+        return series.picture;
+    }
+    return series.impliedPicture?.imageUrl ? series.impliedPicture : undefined;
 }
 /**
  * Resolve which 3-D bar/column faces a picture fill paints
@@ -15101,6 +15498,7 @@ function resolveDataPointPictureFill(series, pointIndex, seriesIndex, face) {
         ...(format !== 'stretch' && picture.pictureStackUnit !== undefined
             ? { tileHeightPx: chartFontPx(picture.pictureStackUnit) }
             : {}),
+        ...(picture.opacity !== undefined ? { opacity: picture.opacity } : {}),
     };
 }
 
@@ -15187,7 +15585,11 @@ function applyDataPointPictureFills(chartData, elementId, primitives) {
         }
         const patternId = `${elementId}-${resolved.patternId}`;
         defs.push(buildPictureFillPatternDef(patternId, resolved.imageUrl, resolved.format, primitive, resolved.tileHeightPx));
-        return { ...primitive, fill: `url(#${patternId})` };
+        return {
+            ...primitive,
+            fill: `url(#${patternId})`,
+            ...(resolved.opacity !== undefined ? { opacity: resolved.opacity } : {}),
+        };
     });
     return { primitives: next, defs };
 }
@@ -15687,10 +16089,70 @@ function computeChartLegendLayout(vm) {
             fontWeight: textStyle?.bold ? 'bold' : 'normal',
             fontStyle: textStyle?.italic ? 'italic' : 'normal',
             fontFamily: textStyle?.fontFamily,
+            ...(entry.lineSwatch ? { lineSwatch: entry.lineSwatch } : {}),
         };
     });
 }
 
+/** Legend swatch line width in px: a fixed icon size, independent of the plotted series' own stroke width. */
+const LEGEND_LINE_SWATCH_WIDTH = 2;
+/** Legend swatch marker radius in px: a fixed icon size, independent of the series' own `c:marker/c:size`. */
+const LEGEND_MARKER_RADIUS = 3;
+/** Vertical centre of the swatch box (matches the rect swatch's `y: -7, height: 10`). */
+const SWATCH_CENTER_Y = -2;
+/** Swatch box width in px (matches the rect swatch's `width: 10`). */
+const SWATCH_WIDTH = 10;
+/**
+ * Which chart kinds get a line-style legend swatch instead of a filled rect.
+ *
+ * Deliberately narrow: only kinds whose whole plot is a drawn line/marker
+ * (line, scatter). A filled radar or an area chart still reads as a filled
+ * region in PowerPoint's own legend, so they keep the rect swatch; a
+ * bar+line combo resolves its line series individually (see
+ * `chart-combo.ts`), not through this whole-chart check.
+ */
+function resolveLegendSwatchKind(kind) {
+    return kind === 'line' || kind === 'scatter' ? 'line' : 'rect';
+}
+/**
+ * Build the line-style legend swatch primitives for one series.
+ *
+ * The marker uses the series' OWN marker (`c:ser/c:marker`), never a `c:dPt`
+ * per-point override: a legend sample represents the whole series, matching
+ * PowerPoint. `pointIndex: -1` is not a real data point, so
+ * {@link resolveDataPointMarker}'s `c:dPt` lookup never matches it. The marker
+ * is always drawn at {@link LEGEND_MARKER_RADIUS}, ignoring the series' own
+ * `c:marker/c:size`, so the legend icon stays a consistent small size
+ * regardless of how large the plotted markers are.
+ */
+function buildLineLegendSwatch(series, color, seriesPosition = 0) {
+    const resolved = resolveDataPointMarker(series, -1, seriesPosition), primitives = [];
+    if (!series.lineNoFill) {
+        primitives.push({
+            kind: 'line',
+            x1: 0,
+            y1: SWATCH_CENTER_Y,
+            x2: SWATCH_WIDTH,
+            y2: SWATCH_CENTER_Y,
+            stroke: color,
+            strokeWidth: LEGEND_LINE_SWATCH_WIDTH,
+        });
+    }
+    const marker = buildMarkerPrimitive({
+        symbol: resolved.symbol,
+        // Deliberately ignore the series' authored size (see doc comment above).
+        size: undefined,
+        cx: SWATCH_WIDTH / 2,
+        cy: SWATCH_CENTER_Y,
+        fill: resolved.fill ?? color,
+        defaultRadius: LEGEND_MARKER_RADIUS,
+    });
+    if (marker) {
+        primitives.push(marker);
+    }
+    return { primitives };
+}
+
 const DEFAULT_COLOR$3 = '#64748b';
 function dashArray(style, width) {
     if (!style || style === 'solid') {
@@ -15835,8 +16297,12 @@ function seriesColor(series, index, colorPalette) {
 /**
  * Automatic Y-axis range, on PowerPoint's terms. See `chart-axis-nice.ts`; this
  * mirrors `computeValueRange` in `chart-helpers.ts`.
+ *
+ * @param plotHeightPx The chart's plot-area height (`PlotLayout.plotHeight`),
+ *   when the caller has it; see `axisTargetIntervals`'s doc comment for why
+ *   this changes the gridline count PowerPoint's automatic scale picks.
  */
-function computeValueRange(series) {
+function computeValueRange(series, plotHeightPx) {
     let dataMin = Number.POSITIVE_INFINITY, dataMax = Number.NEGATIVE_INFINITY;
     for (const item of series) {
         for (const value of item.values) {
@@ -15851,14 +16317,16 @@ function computeValueRange(series) {
     if (dataMin === Number.POSITIVE_INFINITY) {
         return { min: 0, max: 1, span: 1 };
     }
-    const { min, max, majorUnit } = niceValueAxisBounds(dataMin, dataMax);
+    const { min, max, majorUnit } = niceValueAxisBounds(dataMin, dataMax, plotHeightPx !== undefined ? axisTargetIntervals(plotHeightPx) : undefined);
     return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 /**
  * Value range for a stacked bar: the per-category sums, then the same automatic
  * scale as any other value axis.
+ *
+ * @param plotHeightPx See `computeValueRange`'s parameter of the same name.
  */
-function computeStackedValueRange(series, catCount) {
+function computeStackedValueRange(series, catCount, plotHeightPx) {
     let maxSum = 0, minSum = 0;
     for (let ci = 0; ci < catCount; ci++) {
         let pos = 0, neg = 0;
@@ -15874,7 +16342,7 @@ function computeStackedValueRange(series, catCount) {
         maxSum = Math.max(maxSum, pos);
         minSum = Math.min(minSum, neg);
     }
-    const { min, max, majorUnit } = niceValueAxisBounds(Math.min(minSum, 0), Math.max(maxSum, 0));
+    const { min, max, majorUnit } = niceValueAxisBounds(Math.min(minSum, 0), Math.max(maxSum, 0), plotHeightPx !== undefined ? axisTargetIntervals(plotHeightPx) : undefined);
     return { min, max, span: Math.max(max - min, Number.EPSILON), majorUnit };
 }
 /**
@@ -15937,6 +16405,46 @@ function buildMarkTooltip(seriesName, categoryLabel, value, numberFormat) {
     return label.length > 0 ? `${label}: ${formatted}` : formatted;
 }
 
+/**
+ * Build the base legend entries + anchor position for a chart view model.
+ *
+ * @param swatchKind Which legend entries draw a line + marker sample instead
+ *   of the default filled rect (see `chart-legend-swatch.ts`). A single value
+ *   applies to every entry (the whole-chart line/scatter case); an array
+ *   resolves per series index (a bar+line combo, where only the line series
+ *   get the line sample). Defaults to `'rect'` for every existing caller that
+ *   predates line-aware legends.
+ */
+function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotTop, swatchKind = 'rect') {
+    const legend = series.map((s, i) => {
+        const color = seriesColor(s, i, colorPalette), kind = Array.isArray(swatchKind) ? (swatchKind[i] ?? 'rect') : swatchKind;
+        return {
+            color,
+            label: s.name,
+            ...(kind === 'line' ? { lineSwatch: buildLineLegendSwatch(s, color, i) } : {}),
+        };
+    });
+    let legendX = svgWidth / 2, legendY = svgHeight - 8, legendAnchor = 'middle';
+    // `tr` shares `'r'`'s coordinates (a right-aligned column starting at
+    // plotTop): that is already "top-right corner"; it just does not reserve
+    // plot-area space the way a reserved `'r'` legend does (see computePlotLayout).
+    const side = resolveLegendPlacement(legendPos).side;
+    if (side === 'r') {
+        legendX = svgWidth - 75;
+        legendY = plotTop;
+        legendAnchor = 'start';
+    }
+    else if (side === 'l') {
+        legendX = 4;
+        legendY = plotTop;
+        legendAnchor = 'start';
+    }
+    else if (side === 't') {
+        legendY = 28;
+    }
+    return { legend, legendX, legendY, legendAnchor };
+}
+
 /**
  * chart-view-model-bars.ts: bar / column rectangle and line-point geometry of
  * the chart engine. Split out of `chart-view-model.ts`, which re-exports
@@ -16933,119 +17441,6 @@ function smoothLinePath(points) {
     return d;
 }
 
-/**
- * chart-marker-shape.ts: framework-agnostic marker-symbol primitive builder for
- * line / scatter / area chart data points.
- *
- * OOXML line/scatter series carry a `c:marker` with a `c:symbol` (circle,
- * diamond, square, triangle, star, x, plus, dot, dash, none, ...) and an
- * optional `c:size` (2-72 points). The base view-model historically drew every
- * data point as a fixed-radius circle, ignoring both. This helper resolves the
- * parsed marker into the correct `SvgPrimitive` at the requested size, and
- * returns `null` for `symbol === 'none'` so no dot is drawn.
- *
- * @module chart-marker-shape
- */
-/** Resolve the drawn radius (px) from the parsed point size or the default. */
-function markerRadius(size, defaultRadius) {
-    if (size === undefined || !Number.isFinite(size) || size <= 0) {
-        return defaultRadius;
-    }
-    // OOXML marker size is a point diameter; treat 1pt ~ 1px at chart scale.
-    return size / 2;
-}
-/** Build the SVG points string for a regular/irregular polygon vertex list. */
-function polygonPoints(vertices) {
-    return vertices.map(([x, y]) => `${x.toFixed(2)},${y.toFixed(2)}`).join(' ');
-}
-function starVertices(cx, cy, r) {
-    const inner = r * 0.5;
-    const out = [];
-    for (let i = 0; i < 10; i++) {
-        const radius = i % 2 === 0 ? r : inner;
-        const angle = -Math.PI / 2 + (Math.PI * i) / 5;
-        out.push([cx + radius * Math.cos(angle), cy + radius * Math.sin(angle)]);
-    }
-    return out;
-}
-/**
- * Build the marker primitive for one data point, honouring `symbol` and `size`.
- * Returns `null` when `symbol === 'none'` (draw nothing).
- */
-function buildMarkerPrimitive(input) {
-    const { symbol, cx, cy, fill, part } = input;
-    if (symbol === 'none') {
-        return null;
-    }
-    const r = markerRadius(input.size, input.defaultRadius);
-    const stroke = fill;
-    switch (symbol) {
-        case 'square':
-            return { kind: 'rect', x: cx - r, y: cy - r, w: r * 2, h: r * 2, fill, part };
-        case 'dash':
-            return { kind: 'rect', x: cx - r, y: cy - r * 0.32, w: r * 2, h: r * 0.64, fill, part };
-        case 'diamond':
-            return {
-                kind: 'polygon',
-                points: polygonPoints([
-                    [cx, cy - r],
-                    [cx + r, cy],
-                    [cx, cy + r],
-                    [cx - r, cy],
-                ]),
-                fill,
-                stroke,
-                strokeWidth: 0,
-                part,
-            };
-        case 'triangle':
-            return {
-                kind: 'polygon',
-                points: polygonPoints([
-                    [cx, cy - r],
-                    [cx + r * 0.9, cy + r * 0.75],
-                    [cx - r * 0.9, cy + r * 0.75],
-                ]),
-                fill,
-                stroke,
-                strokeWidth: 0,
-                part,
-            };
-        case 'star':
-            return {
-                kind: 'polygon',
-                points: polygonPoints(starVertices(cx, cy, r)),
-                fill,
-                stroke,
-                strokeWidth: 0,
-                part,
-            };
-        case 'plus':
-            return {
-                kind: 'path',
-                d: `M${(cx - r).toFixed(2)},${cy.toFixed(2)} L${(cx + r).toFixed(2)},${cy.toFixed(2)} M${cx.toFixed(2)},${(cy - r).toFixed(2)} L${cx.toFixed(2)},${(cy + r).toFixed(2)}`,
-                fill: 'none',
-                stroke,
-                strokeWidth: Math.max(1, r * 0.4),
-                part,
-            };
-        case 'x':
-            return {
-                kind: 'path',
-                d: `M${(cx - r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx + r).toFixed(2)},${(cy + r).toFixed(2)} M${(cx + r).toFixed(2)},${(cy - r).toFixed(2)} L${(cx - r).toFixed(2)},${(cy + r).toFixed(2)}`,
-                fill: 'none',
-                stroke,
-                strokeWidth: Math.max(1, r * 0.4),
-                part,
-            };
-        case 'dot':
-            return { kind: 'circle', cx, cy, r: Math.max(r * 0.6, 1), fill, part };
-        default:
-            // circle / auto / picture / undefined -> filled circle.
-            return { kind: 'circle', cx, cy, r, fill, part };
-    }
-}
-
 /**
  * Chart-element pixel box a manual `c:dLbl/c:layout` drag is measured
  * against. Exported for `chart-cartesian-bubbles.ts`, which shares this
@@ -17073,8 +17468,8 @@ function xyMarkTooltip(seriesName, xVal, yVal, numberFormat) {
  * fewer points than the series declares and the override must still land on the
  * point the author picked.
  */
-function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius, part, opacity, title) {
-    const marker = resolveDataPointMarker(series, pointIndex), m = buildMarkerPrimitive({
+function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius, part, opacity, title, seriesPosition = part.seriesIndex ?? 0) {
+    const marker = resolveDataPointMarker(series, pointIndex, seriesPosition), m = buildMarkerPrimitive({
         symbol: marker.symbol,
         size: marker.size,
         cx,
@@ -17635,14 +18030,31 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
     varyColorsSingle = chartData.varyColors === true && series.length === 1;
     if (grouping === 'clustered') {
         const seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), 
+        // Honour c:overlap (% overlap between adjacent series). overlap=0 reproduces
+        // the original side-by-side layout exactly. Read before singleBarWidth: a
+        // gapWidth-based bar width must size itself so the OVERLAPPED cluster (not
+        // seriesCount side-by-side bars) fills the gap-reduced group width; see the
+        // comment below.
+        overlap = chartData.barOverlap ?? 0, 
         // Honour c:gapWidth (gap between clusters, % of a bar width) when parsed;
         // otherwise keep the legacy 0.7-of-group heuristic byte-for-byte.
-        singleBarWidth = chartData.barGapWidth !== undefined
-            ? barGroupWidth / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100)
-            : (barGroupWidth * 0.7) / seriesCount, 
-        // Honour c:overlap (% overlap between adjacent series). overlap=0 reproduces
-        // the original side-by-side layout exactly.
-        overlap = chartData.barOverlap ?? 0, step = singleBarWidth * (1 - overlap / 100), clusterWidth = singleBarWidth + step * (seriesCount - 1), groupOffset = (barGroupWidth - clusterWidth) / 2;
+        //
+        // COM-verified ground truth (PowerPoint Object 16, single category, six
+        // series, gapWidth=5, overlap=23): dividing by seriesCount alone (the
+        // pre-existing formula) sizes every bar as if the cluster were laid out
+        // SIDE BY SIDE, then shrinks it further by overlap when computing `step`
+        // below - so at high overlap the bars render far too NARROW (in the
+        // limit, overlap=100 should make every bar in a cluster the same width
+        // as a single-series bar, independent of seriesCount, since they fully
+        // coincide; the old formula kept shrinking by 1/seriesCount regardless).
+        // The fix: first shrink the group width by the gap (exactly as before),
+        // then divide by how many bar-widths the OVERLAPPED cluster actually
+        // spans (`1 + (seriesCount - 1) * (1 - overlap / 100)`, the same
+        // relationship `clusterWidth` below re-derives from `step`), not by the
+        // raw series count.
+        overlapSpan = 1 + (seriesCount - 1) * (1 - overlap / 100), singleBarWidth = chartData.barGapWidth !== undefined
+            ? barGroupWidth / ((1 + Math.max(chartData.barGapWidth, 0) / 100) * overlapSpan)
+            : (barGroupWidth * 0.7) / seriesCount, step = singleBarWidth * (1 - overlap / 100), clusterWidth = singleBarWidth + step * (seriesCount - 1), groupOffset = (barGroupWidth - clusterWidth) / 2;
         for (let displayIndex = 0; displayIndex < catCount; displayIndex++) {
             const sourceIndex = sourceIndices[displayIndex] ?? displayIndex;
             for (let si = 0; si < series.length; si++) {
@@ -19074,11 +19486,15 @@ function barFill(chartData, series, seriesIndex, pointIndex) {
  * clustered / stacked / percentStacked geometry with the axes transposed.
  */
 function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
-    const layout = computePlotLayout(element.width, element.height, chartData, true), catCount = Math.max(categoryLabels.length, 1), series = chartData.series, grouping = chartData.grouping ?? 'clustered', isStacked = grouping === 'stacked' || grouping === 'percentStacked', isPercent = grouping === 'percentStacked', range = isPercent
+    const layout = computePlotLayout(element.width, element.height, chartData, true), catCount = Math.max(categoryLabels.length, 1), series = chartData.series, grouping = chartData.grouping ?? 'clustered', isStacked = grouping === 'stacked' || grouping === 'percentStacked', isPercent = grouping === 'percentStacked', 
+    // The value axis runs along the WIDTH here (categories run down the left,
+    // values along the bottom: this builder transposes the column engine), so
+    // the gridline-count budget is keyed off plotWidth, not plotHeight.
+    range = isPercent
         ? { min: 0, max: 100, span: 100 }
         : isStacked
-            ? computeStackedValueRange(series, catCount)
-            : computeValueRangeForChart(series, chartData.axes), { gridlines, axisLabels } = buildTransposedValueAxis(range, layout), zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight), zeroLine = range.min < 0 && range.max > 0
+            ? computeStackedValueRange(series, catCount, layout.plotWidth)
+            : computeValueRangeForChart(series, chartData.axes, layout.plotWidth), { gridlines, axisLabels } = buildTransposedValueAxis(range, layout), zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight), zeroLine = range.min < 0 && range.max > 0
         ? {
             kind: 'line',
             x1: zeroX,
@@ -19090,9 +19506,14 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
         }
         : undefined, primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, band = layout.plotHeight / catCount;
     if (!isStacked) {
-        const seriesCount = Math.max(series.length, 1), singleBarHeight = chartData.barGapWidth !== undefined
-            ? band / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100)
-            : (band * 0.7) / seriesCount, overlap = chartData.barOverlap ?? 0, step = singleBarHeight * (1 - overlap / 100), clusterHeight = singleBarHeight + step * (seriesCount - 1), groupOffset = (band - clusterHeight) / 2;
+        const seriesCount = Math.max(series.length, 1), 
+        // See chart-cartesian-bars.ts's `buildBars` (clustered branch) for the
+        // COM-verified reasoning: the bar's own size must divide the gap-reduced
+        // band by how many bar-heights the OVERLAPPED cluster spans, not by the
+        // raw series count, or a high-overlap cluster renders far too thin.
+        overlap = chartData.barOverlap ?? 0, overlapSpan = 1 + (seriesCount - 1) * (1 - overlap / 100), singleBarHeight = chartData.barGapWidth !== undefined
+            ? band / ((1 + Math.max(chartData.barGapWidth, 0) / 100) * overlapSpan)
+            : (band * 0.7) / seriesCount, step = singleBarHeight * (1 - overlap / 100), clusterHeight = singleBarHeight + step * (seriesCount - 1), groupOffset = (band - clusterHeight) / 2;
         for (let ci = 0; ci < catCount; ci++) {
             for (let si = 0; si < series.length; si++) {
                 const val = series[si].values[ci] ?? 0, y = layout.plotTop + band * ci + groupOffset + step * si, valX = valueToX(val, range, layout.plotLeft, layout.plotRight), x = Math.min(zeroX, valX), w = Math.max(Math.abs(valX - zeroX), 1);
@@ -19789,11 +20210,11 @@ function computeTrendlinePrimitives(chartData, catCount, layout, range, mode = '
  * @module chart-overlays
  */
 
-function stackedRange(chartData, catCount, isPercent) {
+function stackedRange(chartData, catCount, isPercent, plotHeightPx) {
     if (isPercent) {
         return { min: 0, max: 100, span: 100 };
     }
-    return computeStackedValueRange(chartData.series, catCount);
+    return computeStackedValueRange(chartData.series, catCount, plotHeightPx);
 }
 /**
  * Build the enriched cartesian view-model for bar / line / area / scatter /
@@ -19844,13 +20265,13 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const primaryRange = isStacked
         ? {
-            ...stackedRange(chartData, catCount, isPercent),
+            ...stackedRange(chartData, catCount, isPercent, layout.plotHeight),
             ...(primaryAxis?.orientation === 'maxMin' ? { reverseOrder: true } : {}),
         }
-        : computeValueRangeForChart(primaryPlotSeries.length > 0 ? primaryPlotSeries : chartData.series, chartData.axes);
+        : computeValueRangeForChart(primaryPlotSeries.length > 0 ? primaryPlotSeries : chartData.series, chartData.axes, layout.plotHeight);
     // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const secondaryRange = useSecondary && secondaryPlotSeries.length > 0
-        ? computeValueRangeForAxis(secondaryPlotSeries, chartData.axes?.find((axis) => axis.axisType === 'valAx' && axis.axPos === 'r'))
+        ? computeValueRangeForAxis(secondaryPlotSeries, chartData.axes?.find((axis) => axis.axisType === 'valAx' && axis.axPos === 'r'), layout.plotHeight)
         : undefined;
     // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const axisRes = buildCartesianAxes(chartData, layout, primaryRange, secondaryRange, catCount);
@@ -19863,7 +20284,7 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const legendPos = chartData.style?.legendPosition ?? 'b';
     // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
-    const { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop);
+    const { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop, resolveLegendSwatchKind(kind));
     let plot;
     if (kind === 'bar') {
         plot = buildBars(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, isStacked ? (isPercent ? 'percentStacked' : 'stacked') : 'clustered', sourceIndices);
@@ -20075,9 +20496,9 @@ function buildComboViewModel(element, chartData, categoryLabels) {
     const primaryAxisId = getPrimaryValueAxisId(chartData.axes);
     const primaryAxis = chartData.axes?.find((axis) => axis.axisId === primaryAxisId);
     const secondaryAxisFormatting = getSecondaryValueAxis(chartData.axes);
-    const primaryRange = computeValueRangeForAxis(primarySeries, primaryAxis);
+    const primaryRange = computeValueRangeForAxis(primarySeries, primaryAxis, layout.plotHeight);
     const secondaryRange = secondary.length > 0
-        ? computeValueRangeForAxis(secondary.map((entry) => entry.series), secondaryAxisFormatting)
+        ? computeValueRangeForAxis(secondary.map((entry) => entry.series), secondaryAxisFormatting, layout.plotHeight)
         : undefined;
     const primaryCategoryAxis = chartData.axes?.find((axis) => (axis.axisType === 'catAx' || axis.axisType === 'dateAx') &&
         axis.axisId === primaryAxis?.crossAxisId);
@@ -20096,7 +20517,11 @@ function buildComboViewModel(element, chartData, categoryLabels) {
     const horizontalAxis = buildCartesianHorizontalAxis(chartData, categoryLabels, layout, 'combo', primaryRange, secondaryRange);
     const sourceIndices = horizontalAxis.sourceIndices;
     const legendPos = chartData.style?.legendPosition ?? 'b';
-    const { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop);
+    // The combo layout below is fixed: series 0 is the bar, every other series
+    // is a line (see `barSeries`/`lineSeries` just below), so the legend swatch
+    // follows the same split (bar -> rect, line -> line+marker sample).
+    const comboSwatchKinds = chartData.series.map((_s, i) => i === 0 ? 'rect' : 'line');
+    const { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop, comboSwatchKinds);
     const primitives = [];
     const dataLabels = [];
     // Drop / hi-low / up-down helper lines, drawn behind the combo marks.
@@ -20232,7 +20657,7 @@ function buildStockViewModel(element, chartData, categoryLabels) {
     // Through `computeValueRangeForChart`, not the bare linear helper: a stock
     // chart is as entitled to a log or display-unit value axis as any other
     // cartesian kind, and the bare helper silently ignores `c:scaling`.
-    const range = computeValueRangeForChart(chartData.series, chartData.axes);
+    const range = computeValueRangeForChart(chartData.series, chartData.axes, layout.plotHeight);
     const valueAxis = chartData.axes?.find((axis) => axis.axisType === 'valAx' && axis.axPos !== 'r');
     const categoryAxis = chartData.axes?.find((axis) => (axis.axisType === 'catAx' || axis.axisType === 'dateAx') &&
         axis.axisId === valueAxis?.crossAxisId);
@@ -21053,22 +21478,26 @@ function buildSunburstViewModel(element, chartData, categoryLabels) {
 }
 
 /**
- * Filter deleted entries and attach per-entry text-style overrides.
- * Returns the input array unchanged (same reference) when there is nothing to
- * apply, so callers with no `c:legendEntry` overrides pay no extra cost.
+ * Filter deleted entries and attach per-entry text-style overrides, falling
+ * back to the chart-level legend default (`PptxChartStyle.legendTextStyle`,
+ * itself `c:legend/c:txPr` or `c:chartSpace/c:txPr`) for any entry that has no
+ * `c:legendEntry/c:txPr` override of its own. Returns the input array
+ * unchanged (same reference) when there is nothing to apply, so a chart with
+ * neither kind of override pays no extra cost.
  */
-function applyLegendEntryOverrides(legend, entries) {
-    if (!entries || entries.length === 0) {
+function applyLegendEntryOverrides(legend, entries, defaultTextStyle) {
+    if ((!entries || entries.length === 0) && !defaultTextStyle) {
         return legend;
     }
-    const byIndex = new Map(entries.map((entry) => [entry.index, entry]));
+    const byIndex = new Map((entries ?? []).map((entry) => [entry.index, entry]));
     const result = [];
     legend.forEach((item, index) => {
         const override = byIndex.get(index);
         if (override?.deleted) {
             return;
         }
-        result.push(override?.textStyle ? { ...item, textStyle: override.textStyle } : item);
+        const textStyle = override?.textStyle ?? defaultTextStyle;
+        result.push(textStyle ? { ...item, textStyle } : item);
     });
     return result;
 }
@@ -21467,7 +21896,7 @@ function buildSurfaceWallPanels(cols, rows, cellSize, zScale, offsetX, offsetY,
  */
 function buildIsometricSurfaceViewModel(element, chartData, categoryLabels) {
     const layout = computePlotLayout(element.width, element.height, chartData, false);
-    const range = computeValueRange(chartData.series);
+    const range = computeValueRange(chartData.series, layout.plotHeight);
     const catCount = Math.max(categoryLabels.length, 1);
     const seriesCount = chartData.series.length;
     // Grid cell count (vertices = cells + 1 in each dimension).
@@ -21613,7 +22042,7 @@ function buildIsometricSurfaceViewModel(element, chartData, categoryLabels) {
  */
 function buildFlatSurfaceViewModel(element, chartData, categoryLabels) {
     const layout = computePlotLayout(element.width, element.height, chartData, false);
-    const range = computeValueRange(chartData.series);
+    const range = computeValueRange(chartData.series, layout.plotHeight);
     const catCount = Math.max(categoryLabels.length, 1);
     const seriesCount = chartData.series.length;
     const cellW = layout.plotWidth / Math.max(catCount - 1, 1);
@@ -22712,9 +23141,12 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
 }
 
 /**
- * chart-view-model-layout.ts: plot-area layout and chart chrome (gridlines,
- * axis / category labels, legend placement) of the chart engine. Split out of
- * `chart-view-model.ts`, which re-exports everything here.
+ * chart-view-model-layout.ts: plot-area layout math for the chart engine
+ * (the plot inset, legend/title/data-table/secondary-axis reservations, and
+ * `c:plotArea/c:layout/c:manualLayout` overrides). Chart chrome (gridlines,
+ * axis / category labels) lives in `chart-view-model-chrome.ts`; legend
+ * building lives in `chart-legend-build.ts`. All three are re-exported by
+ * `chart-view-model.ts`.
  *
  * @module chart-view-model-layout
  */
@@ -22753,6 +23185,16 @@ function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, opti
     // a 475x174 frame got a 475x180 viewBox, squeezing y by 0.967).
     const svgWidth = Math.max(1, elementWidth), svgHeight = Math.max(1, elementHeight);
     let plotLeft = hasAxes ? 48 : 8, plotTop = 8, plotRight = svgWidth - 8, plotBottom = svgHeight - (hasAxes ? categoryAxisBand(chartData) : 8);
+    // `c:catAx/c:axPos val="t"` on the PRIMARY (and, in the common case, only)
+    // category axis: PowerPoint draws that axis's tick labels above the plot,
+    // not below it. Reserving the label band at the bottom regardless of
+    // `axPos` (the historical behaviour here) leaves no room at the top, so the
+    // labels get drawn outside the chart's own SVG bounds and clip against its
+    // edge. Move the reservation to match where the labels actually land.
+    if (hasAxes && options?.categoryAxisAtTop) {
+        plotBottom = svgHeight - 8;
+        plotTop += categoryAxisBand(chartData);
+    }
     const style = chartData.style, legendPos = style?.legendPosition ?? 'b';
     if (style?.hasTitle) {
         plotTop += 20;
@@ -22808,121 +23250,6 @@ function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, opti
         plotHeight,
     };
 }
-// ─────────────────────────────────────────────────────────────────────────────
-// Chrome helpers
-// ─────────────────────────────────────────────────────────────────────────────
-const GRIDLINE_COLOR$1 = '#e2e8f0';
-const AXIS_LABEL_COLOR = '#64748b';
-const ZERO_LINE_COLOR = '#94a3b8';
-const TICK_COUNT$1 = 5;
-/**
- * Tick values for a range: one per major unit when the automatic scale supplied
- * one (it snapped the bounds to whole multiples, so this lands on round numbers
- * exactly as PowerPoint does), otherwise an even division of the span.
- * Exported for the transposed (horizontal-bar) axis builder.
- */
-function axisTickValues(range) {
-    const unit = range.majorUnit;
-    if (unit !== undefined && Number.isFinite(unit) && unit > 0 && !range.logScale) {
-        const steps = Math.round((range.max - range.min) / unit);
-        if (steps >= 1 && steps <= 100) {
-            return Array.from({ length: steps + 1 }, (_unused, index) => range.min + unit * index);
-        }
-    }
-    return Array.from({ length: TICK_COUNT$1 + 1 }, (_unused, index) => range.min + (range.span / TICK_COUNT$1) * index);
-}
-function buildGridlinesAndLabels(range, layout, 
-/**
- * `false` keeps the tick labels but draws no gridlines: a value axis whose
- * `c:majorGridlines` is absent (see `shouldRenderMajorGridlines`).
- */
-showMajorGridlines = true) {
-    const gridlines = [], axisLabels = [];
-    for (const val of axisTickValues(range)) {
-        const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
-        if (showMajorGridlines) {
-            gridlines.push({
-                kind: 'line',
-                x1: layout.plotLeft,
-                y1: y,
-                x2: layout.plotRight,
-                y2: y,
-                stroke: GRIDLINE_COLOR$1,
-                strokeWidth: 1,
-            });
-        }
-        axisLabels.push({
-            kind: 'text',
-            x: layout.plotLeft - 4,
-            y,
-            text: formatAxisValue(val),
-            fontSize: DEFAULT_CHART_TEXT_PX,
-            fill: AXIS_LABEL_COLOR,
-            textAnchor: 'end',
-            dominantBaseline: 'central',
-        });
-    }
-    return { gridlines, axisLabels };
-}
-function buildZeroLine(range, layout) {
-    if (range.min >= 0 || range.max <= 0) {
-        return undefined;
-    }
-    const y = valueToY(0, range, layout.plotTop, layout.plotBottom);
-    return {
-        kind: 'line',
-        x1: layout.plotLeft,
-        y1: y,
-        x2: layout.plotRight,
-        y2: y,
-        stroke: ZERO_LINE_COLOR,
-        strokeWidth: 1,
-    };
-}
-function buildCategoryLabels(categoryLabels, layout, catSpacing) {
-    const catCount = Math.max(categoryLabels.length, 1);
-    return categoryLabels.map((label, i) => {
-        const x = catSpacing === 'bar'
-            ? layout.plotLeft + (layout.plotWidth / catCount) * (i + 0.5)
-            : catCount > 1
-                ? layout.plotLeft + (layout.plotWidth / (catCount - 1)) * i
-                : layout.plotLeft + layout.plotWidth / 2;
-        return {
-            kind: 'text',
-            x,
-            y: layout.plotBottom + 12,
-            text: label,
-            fontSize: DEFAULT_CHART_TEXT_PX,
-            fill: AXIS_LABEL_COLOR,
-            textAnchor: 'middle',
-        };
-    });
-}
-function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotTop) {
-    const legend = series.map((s, i) => ({
-        color: seriesColor(s, i, colorPalette),
-        label: s.name,
-    }));
-    let legendX = svgWidth / 2, legendY = svgHeight - 8, legendAnchor = 'middle';
-    // `tr` shares `'r'`'s coordinates (a right-aligned column starting at
-    // plotTop): that is already "top-right corner"; it just does not reserve
-    // plot-area space the way a reserved `'r'` legend does (see computePlotLayout).
-    const side = resolveLegendPlacement(legendPos).side;
-    if (side === 'r') {
-        legendX = svgWidth - 75;
-        legendY = plotTop;
-        legendAnchor = 'start';
-    }
-    else if (side === 'l') {
-        legendX = 4;
-        legendY = plotTop;
-        legendAnchor = 'start';
-    }
-    else if (side === 't') {
-        legendY = 28;
-    }
-    return { legend, legendX, legendY, legendAnchor };
-}
 
 /**
  * chart-view-model-radar.ts: the radar / spider view-model builder. Split out
@@ -23924,14 +24251,20 @@ function buildWaterfallSteps(values, options) {
     }
     return steps;
 }
-/** Compute a value range containing every cumulative and absolute bar endpoint. */
-function computeWaterfallRange(steps) {
+/**
+ * Compute a value range containing every cumulative and absolute bar endpoint.
+ *
+ * @param plotHeightPx The chart's plot-area height, when known; see
+ *   `axisTargetIntervals`'s doc comment for why this changes the automatic
+ *   scale's gridline count.
+ */
+function computeWaterfallRange(steps, plotHeightPx) {
     return computeValueRange([
         {
             name: 'Waterfall range',
             values: steps.flatMap((step) => [step.startValue, step.endValue]),
         },
-    ]);
+    ], plotHeightPx);
 }
 
 /**
@@ -23974,7 +24307,7 @@ function buildWaterfallViewModel(element, chartData, categoryLabels) {
     const series = chartData.series[0];
     const values = series?.values ?? [];
     const steps = buildWaterfallSteps(values, series?.waterfallOptions);
-    const range = computeWaterfallRange(steps);
+    const range = computeWaterfallRange(steps, layout.plotHeight);
     const catCount = Math.max(categoryLabels.length, values.length, 1);
     const barWidth = (layout.plotWidth / catCount) * 0.6;
     const gap = (layout.plotWidth / catCount) * 0.2;
@@ -24173,7 +24506,7 @@ function withDataPointPictureFills(vm, chartData, elementId) {
  * `chart-legend-entries.ts`.
  */
 function withLegendEntries(vm, chartData) {
-    const legend = applyLegendEntryOverrides(vm.legend, chartData.style?.legendEntries);
+    const legend = applyLegendEntryOverrides(vm.legend, chartData.style?.legendEntries, chartData.style?.legendTextStyle);
     return legend === vm.legend ? vm : { ...vm, legend };
 }
 /**
@@ -24258,6 +24591,107 @@ function buildFlatViewModel(element, chartData, categoryLabels, kind) {
     return buildCartesianViewModel(element, chartData, categoryLabels, kind);
 }
 
+/**
+ * chart-view-model-chrome.ts: chart chrome (value-axis gridlines/labels, zero
+ * line, category labels) shared by the cartesian chart kinds. Split out of
+ * `chart-view-model-layout.ts` to keep that module's plot layout math under
+ * the repo's 300-LOC file guideline; re-exported by `chart-view-model.ts`.
+ * Legend building (`buildLegend`) lives in `chart-legend-build.ts`, not here.
+ *
+ * @module chart-view-model-chrome
+ */
+/* eslint-disable one-var -- this module predates the rule and combining every
+   sibling `const`/`let` in a function into one comma-list (oxlint's own
+   `--fix` cannot do this safely once a non-declaration statement sits between
+   them) would churn geometry code far beyond this change's scope. */
+const GRIDLINE_COLOR$1 = '#e2e8f0';
+const AXIS_LABEL_COLOR = '#64748b';
+const ZERO_LINE_COLOR = '#94a3b8';
+const TICK_COUNT$1 = 5;
+/**
+ * Tick values for a range: one per major unit when the automatic scale supplied
+ * one (it snapped the bounds to whole multiples, so this lands on round numbers
+ * exactly as PowerPoint does), otherwise an even division of the span.
+ * Exported for the transposed (horizontal-bar) axis builder.
+ */
+function axisTickValues(range) {
+    const unit = range.majorUnit;
+    if (unit !== undefined && Number.isFinite(unit) && unit > 0 && !range.logScale) {
+        const steps = Math.round((range.max - range.min) / unit);
+        if (steps >= 1 && steps <= 100) {
+            return Array.from({ length: steps + 1 }, (_unused, index) => range.min + unit * index);
+        }
+    }
+    return Array.from({ length: TICK_COUNT$1 + 1 }, (_unused, index) => range.min + (range.span / TICK_COUNT$1) * index);
+}
+function buildGridlinesAndLabels(range, layout, 
+/**
+ * `false` keeps the tick labels but draws no gridlines: a value axis whose
+ * `c:majorGridlines` is absent (see `shouldRenderMajorGridlines`).
+ */
+showMajorGridlines = true) {
+    const gridlines = [], axisLabels = [];
+    for (const val of axisTickValues(range)) {
+        const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
+        if (showMajorGridlines) {
+            gridlines.push({
+                kind: 'line',
+                x1: layout.plotLeft,
+                y1: y,
+                x2: layout.plotRight,
+                y2: y,
+                stroke: GRIDLINE_COLOR$1,
+                strokeWidth: 1,
+            });
+        }
+        axisLabels.push({
+            kind: 'text',
+            x: layout.plotLeft - 4,
+            y,
+            text: formatAxisValue(val),
+            fontSize: DEFAULT_CHART_TEXT_PX,
+            fill: AXIS_LABEL_COLOR,
+            textAnchor: 'end',
+            dominantBaseline: 'central',
+        });
+    }
+    return { gridlines, axisLabels };
+}
+function buildZeroLine(range, layout) {
+    if (range.min >= 0 || range.max <= 0) {
+        return undefined;
+    }
+    const y = valueToY(0, range, layout.plotTop, layout.plotBottom);
+    return {
+        kind: 'line',
+        x1: layout.plotLeft,
+        y1: y,
+        x2: layout.plotRight,
+        y2: y,
+        stroke: ZERO_LINE_COLOR,
+        strokeWidth: 1,
+    };
+}
+function buildCategoryLabels(categoryLabels, layout, catSpacing) {
+    const catCount = Math.max(categoryLabels.length, 1);
+    return categoryLabels.map((label, i) => {
+        const x = catSpacing === 'bar'
+            ? layout.plotLeft + (layout.plotWidth / catCount) * (i + 0.5)
+            : catCount > 1
+                ? layout.plotLeft + (layout.plotWidth / (catCount - 1)) * i
+                : layout.plotLeft + layout.plotWidth / 2;
+        return {
+            kind: 'text',
+            x,
+            y: layout.plotBottom + 12,
+            text: label,
+            fontSize: DEFAULT_CHART_TEXT_PX,
+            fill: AXIS_LABEL_COLOR,
+            textAnchor: 'middle',
+        };
+    });
+}
+
 /**
  * chart-view-model-types.ts: the framework-neutral descriptor types of the
  * chart engine (plot layout, interactive part refs, SVG primitives, legend
@@ -24309,7 +24743,9 @@ function buildFlatViewModel(element, chartData, categoryLabels, kind) {
  *
  *   chart-view-model-types    descriptor types (primitives, view-model, layout)
  *   chart-view-model-scale    palette, value ranges, axis value formatting
- *   chart-view-model-layout   plot layout, gridlines, labels, legend placement
+ *   chart-view-model-layout   plot layout math (inset + reservations)
+ *   chart-view-model-chrome   gridlines, axis/category labels
+ *   chart-legend-build        legend entries (colour/line swatch) + anchor position
  *   chart-view-model-bars     bar / column rects, line points
  *   chart-view-model-points   pie, scatter, bubble, radar geometry
  *   chart-view-model-kinds    supported kinds + preserveAspectRatio
@@ -25487,27 +25923,36 @@ function setChartCellValue(data, seriesIndex, categoryIndex, raw) {
  * Hide a currently-visible series (PowerPoint's Chart Filters "uncheck a
  * series"): moves it out of {@link PptxChartData.series} into
  * {@link PptxChartData.filteredSeries}, keeping its data and identity. The
- * chart must keep at least one visible series. `idx`/`order` on the new
- * filtered entry take the series' position among ALL series (visible and
- * already-filtered combined), matching how PowerPoint numbers them.
+ * chart must keep at least one visible series.
+ *
+ * The new filtered entry's `idx`/`order` reuse the series' OWN `c:idx` when
+ * it has one (every real OOXML `c:ser` does): this value is what
+ * {@link restoreFilteredSeries} and the Chart Filters popover
+ * (`chart-quick-actions.ts`'s `buildFilters`) key a series' position on, so a
+ * chart with non-sequential idx values (a filtered series in the original
+ * file, or one authored idx 1/2 rather than 0/1, both real-world cases)
+ * keeps its true identity instead of being renumbered to "the smallest idx
+ * not yet taken," which used to reorder the Chart Filters list and lose a
+ * restored series' original position. Only a source series with no idx at
+ * all (a synthetic/malformed chart) falls back to that smallest-free-slot
+ * scheme, to guarantee every idx in the combined visible+filtered set stays
+ * distinct.
  */
 function hideChartSeries(data, seriesIndex) {
     if (data.series.length <= 1 || seriesIndex < 0 || seriesIndex >= data.series.length) {
         return null;
     }
     const series = data.series[seriesIndex];
-    // The smallest idx not already used by another VISIBLE series or an
-    // already-filtered one. With nothing else filtered this is just
-    // `seriesIndex` itself (PowerPoint numbers idx/order 0..N-1 across visible
-    // and filtered series together); a prior filtered series can force a
-    // higher one, keeping every idx distinct.
-    const takenIndices = new Set([
-        ...data.series.map((_, i) => i).filter((i) => i !== seriesIndex),
-        ...(data.filteredSeries ?? []).map((f) => f.idx),
-    ]);
-    let idx = 0;
-    while (takenIndices.has(idx)) {
-        idx++;
+    let idx = series.idx;
+    if (idx === undefined) {
+        const taken = new Set([
+            ...data.series.map((_, i) => i).filter((i) => i !== seriesIndex),
+            ...(data.filteredSeries ?? []).map((f) => f.idx),
+        ]);
+        idx = 0;
+        while (taken.has(idx)) {
+            idx++;
+        }
     }
     const filteredEntry = {
         idx,
@@ -25516,6 +25961,11 @@ function hideChartSeries(data, seriesIndex) {
         categories: data.categories,
         values: series.values,
         ...(series.uniqueId ? { uniqueId: series.uniqueId } : {}),
+        // Full snapshot so restoreFilteredSeries can bring back everything
+        // (fill/line formatting, marker, data labels, ...), not just name and
+        // values: this used to silently reset a series with a picture fill
+        // or any other non-default formatting to plain defaults on restore.
+        originalSeries: series,
     };
     return {
         ...data,
@@ -25526,11 +25976,15 @@ function hideChartSeries(data, seriesIndex) {
 /**
  * Restore a series PowerPoint's Chart Filters hid (the reverse of
  * {@link hideChartSeries}): moves it from {@link PptxChartData.filteredSeries}
- * back into {@link PptxChartData.series}. When the filtered entry itself
- * carries no cached name (PowerPoint auto-generated one, e.g. "Series 3"),
- * falls back to {@link PptxChartData.filteredSeriesTitle}; when it carries no
- * cached categories, falls back to {@link PptxChartData.filteredCategoryTitle}
- * or the chart's current categories.
+ * back into {@link PptxChartData.series}, reinserted at the position its
+ * `idx` puts it among the currently-visible series (not always appended
+ * last, which used to leave a restored series permanently reordered to the
+ * end of the chart, its legend, and its plot/stacking order). When the
+ * filtered entry itself carries no cached name (PowerPoint auto-generated
+ * one, e.g. "Series 3"), falls back to {@link PptxChartData.filteredSeriesTitle};
+ * when it carries no cached categories, falls back to
+ * {@link PptxChartData.filteredCategoryTitle} or the chart's current
+ * categories.
  */
 function restoreFilteredSeries(data, filteredIndex) {
     const filtered = data.filteredSeries?.[filteredIndex];
@@ -25542,15 +25996,33 @@ function restoreFilteredSeries(data, filteredIndex) {
     const values = filtered.values ??
         (filtered.categories ?? data.filteredCategoryTitle)?.map(() => 0) ??
         categories.map(() => 0);
-    const restored = {
-        name,
-        values,
-        ...(filtered.uniqueId ? { uniqueId: filtered.uniqueId } : {}),
-    };
+    // A series hidden by hideChartSeries this session carries a full
+    // originalSeries snapshot: use it as-is (fill/line formatting, marker,
+    // data labels, everything) rather than the bare name/values reconstruction
+    // below, which used to reset a series with a picture fill or any other
+    // non-default formatting to plain defaults on restore. A filtered series
+    // that came from parsing the file (already hidden when opened) has no
+    // snapshot to draw on, since the parser only reads name/cat/val/uniqueId
+    // off the real c15:ser node; that case keeps the bare reconstruction.
+    const restored = filtered.originalSeries
+        ? { ...filtered.originalSeries, idx: filtered.idx }
+        : {
+            name,
+            values,
+            idx: filtered.idx,
+            ...(filtered.uniqueId ? { uniqueId: filtered.uniqueId } : {}),
+        };
+    // The first currently-visible series whose own idx sorts after the
+    // restored one; splicing in there reproduces its original relative
+    // position. A series with no idx info at all falls back to its array
+    // position, matching hideChartSeries's own fallback.
+    const insertAt = data.series.findIndex((s, i) => (s.idx ?? i) > filtered.idx);
+    const nextSeries = [...data.series];
+    nextSeries.splice(insertAt === -1 ? nextSeries.length : insertAt, 0, restored);
     const remainingFiltered = (data.filteredSeries ?? []).filter((_, i) => i !== filteredIndex);
     return {
         ...data,
-        series: [...data.series, restored],
+        series: nextSeries,
         ...(remainingFiltered.length > 0
             ? { filteredSeries: remainingFiltered }
             : { filteredSeries: undefined }),
@@ -25581,6 +26053,248 @@ function setDataLabelsRangeCache(series, pointIndex, text) {
     };
 }
 
+/** The curated preset list: (id, label key, source `c:style/@val`). */
+const CHART_STYLE_PRESETS = [
+    { id: 'colorful', labelKey: 'pptx.chart.styleColorful', styleId: 2 },
+    { id: 'monochrome', labelKey: 'pptx.chart.styleMonochrome', styleId: 10 },
+    { id: 'colorfulLight', labelKey: 'pptx.chart.styleColorfulLight', styleId: 18 },
+    { id: 'colorfulDark', labelKey: 'pptx.chart.styleColorfulDark', styleId: 26 },
+    { id: 'mutedDark', labelKey: 'pptx.chart.styleMutedDark', styleId: 34 },
+    { id: 'pastel', labelKey: 'pptx.chart.stylePastel', styleId: 42 },
+];
+function paletteEquals(a, b) {
+    if (!b || a.length !== b.length) {
+        return false;
+    }
+    return a.every((c, i) => c.toLowerCase() === b[i]?.toLowerCase());
+}
+/** Resolve the id -> styleId map entry, or `undefined` for an unknown id. */
+function findPreset(id) {
+    return CHART_STYLE_PRESETS.find((p) => p.id === id);
+}
+/**
+ * Build the "Chart Styles" gallery descriptor for the currently-selected
+ * chart: every preset's resolved colours plus whether it is the one
+ * currently applied (its resolved palette matches `chartData.colorPalette`).
+ */
+function buildChartStylePresets(chartData) {
+    return CHART_STYLE_PRESETS.map(({ id, labelKey, styleId }) => {
+        const colors = getChartStylePalette(styleId);
+        return {
+            id,
+            labelKey,
+            colors,
+            applied: paletteEquals(colors, chartData.colorPalette),
+        };
+    });
+}
+/** Drop a data point's own fill override, keeping every other field. */
+function clearDataPointFill(point) {
+    const { spPr, marker, ...rest } = point;
+    const nextSpPr = spPr && { ...spPr, fillColor: undefined };
+    const nextMarker = marker?.spPr && {
+        ...marker,
+        spPr: { ...marker.spPr, fillColor: undefined },
+    };
+    return { ...rest, ...(spPr && { spPr: nextSpPr }), ...(nextMarker && { marker: nextMarker }) };
+}
+/** Drop a series' own colour overrides (and its points'), keeping shape/symbol/size. */
+function clearSeriesColor(series) {
+    const { color: _color, marker, dataPoints, ...rest } = series;
+    const nextMarker = marker?.spPr && { ...marker, spPr: { ...marker.spPr, fillColor: undefined } };
+    return {
+        ...rest,
+        ...(marker && { marker: nextMarker ?? marker }),
+        ...(dataPoints && { dataPoints: dataPoints.map(clearDataPointFill) }),
+    };
+}
+/**
+ * Apply a "Chart Styles" preset by id: resolves its palette via
+ * `getChartStylePalette`, writes it onto `colorPalette` (also mirroring
+ * `style.styleId`), and clears every series'/data-point's own explicit fill
+ * so the new palette is not immediately shadowed by pre-existing colours
+ * (see this module's header). Returns `null` for an unknown preset id so a
+ * caller can no-op instead of silently clearing the chart's palette.
+ */
+function applyChartStylePreset(chartData, presetId) {
+    const preset = findPreset(presetId);
+    if (!preset) {
+        return null;
+    }
+    const colors = [...getChartStylePalette(preset.styleId)];
+    return {
+        ...chartData,
+        colorPalette: colors,
+        style: { ...chartData.style, styleId: preset.styleId },
+        series: chartData.series.map(clearSeriesColor),
+    };
+}
+
+const AXIS_TYPES_WITH_TITLES = [
+    'catAx',
+    'valAx',
+    'dateAx',
+];
+/** Default axis title text PowerPoint inserts when a title is turned on with none set. */
+const DEFAULT_AXIS_TITLE_TEXT = 'Axis Title';
+/**
+ * Set/clear `deleted` on every category/value/date axis (PowerPoint's "Axes"
+ * checklist item hides the whole axis, not just its gridlines/title).
+ */
+function chartAxesVisibilityPatch(chartData, show) {
+    const axes = (chartData.axes ?? []).map((axis) => AXIS_TYPES_WITH_TITLES.includes(axis.axisType) ? { ...axis, deleted: !show } : axis);
+    return { axes };
+}
+/** Whether at least one axis is currently visible (not `deleted`). */
+function chartAxesVisibilityState(chartData) {
+    const relevant = (chartData.axes ?? []).filter((axis) => AXIS_TYPES_WITH_TITLES.includes(axis.axisType));
+    return relevant.length === 0 || relevant.some((axis) => !axis.deleted);
+}
+/**
+ * Set/clear `titleText` on every category/value axis. Turning off blanks the
+ * text (PowerPoint's own "None" removes the title box entirely, which this
+ * codebase models as absent/empty `titleText`, see `chart-axis-render.ts`);
+ * turning on with no existing text fills in the same placeholder PowerPoint
+ * inserts ("Axis Title").
+ */
+function chartAxisTitlesPatch(chartData, show) {
+    const axes = (chartData.axes ?? []).map((axis) => {
+        if (!AXIS_TYPES_WITH_TITLES.includes(axis.axisType)) {
+            return axis;
+        }
+        if (!show) {
+            return { ...axis, titleText: undefined };
+        }
+        return { ...axis, titleText: axis.titleText || DEFAULT_AXIS_TITLE_TEXT };
+    });
+    return { axes };
+}
+/** Whether at least one axis currently shows a non-empty title. */
+function chartAxisTitlesState(chartData) {
+    return (chartData.axes ?? []).some((axis) => AXIS_TYPES_WITH_TITLES.includes(axis.axisType) && Boolean(axis.titleText));
+}
+/**
+ * Apply one "Chart Elements" checklist toggle. The single entry point every
+ * binding's quick-action popover calls on click; see this module's header.
+ */
+function applyChartElementToggle(chartData, key, checked) {
+    switch (key) {
+        case 'title':
+            return patchChartData$1(chartData, { style: { ...chartData.style, hasTitle: checked } });
+        case 'legend':
+            return patchChartData$1(chartData, { style: { ...chartData.style, hasLegend: checked } });
+        case 'dataLabels':
+            return patchChartData$1(chartData, { style: { ...chartData.style, hasDataLabels: checked } });
+        case 'gridlines':
+            return patchChartData$1(chartData, chartGridlinesPatch(chartData, checked));
+        case 'axes':
+            return patchChartData$1(chartData, chartAxesVisibilityPatch(chartData, checked));
+        case 'axisTitles':
+            return patchChartData$1(chartData, chartAxisTitlesPatch(chartData, checked));
+        default:
+            return chartData;
+    }
+}
+
+/** Button edge length, in the same units as the caller's `selectionBox`. */
+const CHART_QUICK_ACTION_BUTTON_SIZE = 24;
+/** Gap between stacked buttons. */
+const BUTTON_GAP = 6;
+/** Gap between the chart's selection box and the button column, matching PowerPoint's offset. */
+const OUTSIDE_GAP = 8;
+const BUTTON_ORDER = [
+    { id: 'elements', labelKey: 'pptx.chart.quickElements' },
+    { id: 'styles', labelKey: 'pptx.chart.quickStyles' },
+    { id: 'filters', labelKey: 'pptx.chart.quickFilters' },
+];
+function buildButtons(selectionBox, showFilters) {
+    const x = selectionBox.x + selectionBox.width + OUTSIDE_GAP;
+    return BUTTON_ORDER.filter((entry) => entry.id !== 'filters' || showFilters).map((entry, i) => ({
+        ...entry,
+        x,
+        y: selectionBox.y + i * (CHART_QUICK_ACTION_BUTTON_SIZE + BUTTON_GAP),
+        size: CHART_QUICK_ACTION_BUTTON_SIZE,
+    }));
+}
+function buildElements(chartData) {
+    const items = [
+        { key: 'title', labelKey: 'pptx.chart.showTitle', checked: chartData.style?.hasTitle ?? false },
+        {
+            key: 'legend',
+            labelKey: 'pptx.chart.showLegend',
+            checked: chartData.style?.hasLegend ?? false,
+        },
+        {
+            key: 'gridlines',
+            labelKey: 'pptx.chart.showGridlines',
+            checked: chartGridlinesState(chartData),
+        },
+        {
+            key: 'dataLabels',
+            labelKey: 'pptx.chart.showDataLabels',
+            checked: chartData.style?.hasDataLabels ?? false,
+        },
+    ];
+    if (chartData.axes && chartData.axes.length > 0) {
+        items.push({
+            key: 'axes',
+            labelKey: 'pptx.chart.quickAxes',
+            checked: chartAxesVisibilityState(chartData),
+        });
+        items.push({
+            key: 'axisTitles',
+            labelKey: 'pptx.chart.quickAxisTitles',
+            checked: chartAxisTitlesState(chartData),
+        });
+    }
+    return items;
+}
+function buildFilters(chartData) {
+    const visibleSeries = chartData.series.map((series, index) => ({
+        key: `visible-${index}`,
+        name: series.name,
+        visible: true,
+        seriesIndex: index,
+        sortKey: series.idx ?? index,
+    }));
+    const filtered = (chartData.filteredSeries ?? []).map((entry, index) => ({
+        key: `filtered-${index}`,
+        name: entry.name ?? chartData.filteredSeriesTitle ?? `Series ${index + 1}`,
+        visible: false,
+        filteredIndex: index,
+        sortKey: entry.idx,
+    }));
+    // PowerPoint's Chart Filters list never reorders rows as they're (un)checked:
+    // every series keeps its original position, keyed by its persistent c:idx
+    // (falling back to array position for a chart with no idx info at all),
+    // not by which of the two underlying arrays (series/filteredSeries)
+    // currently holds it. Concatenating visible-then-filtered instead made a
+    // hidden series jump to the bottom of the list (reported as "unticking
+    // some of them changes the ordering").
+    const series = [...visibleSeries, ...filtered]
+        .sort((a, b) => a.sortKey - b.sortKey)
+        .map(({ sortKey: _sortKey, ...rest }) => rest);
+    return { visible: series.length > 1, series };
+}
+/**
+ * Build the quick-action descriptor for the currently-selected element.
+ * Returns `null` when the quick actions should not render (nothing selected,
+ * the selection is not a chart, or the chart has no data yet).
+ */
+function buildChartQuickActionsDescriptor(input) {
+    if (!input.isChartSelected || !input.chartData) {
+        return null;
+    }
+    const { chartData, selectionBox } = input;
+    const filters = buildFilters(chartData);
+    return {
+        buttons: buildButtons(selectionBox, filters.visible),
+        elements: buildElements(chartData),
+        filters,
+        styles: { presets: buildChartStylePresets(chartData) },
+    };
+}
+
 const TWO_PI = Math.PI * 2;
 /** Keep the dragged span strictly inside (0, 2*PI) so the share never hits 0 or 1. */
 const ANGLE_EPSILON = TWO_PI * 0.001;
@@ -25684,9 +26398,12 @@ function buildStackedDragGeometry(element, chartData, seriesIndex, pointIndex) {
     if (!draggedValues || pointIndex < 0 || pointIndex >= draggedValues.length) {
         return null;
     }
-    const percent = grouping === 'percentStacked', catCount = Math.max(chartData.categories.length, ...seriesValues.map((values) => values.length), pointIndex + 1), plots = computeStackedSeriesPlots(seriesValues, catCount, percent), baseValue = plots[seriesIndex]?.base[pointIndex] ?? 0, otherAbsSum = seriesValues.reduce((sum, values, si) => (si === seriesIndex ? sum : sum + Math.abs(values[pointIndex] ?? 0)), 0), range = percent
+    const percent = grouping === 'percentStacked', catCount = Math.max(chartData.categories.length, ...seriesValues.map((values) => values.length), pointIndex + 1), plots = computeStackedSeriesPlots(seriesValues, catCount, percent), baseValue = plots[seriesIndex]?.base[pointIndex] ?? 0, otherAbsSum = seriesValues.reduce((sum, values, si) => (si === seriesIndex ? sum : sum + Math.abs(values[pointIndex] ?? 0)), 0), layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, chartData.series.length), layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts), 
+    // Computed from the SAME `layout.plotHeight` `chart-cartesian.ts`'s
+    // `stackedRange` uses, so a drag never disagrees with what is on screen.
+    range = percent
         ? { min: 0, max: 100, span: 100 }
-        : computeStackedValueRange(chartData.series, catCount), layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, chartData.series.length), layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts);
+        : computeStackedValueRange(chartData.series, catCount, layout.plotHeight);
     return {
         range,
         plotTop: layout.plotTop,
@@ -48661,6 +49378,17 @@ const translationsEn = {
     'pptx.chart.chartFilters': 'Chart filters',
     'pptx.chart.hideSeries': 'Hide {{name}}',
     'pptx.chart.showSeries': 'Show {{name}}',
+    'pptx.chart.quickElements': 'Chart Elements',
+    'pptx.chart.quickStyles': 'Chart Styles',
+    'pptx.chart.quickFilters': 'Chart Filters',
+    'pptx.chart.quickAxes': 'Axes',
+    'pptx.chart.quickAxisTitles': 'Axis Titles',
+    'pptx.chart.styleColorful': 'Colorful',
+    'pptx.chart.styleMonochrome': 'Monochrome',
+    'pptx.chart.styleColorfulLight': 'Colorful Light',
+    'pptx.chart.styleColorfulDark': 'Colorful Dark',
+    'pptx.chart.styleMutedDark': 'Muted Dark',
+    'pptx.chart.stylePastel': 'Pastel',
     'pptx.chart.valueFromCells': 'Value from cells: {{name}}',
     'pptx.chart.removeCategory': 'Remove category',
     'pptx.chart.axes': 'Axes',
@@ -77006,7 +77734,9 @@ function buildSurfaceChart3DData(chartData, categoryLabels, options) {
     if (seriesCount === 0 || catCount === 0) {
         return null;
     }
-    const range = computeValueRange(chartData.series);
+    // See the matching comment in `bar-chart-3d-data.ts`: the element height
+    // stands in for a plot-area height this 3D scene doesn't separately compute.
+    const range = computeValueRange(chartData.series, options.height);
     const heightMap = new Float32Array(seriesCount * catCount);
     const colorMap = new Float32Array(seriesCount * catCount * 3);
     // Raw (un-normalised) values, kept alongside the [0,1] heightMap so the
@@ -78147,11 +78877,16 @@ function buildBarChart3DData(chartData, categoryLabels, options) {
     const isPercent = grouping === 'percentStacked';
     const horizontal = chartData.barDirection === 'bar';
     const points = buildPoints$1(chartData, cols, isPercent);
+    // No separate plot-area inset exists for the 3D scene the way the flat SVG
+    // engine's `computePlotLayout` reserves one, so the full element height
+    // stands in for it; see `axisTargetIntervals`'s doc comment for why this
+    // only makes the automatic scale saturate at its gridline cap slightly
+    // sooner; it does not change the "ordinary chart" result this was fixed for.
     const range = isPercent
         ? { min: 0, max: 100, span: 100 }
         : grouping === 'stacked'
-            ? computeStackedValueRange(chartData.series, cols)
-            : computeValueRange(chartData.series);
+            ? computeStackedValueRange(chartData.series, cols, options.height)
+            : computeValueRange(chartData.series, options.height);
     const depthPercent = chartData.view3D?.depthPercent;
     const boxes = layoutBarChart3D(points, cols, rows, range, grouping, depthPercent, horizontal);
     return {
@@ -78338,7 +79073,9 @@ function buildCartesianLine3DSceneData(chartData, categoryLabels, options) {
         return null;
     }
     const points = buildPoints(chartData, cols);
-    const range = computeValueRange(chartData.series);
+    // See the matching comment in `bar-chart-3d-data.ts`: the element height
+    // stands in for a plot-area height this 3D scene doesn't separately compute.
+    const range = computeValueRange(chartData.series, options.height);
     const depthPercent = chartData.view3D?.depthPercent;
     const series = layoutCartesianLine3DSeries(points, cols, rows, range, depthPercent);
     return {
@@ -103932,6 +104669,26 @@ function segmentFrameCount(durationMs, fps) {
     }
     return Math.max(1, Math.ceil(durationMs / (1000 / fps)));
 }
+/**
+ * Stop every track on a `canvas.captureStream()` `MediaStream`.
+ *
+ * `MediaRecorder.stop()` only stops the recorder; the underlying capture
+ * stream it was constructed from keeps its track live and compositing frames
+ * from the source canvas indefinitely otherwise. Every binding's `recordWebm`
+ * driver must call this once recording is done - on success, on a
+ * `MediaRecorder` error, and on `AbortSignal` cancellation alike - or each
+ * video export leaks one live capture track for the rest of the page's
+ * lifetime, degrading a session that exports more than once. Pass
+ * `recorder.stream` (every `MediaRecorder` exposes the stream it was built
+ * from) so callers need not keep a separate reference to the stream.
+ *
+ * @param stream - The `MediaStream` to stop, typically `recorder.stream`.
+ */
+function stopCaptureStream(stream) {
+    for (const track of stream.getTracks()) {
+        track.stop();
+    }
+}
 
 /**
  * CRC-32 (PNG's checksum, ISO 3309 / ITU-T V.42 polynomial 0xEDB88320) pure
@@ -106873,7 +107630,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-BKazjZCl.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-amzrYVHP.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -117545,6 +118302,457 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
             type: Injectable
         }] });
 
+// ─────────────────────────────────────────────────────────────────────────────
+// Direct part-editing gate
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * May this chart's individual parts (title, series, data points) be entered
+ * for direct on-canvas editing?
+ *
+ * Pure so it is unit-testable without a full Angular injection context:
+ * `ChartElementViewComponent`'s constructor runs an `effect()` that needs a
+ * `ChangeDetectionScheduler` this package's TestBed-free suite doesn't
+ * provide. G8: `a:graphicFrameLocks/@noDrilldown` forbids the drill-down,
+ * even when the chart is otherwise selected + editable.
+ */
+function chartCanEditParts(editable, isSelected, hasEditor, element) {
+    return editable && isSelected && hasEditor && canDrillDown(element);
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Value-drag commit gate
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * The chart data a finished drag should commit, or null when nothing should
+ * be committed (cancelled, or the press never became a drag).
+ */
+function chartDragCommitData(session, commit) {
+    if (!commit || !session?.moved) {
+        return null;
+    }
+    return session.lastData;
+}
+/**
+ * Same gate as {@link chartDragCommitData}, for a pie/radar/stacked mark drag
+ * ({@link ChartMarkDragState} carries the same `moved`/`lastData` shape as the
+ * cartesian value-drag session, just resolved through a different geometry).
+ */
+function chartMarkDragCommitData(session, commit) {
+    if (!commit || !session?.moved) {
+        return null;
+    }
+    return session.lastData;
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// 3D value-drag commit data (bar3D/line3D/area3D/pie3D/surface3D: no drag
+// state machine of their own, the shared three.js scene reports the
+// live/final value directly)
+// ─────────────────────────────────────────────────────────────────────────────
+/**
+ * The chart data a 3D scene's `onValueDragPreview`/`onValueDragCommit` should
+ * apply, or `null` when the part carries no point index (a series-level part,
+ * or a part shape the 3D scenes never actually emit for a value drag) or there
+ * is no chart data to update against.
+ *
+ * Pure so it is unit-testable without a WebGL context: `BarChart3DRendererComponent`
+ * / `LineChart3DRendererComponent` / `AreaChart3DRendererComponent` /
+ * `PieChart3DRendererComponent` / `SurfaceChart3DRendererComponent` forward
+ * their `valueDragPreview`/`valueDragCommit` outputs here via
+ * `ChartElementViewComponent`.
+ */
+function chart3DPointValueUpdate(chartData, part, value) {
+    if (!chartData || part.pointIndex === undefined) {
+        return null;
+    }
+    return withChartPointValue(chartData, part.seriesIndex, part.pointIndex, value);
+}
+/**
+ * Commit an on-canvas chart edit through the editor's normal element-update
+ * path (the exact channel the inspector uses: one history snapshot per call).
+ * No-op without an editor or when the element is not on any slide.
+ *
+ * `templateSlideId` is the id of the slide the hosting canvas renders (from
+ * `SLIDE_CONTEXT`); it resolves template (master/layout) chart elements, which
+ * live in the per-slide template store rather than in `slides[].elements`.
+ */
+function commitChartElementData(editor, elementId, chartData, templateSlideId) {
+    if (!editor) {
+        return;
+    }
+    const slideIndex = findOwningSlideIndex(editor.slides(), elementId, templateSlideId);
+    if (slideIndex < 0) {
+        return;
+    }
+    editor.updateElement(slideIndex, elementId, { chartData });
+}
+// ─────────────────────────────────────────────────────────────────────────────
+// Interaction stylesheet (shared base rules + Angular's own badge/editor CSS)
+// ─────────────────────────────────────────────────────────────────────────────
+const STYLE_ELEMENT_ID = 'pptx-ng-chart-interaction-styles';
+/**
+ * Angular-only interaction CSS, injected once into `document.head` alongside
+ * the shared `[data-chart-part]` / selected-mark rules from
+ * `ensureChartInteractionStyles` (`pptx-viewer-shared`). Component styles are
+ * view-encapsulated in Angular, so they cannot reach into the chart
+ * renderer's SVG or style the badge/title-input this component projects
+ * next to it.
+ */
+const INTERACTION_CSS = `
+.pptx-ng-chart-view { position: relative; width: 100%; height: 100%; }
+.pptx-ng-chart-drag-badge { position: absolute; top: 4px; right: 4px; z-index: 10; border-radius: 4px; background: rgba(37, 99, 235, 0.9); padding: 2px 6px; font-size: 10px; font-weight: 500; color: #fff; pointer-events: none; }
+.pptx-ng-chart-title-input { position: absolute; left: 50%; top: 2px; z-index: 10; width: 60%; transform: translateX(-50%); border: 1px solid #94a3b8; border-radius: 4px; background: #fff; padding: 2px 4px; text-align: center; font-size: 11px; color: #0f172a; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
+`;
+/**
+ * Inject the interaction stylesheets for chart part hit targets: the shared
+ * base rules (singleton, shared across all five bindings) plus Angular's own
+ * badge/title-input CSS (singleton, this binding only).
+ */
+function ensureChartInteractionStyles() {
+    ensureChartInteractionStyles$1();
+    if (typeof document === 'undefined' || document.getElementById(STYLE_ELEMENT_ID)) {
+        return;
+    }
+    const style = document.createElement('style');
+    style.id = STYLE_ELEMENT_ID;
+    style.textContent = INTERACTION_CSS;
+    document.head.appendChild(style);
+}
+
+/**
+ * chart-quick-actions-overlay.component.ts: PowerPoint's three floating
+ * quick-action icons ("Chart Elements" +, "Chart Styles" paintbrush, "Chart
+ * Filters" funnel) shown just outside a selected chart's top-right corner.
+ *
+ * Selector: `pptx-chart-quick-actions-overlay`
+ *
+ * Mounted inside `SlideCanvasComponent`'s template as a sibling of the
+ * resize/rotate/adjust handle blocks, inside the same scaled
+ * `.pptx-ng-canvas-stage`. Angular has no CSS inverse-scale variable (unlike
+ * React's `--pptx-handle-inverse-scale`): this component follows the SAME
+ * convention `selection-geometry.ts`'s `computeHandleBoxes`/
+ * `computeCornerHandle` already use, computing every screen-constant
+ * quantity (button size, gaps) as `screenPx / zoom` while leaving the
+ * element's own x/y/width/height in raw slide px.
+ *
+ * All decision-making (which buttons render, checklist/gallery/filter state)
+ * comes from the shared `buildChartQuickActionsDescriptor`; this component
+ * only renders three buttons plus whichever popover is open, and commits
+ * through `commitChartElementData` (the same on-canvas commit helper
+ * `ChartElementViewComponent` uses for mark-drag/inline-title edits), so
+ * undo/redo and the save round-trip are shared with every other on-canvas
+ * chart edit. See the shared module's header for scope notes (Series-only
+ * Chart Filters, no trendline/error-bar/up-down-bars rows).
+ *
+ * @module angular-viewer/chart-quick-actions-overlay
+ */
+class ChartQuickActionsOverlayComponent {
+    constructor() {
+        this.element = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+        this.canEdit = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        /** Effective stage zoom, so screen-constant sizes/gaps divide it out. */
+        this.zoom = input(1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
+        this.CHART_QUICK_ACTION_BUTTON_SIZE = CHART_QUICK_ACTION_BUTTON_SIZE;
+        this.editor = inject(EditorStateService, { optional: true });
+        this.slideContext = inject(SLIDE_CONTEXT, { optional: true });
+        this.hostRef = inject((ElementRef));
+        this.open = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+        /** The stage scale, guarded against 0. */
+        this.scale = computed(() => this.zoom() || 1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
+        /**
+         * The descriptor's geometry, computed against a SCREEN-space box (the
+         * element's box multiplied by the stage scale): every constant the shared
+         * function adds (gaps, button size) is then correctly screen-constant, and
+         * {@link screenPx} divides each resulting quantity back down to the slide
+         * px this component renders in, mirroring `selection-geometry.ts`'s
+         * `computeHandleBoxes`.
+         */
+        this.descriptor = computed(() => {
+            const el = this.element();
+            const scale = this.scale();
+            return buildChartQuickActionsDescriptor({
+                isChartSelected: true,
+                chartData: el.chartData,
+                selectionBox: {
+                    x: el.x * scale,
+                    y: el.y * scale,
+                    width: el.width * scale,
+                    height: el.height * scale,
+                },
+            });
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
+    }
+    /** Close whichever popover is open on an outside click, mirroring every other binding's overlay. */
+    onDocumentMouseDown(event) {
+        if (this.open() && !this.hostRef.nativeElement.contains(event.target)) {
+            this.open.set(null);
+        }
+    }
+    /** Convert a screen-space quantity (from {@link descriptor}) back to slide px. */
+    screenPx(value) {
+        return value / this.scale();
+    }
+    toggle(id) {
+        this.open.update((current) => (current === id ? null : id));
+    }
+    commit(chartData) {
+        commitChartElementData(this.editor, this.element().id, chartData, this.slideContext?.slideId() ?? null);
+    }
+    onElementToggle(key, event) {
+        const chartData = this.element().chartData;
+        if (!chartData) {
+            return;
+        }
+        const checked = event.target.checked;
+        this.commit(applyChartElementToggle(chartData, key, checked));
+    }
+    onStylePreset(presetId) {
+        const chartData = this.element().chartData;
+        if (!chartData) {
+            return;
+        }
+        const next = applyChartStylePreset(chartData, presetId);
+        if (next) {
+            this.commit(next);
+        }
+    }
+    onFilterToggle(seriesIndex, filteredIndex) {
+        const chartData = this.element().chartData;
+        if (!chartData) {
+            return;
+        }
+        const next = seriesIndex !== undefined
+            ? hideChartSeries(chartData, seriesIndex)
+            : restoreFilteredSeries(chartData, filteredIndex);
+        if (next) {
+            this.commit(next);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChartQuickActionsOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ChartQuickActionsOverlayComponent, isStandalone: true, selector: "pptx-chart-quick-actions-overlay", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-pptx-chart-quick-actions": "true", "data-export-ignore": "true" }, listeners: { "pointerdown": "$event.stopPropagation()", "document:mousedown": "onDocumentMouseDown($event)" } }, ngImport: i0, template: `
+		@if (descriptor(); as d) {
+			@for (button of d.buttons; track button.id) {
+				<button
+					type="button"
+					class="pptx-ng-chart-quick-btn"
+					[disabled]="!canEdit()"
+					[attr.data-testid]="'chart-quick-action-' + button.id"
+					[attr.aria-label]="button.labelKey | translate"
+					[title]="button.labelKey | translate"
+					[style.left.px]="screenPx(button.x)"
+					[style.top.px]="screenPx(button.y)"
+					[style.width.px]="screenPx(button.size)"
+					[style.height.px]="screenPx(button.size)"
+					(click)="toggle(button.id)"
+				>
+					@if (button.id === 'elements') {
+						<svg lucidePlus class="pptx-ng-chart-quick-icon"></svg>
+					} @else if (button.id === 'styles') {
+						<svg lucidePaintbrush class="pptx-ng-chart-quick-icon"></svg>
+					} @else {
+						<svg lucideFilter class="pptx-ng-chart-quick-icon"></svg>
+					}
+				</button>
+
+				@if (open() === button.id && button.id === 'elements') {
+					<div
+						class="pptx-ng-chart-quick-card"
+						data-testid="chart-quick-elements-popover"
+						[style.left.px]="screenPx(button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4)"
+						[style.top.px]="screenPx(button.y)"
+					>
+						<h4 class="pptx-ng-chart-quick-heading">
+							{{ 'pptx.chart.quickElements' | translate }}
+						</h4>
+						@for (item of d.elements; track item.key) {
+							<label class="pptx-ng-chart-quick-check">
+								<input
+									type="checkbox"
+									[disabled]="!canEdit()"
+									[checked]="item.checked"
+									[attr.data-testid]="'chart-quick-element-' + item.key"
+									(change)="onElementToggle(item.key, $event)"
+								/>
+								<span>{{ item.labelKey | translate }}</span>
+							</label>
+						}
+					</div>
+				}
+
+				@if (open() === button.id && button.id === 'styles') {
+					<div
+						class="pptx-ng-chart-quick-card pptx-ng-chart-quick-styles"
+						data-testid="chart-quick-styles-popover"
+						[style.left.px]="screenPx(button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4)"
+						[style.top.px]="screenPx(button.y)"
+					>
+						@for (preset of d.styles.presets; track preset.id) {
+							<button
+								type="button"
+								class="pptx-ng-chart-quick-swatch"
+								[class.is-applied]="preset.applied"
+								[disabled]="!canEdit()"
+								[attr.data-testid]="'chart-quick-style-' + preset.id"
+								[attr.aria-label]="preset.labelKey | translate"
+								[attr.aria-pressed]="preset.applied"
+								[title]="preset.labelKey | translate"
+								(click)="onStylePreset(preset.id)"
+							>
+								<span class="pptx-ng-chart-quick-swatch-row">
+									@for (c of preset.colors.slice(0, 5); track $index) {
+										<span [style.background-color]="c"></span>
+									}
+								</span>
+							</button>
+						}
+					</div>
+				}
+
+				@if (open() === button.id && button.id === 'filters') {
+					<div
+						class="pptx-ng-chart-quick-card"
+						data-testid="chart-quick-filters-popover"
+						[style.left.px]="screenPx(button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4)"
+						[style.top.px]="screenPx(button.y)"
+					>
+						<h4 class="pptx-ng-chart-quick-heading">{{ 'pptx.chart.quickFilters' | translate }}</h4>
+						@for (row of d.filters.series; track row.key) {
+							<label class="pptx-ng-chart-quick-check">
+								<input
+									type="checkbox"
+									[disabled]="!canEdit()"
+									[checked]="row.visible"
+									[attr.data-testid]="'chart-quick-filter-' + row.key"
+									(change)="onFilterToggle(row.seriesIndex, row.filteredIndex)"
+								/>
+								<span class="pptx-ng-chart-quick-name">{{ row.name }}</span>
+							</label>
+						}
+					</div>
+				}
+			}
+		}
+	`, isInline: true, styles: [":host{position:absolute;left:0;top:0;z-index:59}.pptx-ng-chart-quick-btn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer}.pptx-ng-chart-quick-btn:hover{background:#f3f4f6}.pptx-ng-chart-quick-btn:disabled{opacity:.6;cursor:not-allowed}.pptx-ng-chart-quick-icon{width:14px;height:14px}.pptx-ng-chart-quick-card{position:absolute;z-index:10;display:flex;flex-direction:column;gap:.35rem;min-width:11rem;padding:.5rem;border-radius:6px;border:1px solid var(--pptx-inspector-border, #444);background:var(--pptx-inspector-input-bg, #2d2d2d);box-shadow:0 4px 16px #00000059}.pptx-ng-chart-quick-heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0}.pptx-ng-chart-quick-check{display:flex;align-items:center;gap:.35rem;font-size:11px;cursor:pointer}.pptx-ng-chart-quick-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pptx-ng-chart-quick-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;min-width:12rem}.pptx-ng-chart-quick-swatch{border-radius:4px;overflow:hidden;border:1px solid var(--pptx-inspector-border, #444);padding:0;cursor:pointer}.pptx-ng-chart-quick-swatch.is-applied{border-color:var(--pptx-inspector-active, #0078d4);box-shadow:0 0 0 1px var(--pptx-inspector-active, #0078d4)}.pptx-ng-chart-quick-swatch-row{display:flex;height:20px;width:100%}.pptx-ng-chart-quick-swatch-row>span{flex:1 1 auto}\n"], dependencies: [{ kind: "component", type: LucidePlus, selector: "svg[lucidePlus]" }, { kind: "component", type: LucidePaintbrush, selector: "svg[lucidePaintbrush]" }, { kind: "component", type: LucideFilter, selector: "svg[lucideFunnel], svg[lucideFilter]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChartQuickActionsOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-chart-quick-actions-overlay', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe, LucidePlus, LucidePaintbrush, LucideFilter], host: {
+                        'data-pptx-chart-quick-actions': 'true',
+                        'data-export-ignore': 'true',
+                        '(pointerdown)': '$event.stopPropagation()',
+                    }, template: `
+		@if (descriptor(); as d) {
+			@for (button of d.buttons; track button.id) {
+				<button
+					type="button"
+					class="pptx-ng-chart-quick-btn"
+					[disabled]="!canEdit()"
+					[attr.data-testid]="'chart-quick-action-' + button.id"
+					[attr.aria-label]="button.labelKey | translate"
+					[title]="button.labelKey | translate"
+					[style.left.px]="screenPx(button.x)"
+					[style.top.px]="screenPx(button.y)"
+					[style.width.px]="screenPx(button.size)"
+					[style.height.px]="screenPx(button.size)"
+					(click)="toggle(button.id)"
+				>
+					@if (button.id === 'elements') {
+						<svg lucidePlus class="pptx-ng-chart-quick-icon"></svg>
+					} @else if (button.id === 'styles') {
+						<svg lucidePaintbrush class="pptx-ng-chart-quick-icon"></svg>
+					} @else {
+						<svg lucideFilter class="pptx-ng-chart-quick-icon"></svg>
+					}
+				</button>
+
+				@if (open() === button.id && button.id === 'elements') {
+					<div
+						class="pptx-ng-chart-quick-card"
+						data-testid="chart-quick-elements-popover"
+						[style.left.px]="screenPx(button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4)"
+						[style.top.px]="screenPx(button.y)"
+					>
+						<h4 class="pptx-ng-chart-quick-heading">
+							{{ 'pptx.chart.quickElements' | translate }}
+						</h4>
+						@for (item of d.elements; track item.key) {
+							<label class="pptx-ng-chart-quick-check">
+								<input
+									type="checkbox"
+									[disabled]="!canEdit()"
+									[checked]="item.checked"
+									[attr.data-testid]="'chart-quick-element-' + item.key"
+									(change)="onElementToggle(item.key, $event)"
+								/>
+								<span>{{ item.labelKey | translate }}</span>
+							</label>
+						}
+					</div>
+				}
+
+				@if (open() === button.id && button.id === 'styles') {
+					<div
+						class="pptx-ng-chart-quick-card pptx-ng-chart-quick-styles"
+						data-testid="chart-quick-styles-popover"
+						[style.left.px]="screenPx(button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4)"
+						[style.top.px]="screenPx(button.y)"
+					>
+						@for (preset of d.styles.presets; track preset.id) {
+							<button
+								type="button"
+								class="pptx-ng-chart-quick-swatch"
+								[class.is-applied]="preset.applied"
+								[disabled]="!canEdit()"
+								[attr.data-testid]="'chart-quick-style-' + preset.id"
+								[attr.aria-label]="preset.labelKey | translate"
+								[attr.aria-pressed]="preset.applied"
+								[title]="preset.labelKey | translate"
+								(click)="onStylePreset(preset.id)"
+							>
+								<span class="pptx-ng-chart-quick-swatch-row">
+									@for (c of preset.colors.slice(0, 5); track $index) {
+										<span [style.background-color]="c"></span>
+									}
+								</span>
+							</button>
+						}
+					</div>
+				}
+
+				@if (open() === button.id && button.id === 'filters') {
+					<div
+						class="pptx-ng-chart-quick-card"
+						data-testid="chart-quick-filters-popover"
+						[style.left.px]="screenPx(button.x + CHART_QUICK_ACTION_BUTTON_SIZE + 4)"
+						[style.top.px]="screenPx(button.y)"
+					>
+						<h4 class="pptx-ng-chart-quick-heading">{{ 'pptx.chart.quickFilters' | translate }}</h4>
+						@for (row of d.filters.series; track row.key) {
+							<label class="pptx-ng-chart-quick-check">
+								<input
+									type="checkbox"
+									[disabled]="!canEdit()"
+									[checked]="row.visible"
+									[attr.data-testid]="'chart-quick-filter-' + row.key"
+									(change)="onFilterToggle(row.seriesIndex, row.filteredIndex)"
+								/>
+								<span class="pptx-ng-chart-quick-name">{{ row.name }}</span>
+							</label>
+						}
+					</div>
+				}
+			}
+		}
+	`, styles: [":host{position:absolute;left:0;top:0;z-index:59}.pptx-ng-chart-quick-btn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer}.pptx-ng-chart-quick-btn:hover{background:#f3f4f6}.pptx-ng-chart-quick-btn:disabled{opacity:.6;cursor:not-allowed}.pptx-ng-chart-quick-icon{width:14px;height:14px}.pptx-ng-chart-quick-card{position:absolute;z-index:10;display:flex;flex-direction:column;gap:.35rem;min-width:11rem;padding:.5rem;border-radius:6px;border:1px solid var(--pptx-inspector-border, #444);background:var(--pptx-inspector-input-bg, #2d2d2d);box-shadow:0 4px 16px #00000059}.pptx-ng-chart-quick-heading{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pptx-inspector-muted, #888);margin:0}.pptx-ng-chart-quick-check{display:flex;align-items:center;gap:.35rem;font-size:11px;cursor:pointer}.pptx-ng-chart-quick-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pptx-ng-chart-quick-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;min-width:12rem}.pptx-ng-chart-quick-swatch{border-radius:4px;overflow:hidden;border:1px solid var(--pptx-inspector-border, #444);padding:0;cursor:pointer}.pptx-ng-chart-quick-swatch.is-applied{border-color:var(--pptx-inspector-active, #0078d4);box-shadow:0 0 0 1px var(--pptx-inspector-active, #0078d4)}.pptx-ng-chart-quick-swatch-row{display:flex;height:20px;width:100%}.pptx-ng-chart-quick-swatch-row>span{flex:1 1 auto}\n"] }]
+        }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], onDocumentMouseDown: [{
+                type: HostListener,
+                args: ['document:mousedown', ['$event']]
+            }] } });
+
 /**
  * Pure geometry for interactive element drag/resize.
  *
@@ -119375,227 +120583,235 @@ class ChartRendererComponent {
 			@if (legendItems().length > 0) {
 				@for (item of legendItems(); track $index) {
 					<g [attr.transform]="legendTransform(item)">
-						<rect
-							x="0"
-							y="-7"
-							[attr.width]="swatchSize"
-							[attr.height]="swatchSize"
-							rx="2"
-							[attr.fill]="item.color"
-						/>
-						<text
-							[attr.x]="swatchSize + 3"
-							y="3"
-							[attr.font-size]="item.fontSize"
-							[attr.fill]="item.fill"
-							[attr.font-weight]="item.fontWeight"
-							[attr.font-style]="item.fontStyle"
-							[attr.font-family]="item.fontFamily ?? null"
-						>
-							{{ item.label }}
-						</text>
-					</g>
-				}
-			}
-		</svg>
-	`, isInline: true, dependencies: [{ kind: "component", type: ChartPrimitivesComponent, selector: "g[pptx-chart-primitives]", inputs: ["primitives"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChartRendererComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pptx-chart-renderer',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [ChartPrimitivesComponent],
-                    template: `
-		<svg
-			[attr.width]="vm().svgWidth"
-			[attr.height]="vm().svgHeight"
-			[attr.viewBox]="viewBox()"
-			class="pptx-ng-chart-svg"
-			style="overflow: visible; display: block; pointer-events: none;"
-		>
-			<!-- c:dPt/c:pictureOptions picture-fill patterns, rendered before anything
-				references them via fill="url(#...)" -->
-			@if ((vm().defs ?? []).length > 0) {
-				<defs>
-					@for (def of vm().defs ?? []; track def.id) {
-						<pattern
-							[attr.id]="def.id"
-							[attr.patternUnits]="def.patternUnits"
-							[attr.x]="def.x"
-							[attr.y]="def.y"
-							[attr.width]="def.width"
-							[attr.height]="def.height"
-						>
-							<image
-								[attr.href]="def.href"
+						@if (item.lineSwatch) {
+							<g pptx-chart-primitives [primitives]="item.lineSwatch.primitives"></g>
+						} @else {
+							<rect
+								x="0"
+								y="-7"
+								[attr.width]="swatchSize"
+								[attr.height]="swatchSize"
+								rx="2"
+								[attr.fill]="item.color"
+							/>
+						}
+						<text
+							[attr.x]="swatchSize + 3"
+							y="3"
+							[attr.font-size]="item.fontSize"
+							[attr.fill]="item.fill"
+							[attr.font-weight]="item.fontWeight"
+							[attr.font-style]="item.fontStyle"
+							[attr.font-family]="item.fontFamily ?? null"
+						>
+							{{ item.label }}
+						</text>
+					</g>
+				}
+			}
+		</svg>
+	`, isInline: true, dependencies: [{ kind: "component", type: ChartPrimitivesComponent, selector: "g[pptx-chart-primitives]", inputs: ["primitives"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ChartRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-chart-renderer',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [ChartPrimitivesComponent],
+                    template: `
+		<svg
+			[attr.width]="vm().svgWidth"
+			[attr.height]="vm().svgHeight"
+			[attr.viewBox]="viewBox()"
+			class="pptx-ng-chart-svg"
+			style="overflow: visible; display: block; pointer-events: none;"
+		>
+			<!-- c:dPt/c:pictureOptions picture-fill patterns, rendered before anything
+				references them via fill="url(#...)" -->
+			@if ((vm().defs ?? []).length > 0) {
+				<defs>
+					@for (def of vm().defs ?? []; track def.id) {
+						<pattern
+							[attr.id]="def.id"
+							[attr.patternUnits]="def.patternUnits"
+							[attr.x]="def.x"
+							[attr.y]="def.y"
+							[attr.width]="def.width"
+							[attr.height]="def.height"
+						>
+							<image
+								[attr.href]="def.href"
+								x="0"
+								y="0"
+								[attr.width]="def.width"
+								[attr.height]="def.height"
+								[attr.preserveAspectRatio]="def.preserveAspectRatio"
+							/>
+						</pattern>
+					}
+				</defs>
+			}
+
+			<!-- Chart-area fill; absent when the deck declares c:chartSpace/a:noFill -->
+			@if (vm().areaFill) {
+				<rect
+					x="0"
+					y="0"
+					[attr.width]="vm().svgWidth"
+					[attr.height]="vm().svgHeight"
+					[attr.rx]="vm().areaRadius"
+					[attr.fill]="vm().areaFill"
+				/>
+			}
+
+			<!-- Chart title (data-chart-part enables in-place editing in edit mode) -->
+			@if (vm().title) {
+				<text
+					[attr.x]="vm().titleX"
+					[attr.y]="vm().titleY"
+					text-anchor="middle"
+					[attr.font-size]="vm().titleStyle?.fontSize ?? 12"
+					[attr.font-weight]="vm().titleStyle?.fontWeight ?? 600"
+					[attr.font-family]="vm().titleStyle?.fontFamily"
+					[attr.fill]="vm().titleStyle?.fill ?? '#1e293b'"
+					data-chart-part="title"
+				>
+					@if (vm().titleRunSpans; as titleRunSpans) {
+						@for (run of titleRunSpans; track $index) {
+							<tspan
+								[attr.font-size]="run.fontSize"
+								[attr.font-weight]="run.fontWeight"
+								[attr.font-style]="run.fontStyle"
+								[attr.font-family]="run.fontFamily"
+								[attr.fill]="run.fill"
+							>
+								{{ run.text }}
+							</tspan>
+						}
+					} @else {
+						{{ vm().title }}
+					}
+				</text>
+			}
+
+			<!-- Gridlines -->
+			@for (gl of vm().gridlines; track $index) {
+				<line
+					[attr.x1]="gl.x1"
+					[attr.y1]="gl.y1"
+					[attr.x2]="gl.x2"
+					[attr.y2]="gl.y2"
+					[attr.stroke]="gl.stroke"
+					[attr.stroke-width]="gl.strokeWidth"
+				/>
+			}
+
+			<!-- Value-axis labels -->
+			@for (lbl of vm().axisLabels; track $index) {
+				<text
+					[attr.x]="lbl.x"
+					[attr.y]="lbl.y"
+					[attr.text-anchor]="lbl.textAnchor"
+					[attr.font-size]="lbl.fontSize"
+					[attr.fill]="lbl.fill"
+					[attr.dominant-baseline]="lbl.dominantBaseline ?? 'auto'"
+				>
+					{{ lbl.text }}
+				</text>
+			}
+
+			<!-- Secondary value-axis gridlines -->
+			@for (gl of vm().secondaryGridlines ?? []; track $index) {
+				<line
+					[attr.x1]="gl.x1"
+					[attr.y1]="gl.y1"
+					[attr.x2]="gl.x2"
+					[attr.y2]="gl.y2"
+					[attr.stroke]="gl.stroke"
+					[attr.stroke-width]="gl.strokeWidth"
+					[attr.stroke-dasharray]="gl.dashArray"
+					[attr.opacity]="gl.opacity ?? 1"
+				/>
+			}
+
+			<!-- Secondary value-axis labels -->
+			@for (lbl of vm().secondaryAxisLabels ?? []; track $index) {
+				<text
+					[attr.x]="lbl.x"
+					[attr.y]="lbl.y"
+					[attr.text-anchor]="lbl.textAnchor"
+					[attr.font-size]="lbl.fontSize"
+					[attr.fill]="lbl.fill"
+					[attr.dominant-baseline]="lbl.dominantBaseline ?? 'auto'"
+					[attr.opacity]="lbl.opacity ?? 1"
+					[attr.transform]="lbl.transform"
+				>
+					{{ lbl.text }}
+				</text>
+			}
+
+			<!-- Zero line -->
+			@if (vm().zeroLine) {
+				<line
+					[attr.x1]="vm().zeroLine!.x1"
+					[attr.y1]="vm().zeroLine!.y1"
+					[attr.x2]="vm().zeroLine!.x2"
+					[attr.y2]="vm().zeroLine!.y2"
+					[attr.stroke]="vm().zeroLine!.stroke"
+					[attr.stroke-width]="vm().zeroLine!.strokeWidth"
+				/>
+			}
+
+			<!-- Category-axis labels -->
+			@for (lbl of vm().categoryLabels; track $index) {
+				<text
+					[attr.x]="lbl.x"
+					[attr.y]="lbl.y"
+					[attr.text-anchor]="lbl.textAnchor"
+					[attr.font-size]="lbl.fontSize"
+					[attr.fill]="lbl.fill"
+					[attr.dominant-baseline]="lbl.dominantBaseline ?? 'auto'"
+				>
+					{{ lbl.text }}
+				</text>
+			}
+
+			<!-- Data primitives (bars, lines, arcs, dots ...); data marks carry
+			     data-chart-* hit-testing attributes (inert outside edit mode). -->
+			<g pptx-chart-primitives [primitives]="vm().primitives"></g>
+
+			<!-- Data labels -->
+			@for (dl of vm().dataLabels; track $index) {
+				<text
+					[attr.x]="dl.x"
+					[attr.y]="dl.y"
+					[attr.text-anchor]="dl.textAnchor"
+					[attr.font-size]="dl.fontSize"
+					[attr.fill]="dl.fill"
+					[attr.font-weight]="dl.fontWeight ?? 'normal'"
+					[attr.dominant-baseline]="dl.dominantBaseline ?? 'auto'"
+				>
+					{{ dl.text }}
+				</text>
+			}
+
+			<!-- Legend -->
+			@if (legendItems().length > 0) {
+				@for (item of legendItems(); track $index) {
+					<g [attr.transform]="legendTransform(item)">
+						@if (item.lineSwatch) {
+							<g pptx-chart-primitives [primitives]="item.lineSwatch.primitives"></g>
+						} @else {
+							<rect
 								x="0"
-								y="0"
-								[attr.width]="def.width"
-								[attr.height]="def.height"
-								[attr.preserveAspectRatio]="def.preserveAspectRatio"
+								y="-7"
+								[attr.width]="swatchSize"
+								[attr.height]="swatchSize"
+								rx="2"
+								[attr.fill]="item.color"
 							/>
-						</pattern>
-					}
-				</defs>
-			}
-
-			<!-- Chart-area fill; absent when the deck declares c:chartSpace/a:noFill -->
-			@if (vm().areaFill) {
-				<rect
-					x="0"
-					y="0"
-					[attr.width]="vm().svgWidth"
-					[attr.height]="vm().svgHeight"
-					[attr.rx]="vm().areaRadius"
-					[attr.fill]="vm().areaFill"
-				/>
-			}
-
-			<!-- Chart title (data-chart-part enables in-place editing in edit mode) -->
-			@if (vm().title) {
-				<text
-					[attr.x]="vm().titleX"
-					[attr.y]="vm().titleY"
-					text-anchor="middle"
-					[attr.font-size]="vm().titleStyle?.fontSize ?? 12"
-					[attr.font-weight]="vm().titleStyle?.fontWeight ?? 600"
-					[attr.font-family]="vm().titleStyle?.fontFamily"
-					[attr.fill]="vm().titleStyle?.fill ?? '#1e293b'"
-					data-chart-part="title"
-				>
-					@if (vm().titleRunSpans; as titleRunSpans) {
-						@for (run of titleRunSpans; track $index) {
-							<tspan
-								[attr.font-size]="run.fontSize"
-								[attr.font-weight]="run.fontWeight"
-								[attr.font-style]="run.fontStyle"
-								[attr.font-family]="run.fontFamily"
-								[attr.fill]="run.fill"
-							>
-								{{ run.text }}
-							</tspan>
 						}
-					} @else {
-						{{ vm().title }}
-					}
-				</text>
-			}
-
-			<!-- Gridlines -->
-			@for (gl of vm().gridlines; track $index) {
-				<line
-					[attr.x1]="gl.x1"
-					[attr.y1]="gl.y1"
-					[attr.x2]="gl.x2"
-					[attr.y2]="gl.y2"
-					[attr.stroke]="gl.stroke"
-					[attr.stroke-width]="gl.strokeWidth"
-				/>
-			}
-
-			<!-- Value-axis labels -->
-			@for (lbl of vm().axisLabels; track $index) {
-				<text
-					[attr.x]="lbl.x"
-					[attr.y]="lbl.y"
-					[attr.text-anchor]="lbl.textAnchor"
-					[attr.font-size]="lbl.fontSize"
-					[attr.fill]="lbl.fill"
-					[attr.dominant-baseline]="lbl.dominantBaseline ?? 'auto'"
-				>
-					{{ lbl.text }}
-				</text>
-			}
-
-			<!-- Secondary value-axis gridlines -->
-			@for (gl of vm().secondaryGridlines ?? []; track $index) {
-				<line
-					[attr.x1]="gl.x1"
-					[attr.y1]="gl.y1"
-					[attr.x2]="gl.x2"
-					[attr.y2]="gl.y2"
-					[attr.stroke]="gl.stroke"
-					[attr.stroke-width]="gl.strokeWidth"
-					[attr.stroke-dasharray]="gl.dashArray"
-					[attr.opacity]="gl.opacity ?? 1"
-				/>
-			}
-
-			<!-- Secondary value-axis labels -->
-			@for (lbl of vm().secondaryAxisLabels ?? []; track $index) {
-				<text
-					[attr.x]="lbl.x"
-					[attr.y]="lbl.y"
-					[attr.text-anchor]="lbl.textAnchor"
-					[attr.font-size]="lbl.fontSize"
-					[attr.fill]="lbl.fill"
-					[attr.dominant-baseline]="lbl.dominantBaseline ?? 'auto'"
-					[attr.opacity]="lbl.opacity ?? 1"
-					[attr.transform]="lbl.transform"
-				>
-					{{ lbl.text }}
-				</text>
-			}
-
-			<!-- Zero line -->
-			@if (vm().zeroLine) {
-				<line
-					[attr.x1]="vm().zeroLine!.x1"
-					[attr.y1]="vm().zeroLine!.y1"
-					[attr.x2]="vm().zeroLine!.x2"
-					[attr.y2]="vm().zeroLine!.y2"
-					[attr.stroke]="vm().zeroLine!.stroke"
-					[attr.stroke-width]="vm().zeroLine!.strokeWidth"
-				/>
-			}
-
-			<!-- Category-axis labels -->
-			@for (lbl of vm().categoryLabels; track $index) {
-				<text
-					[attr.x]="lbl.x"
-					[attr.y]="lbl.y"
-					[attr.text-anchor]="lbl.textAnchor"
-					[attr.font-size]="lbl.fontSize"
-					[attr.fill]="lbl.fill"
-					[attr.dominant-baseline]="lbl.dominantBaseline ?? 'auto'"
-				>
-					{{ lbl.text }}
-				</text>
-			}
-
-			<!-- Data primitives (bars, lines, arcs, dots ...); data marks carry
-			     data-chart-* hit-testing attributes (inert outside edit mode). -->
-			<g pptx-chart-primitives [primitives]="vm().primitives"></g>
-
-			<!-- Data labels -->
-			@for (dl of vm().dataLabels; track $index) {
-				<text
-					[attr.x]="dl.x"
-					[attr.y]="dl.y"
-					[attr.text-anchor]="dl.textAnchor"
-					[attr.font-size]="dl.fontSize"
-					[attr.fill]="dl.fill"
-					[attr.font-weight]="dl.fontWeight ?? 'normal'"
-					[attr.dominant-baseline]="dl.dominantBaseline ?? 'auto'"
-				>
-					{{ dl.text }}
-				</text>
-			}
-
-			<!-- Legend -->
-			@if (legendItems().length > 0) {
-				@for (item of legendItems(); track $index) {
-					<g [attr.transform]="legendTransform(item)">
-						<rect
-							x="0"
-							y="-7"
-							[attr.width]="swatchSize"
-							[attr.height]="swatchSize"
-							rx="2"
-							[attr.fill]="item.color"
-						/>
 						<text
 							[attr.x]="swatchSize + 3"
 							y="3"
@@ -119910,121 +121126,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
 	`, styles: [".pptx-ng-bar-chart-3d-scene{width:100%;height:100%;display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }], selectedPart: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedPart", required: false }] }], textStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "textStyle", required: false }] }], partSelect: [{ type: i0.Output, args: ["partSelect"] }], valueDragPreview: [{ type: i0.Output, args: ["valueDragPreview"] }], valueDragCommit: [{ type: i0.Output, args: ["valueDragCommit"] }], sceneRef: [{ type: i0.ViewChild, args: ['scene', { isSignal: true }] }] } });
 
-// ─────────────────────────────────────────────────────────────────────────────
-// Direct part-editing gate
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * May this chart's individual parts (title, series, data points) be entered
- * for direct on-canvas editing?
- *
- * Pure so it is unit-testable without a full Angular injection context:
- * `ChartElementViewComponent`'s constructor runs an `effect()` that needs a
- * `ChangeDetectionScheduler` this package's TestBed-free suite doesn't
- * provide. G8: `a:graphicFrameLocks/@noDrilldown` forbids the drill-down,
- * even when the chart is otherwise selected + editable.
- */
-function chartCanEditParts(editable, isSelected, hasEditor, element) {
-    return editable && isSelected && hasEditor && canDrillDown(element);
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// Value-drag commit gate
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * The chart data a finished drag should commit, or null when nothing should
- * be committed (cancelled, or the press never became a drag).
- */
-function chartDragCommitData(session, commit) {
-    if (!commit || !session?.moved) {
-        return null;
-    }
-    return session.lastData;
-}
-/**
- * Same gate as {@link chartDragCommitData}, for a pie/radar/stacked mark drag
- * ({@link ChartMarkDragState} carries the same `moved`/`lastData` shape as the
- * cartesian value-drag session, just resolved through a different geometry).
- */
-function chartMarkDragCommitData(session, commit) {
-    if (!commit || !session?.moved) {
-        return null;
-    }
-    return session.lastData;
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// 3D value-drag commit data (bar3D/line3D/area3D/pie3D/surface3D: no drag
-// state machine of their own, the shared three.js scene reports the
-// live/final value directly)
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * The chart data a 3D scene's `onValueDragPreview`/`onValueDragCommit` should
- * apply, or `null` when the part carries no point index (a series-level part,
- * or a part shape the 3D scenes never actually emit for a value drag) or there
- * is no chart data to update against.
- *
- * Pure so it is unit-testable without a WebGL context: `BarChart3DRendererComponent`
- * / `LineChart3DRendererComponent` / `AreaChart3DRendererComponent` /
- * `PieChart3DRendererComponent` / `SurfaceChart3DRendererComponent` forward
- * their `valueDragPreview`/`valueDragCommit` outputs here via
- * `ChartElementViewComponent`.
- */
-function chart3DPointValueUpdate(chartData, part, value) {
-    if (!chartData || part.pointIndex === undefined) {
-        return null;
-    }
-    return withChartPointValue(chartData, part.seriesIndex, part.pointIndex, value);
-}
-/**
- * Commit an on-canvas chart edit through the editor's normal element-update
- * path (the exact channel the inspector uses: one history snapshot per call).
- * No-op without an editor or when the element is not on any slide.
- *
- * `templateSlideId` is the id of the slide the hosting canvas renders (from
- * `SLIDE_CONTEXT`); it resolves template (master/layout) chart elements, which
- * live in the per-slide template store rather than in `slides[].elements`.
- */
-function commitChartElementData(editor, elementId, chartData, templateSlideId) {
-    if (!editor) {
-        return;
-    }
-    const slideIndex = findOwningSlideIndex(editor.slides(), elementId, templateSlideId);
-    if (slideIndex < 0) {
-        return;
-    }
-    editor.updateElement(slideIndex, elementId, { chartData });
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// Interaction stylesheet (shared base rules + Angular's own badge/editor CSS)
-// ─────────────────────────────────────────────────────────────────────────────
-const STYLE_ELEMENT_ID = 'pptx-ng-chart-interaction-styles';
-/**
- * Angular-only interaction CSS, injected once into `document.head` alongside
- * the shared `[data-chart-part]` / selected-mark rules from
- * `ensureChartInteractionStyles` (`pptx-viewer-shared`). Component styles are
- * view-encapsulated in Angular, so they cannot reach into the chart
- * renderer's SVG or style the badge/title-input this component projects
- * next to it.
- */
-const INTERACTION_CSS = `
-.pptx-ng-chart-view { position: relative; width: 100%; height: 100%; }
-.pptx-ng-chart-drag-badge { position: absolute; top: 4px; right: 4px; z-index: 10; border-radius: 4px; background: rgba(37, 99, 235, 0.9); padding: 2px 6px; font-size: 10px; font-weight: 500; color: #fff; pointer-events: none; }
-.pptx-ng-chart-title-input { position: absolute; left: 50%; top: 2px; z-index: 10; width: 60%; transform: translateX(-50%); border: 1px solid #94a3b8; border-radius: 4px; background: #fff; padding: 2px 4px; text-align: center; font-size: 11px; color: #0f172a; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }
-`;
-/**
- * Inject the interaction stylesheets for chart part hit targets: the shared
- * base rules (singleton, shared across all five bindings) plus Angular's own
- * badge/title-input CSS (singleton, this binding only).
- */
-function ensureChartInteractionStyles() {
-    ensureChartInteractionStyles$1();
-    if (typeof document === 'undefined' || document.getElementById(STYLE_ELEMENT_ID)) {
-        return;
-    }
-    const style = document.createElement('style');
-    style.id = STYLE_ELEMENT_ID;
-    style.textContent = INTERACTION_CSS;
-    document.head.appendChild(style);
-}
-
 /**
  * chart-part-selection.service.ts: the bridge between on-canvas chart part
  * clicks (`ChartElementViewComponent`) and the chart inspector
@@ -126160,6 +127261,15 @@ function buildAngularImageRenderView(element) {
     if (computed.opacity !== undefined) {
         imageStyle.opacity = computed.opacity;
     }
+    // `a:blipFill/@rotWithShape="0"`: keep the picture's pixels upright/fixed to
+    // the page frame while `frameGeometryMask`'s container still carries the
+    // shape's own rotate/flip. `undefined` (no-op) in the overwhelming majority
+    // of cases; see `getImageFillCounterTransform`.
+    const fillCounterTransform = getImageFillCounterTransform(element, Boolean(imageStyle['transform']));
+    if (fillCounterTransform) {
+        imageStyle['transform'] = fillCounterTransform;
+        imageStyle['transform-origin'] = 'center';
+    }
     const frameGeometryMask = buildAngularImageContainerMask(element);
     const colorWash = getImageColorWashStyle(isImageLikeElement$1(element) ? element.imageEffects?.colorWash : undefined);
     const colorWashStyle = colorWash
@@ -127952,6 +129062,16 @@ class SlideCanvasComponent {
             return box ? (this.elementById(box.id) ?? null) : null;
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "singleSelectedElement" }] : /* istanbul ignore next */ []));
+        /**
+         * The single selected element when (and only when) it is a chart: gates
+         * the "Chart Elements"/"Chart Styles"/"Chart Filters" quick-action overlay,
+         * which only makes sense for exactly one selected chart.
+         */
+        this.quickActionsChartElement = computed(() => {
+            const el = this.singleSelectedElement();
+            return el && el.type === 'chart' ? el : null;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "quickActionsChartElement" }] : /* istanbul ignore next */ []));
         /**
          * Resize-handle render boxes (stage coords) for the single selection. Empty
          * for an element whose authored `a:spLocks/@noResize` pins its size.
@@ -128909,7 +130029,7 @@ class SlideCanvasComponent {
             // SmartArt), so template (master/layout) element commits can resolve
             // their owning slide; template elements are absent from slides[].elements.
             { provide: SLIDE_CONTEXT, useExisting: forwardRef(() => SlideCanvasComponent) },
-        ], viewQueries: [{ propertyName: "textEditor", first: true, predicate: ["textEditor"], descendants: true, isSignal: true }, { propertyName: "listEditor", first: true, predicate: InlineListEditorComponent, descendants: true, isSignal: true }, { propertyName: "stageRef", first: true, predicate: ["stage"], descendants: true, isSignal: true }, { propertyName: "viewportRef", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n\t#viewport\n\tclass=\"pptx-ng-canvas-viewport\"\n\t[attr.data-pptx-viewport]=\"interactive() ? '' : null\"\n\t(pointerdown)=\"onViewportPointerDown($event)\"\n>\n\t<div class=\"pptx-ng-canvas-wrapper\" [ngStyle]=\"wrapperStyle()\">\n\t\t<div\n\t\t\t#stage\n\t\t\tclass=\"pptx-ng-canvas-stage\"\n\t\t\t[class.is-editable]=\"editable()\"\n\t\t\trole=\"region\"\n\t\t\t[attr.aria-roledescription]=\"interactive() || presenting() ? 'slide' : null\"\n\t\t\t[attr.data-pptx-ai-active]=\"aiActive() ? 'true' : null\"\n\t\t\t[ngStyle]=\"stageStyle()\"\n\t\t\t(pointerdown)=\"onStagePointerDown($event)\"\n\t\t\t(contextmenu)=\"onContextMenu($event)\"\n\t\t\t(dblclick)=\"onDblClick($event)\"\n\t\t>\n\t\t\t<!--\n\t\t\t\tTemplate layer: inherited master/layout elements, rendered BEHIND\n\t\t\t\tthe slide's own elements (lower z-index). Interactive + given the\n\t\t\t\tamber editable affordance only while editTemplateMode is on; when\n\t\t\t\toff they render inertly with no affordance, exactly as core\n\t\t\t\tdelivered them. `marked` keeps the data-pptx-element contract on\n\t\t\t\tthem even while locked: the marker means \"rendered slide element\",\n\t\t\t\tnot \"editable right now\".\n\t\t\t-->\n\t\t\t@for (element of visibleTemplateElements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive() && editTemplateMode()\"\n\t\t\t\t\t[marked]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[editable]=\"editable() && editTemplateMode()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"editTemplateMode()\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (element of elements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"visibleTemplateElements().length + i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[editable]=\"editable()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"false\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t<pptx-activex-controls-overlay\n\t\t\t\t[controls]=\"slide()?.activeXControls ?? []\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t/>\n\t\t\t@if (aiHighlights().length > 0 || aiActive()) {\n\t\t\t\t<pptx-ai-focus-highlight-overlay\n\t\t\t\t\t[highlights]=\"aiHighlights()\"\n\t\t\t\t\t[elements]=\"elements()\"\n\t\t\t\t\t[activeSlideIndex]=\"aiActiveSlideIndex()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (aiChangeBatch(); as batch) {\n\t\t\t\t<pptx-ai-change-overlay [batch]=\"batch\" [activeSlideIndex]=\"aiActiveSlideIndex()\" />\n\t\t\t}\n\t\t\t@for (box of selectionBoxes(); track box.id) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-selection\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"box.x\"\n\t\t\t\t\t[style.top.px]=\"box.y\"\n\t\t\t\t\t[style.width.px]=\"box.width\"\n\t\t\t\t\t[style.height.px]=\"box.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (h of handleBoxes(); track h.handle) {\n\t\t\t\t@let controlArtwork = selectionControlArtwork(h, h.handle);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"resize\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.resize' | translate: { handle: h.handle }\"\n\t\t\t\t\t[ngStyle]=\"controlArtwork.frame\"\n\t\t\t\t\t[style.cursor]=\"h.cursor\"\n\t\t\t\t\t[style.--pptx-selection-width.px]=\"singleSelected()?.width\"\n\t\t\t\t\t[style.--pptx-selection-height.px]=\"singleSelected()?.height\"\n\t\t\t\t\t(pointerdown)=\"onHandlePointerDown($event, h.handle)\"\n\t\t\t\t\t(keydown)=\"onResizeHandleKeydown($event, h.handle)\"\n\t\t\t\t>\n\t\t\t\t\t<span data-pptx-handle-hit [ngStyle]=\"resizeHitAreaStyle(h.handle)\"></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"controlArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t@if (marqueeRect(); as mr) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-marquee\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"mr.x\"\n\t\t\t\t\t[style.top.px]=\"mr.y\"\n\t\t\t\t\t[style.width.px]=\"mr.width\"\n\t\t\t\t\t[style.height.px]=\"mr.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (g of snapGuides(); track $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-snap-guide\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : g.start\"\n\t\t\t\t\t[style.top.px]=\"g.axis === 'x' ? g.start : g.pos\"\n\t\t\t\t\t[style.width.px]=\"g.axis === 'x' ? 0 : g.end - g.start\"\n\t\t\t\t\t[style.height.px]=\"g.axis === 'x' ? g.end - g.start : 0\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@if (rotateHandle(); as rh) {\n\t\t\t\t@let rotateArtwork = selectionControlArtwork(rh);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-rotate-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.z-index]=\"editingBox() ? 10003 : null\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"rotate\"\n\t\t\t\t\t[pptxRotateHandleFor]=\"singleSelected()?.id\"\n\t\t\t\t\t[pptxRotateHandleStage]=\"stage\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.rotate' | translate\"\n\t\t\t\t\t[ngStyle]=\"rotateArtwork.frame\"\n\t\t\t\t\t(pointerdown)=\"onRotatePointerDown($event)\"\n\t\t\t\t\t(keydown)=\"onRotateHandleKeydown($event)\"\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"rotateArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tShape-adjustment affordances (amber diamonds), ONE per `a:avLst`\n\t\t\t\tguide. Existence, position and cursor all come from the SHARED\n\t\t\t\t`getShapeAdjustmentHandleDescriptors`, so they appear only for a\n\t\t\t\tgeometry with an adjustable parameter, sit where the other four\n\t\t\t\tbindings put them, and are absent for a shape locked with\n\t\t\t\t`noAdjustHandles`. Dragging one writes `shapeAdjustments`; it does\n\t\t\t\tNOT resize the element.\n\t\t\t-->\n\t\t\t@for (ah of adjustHandles(); track ah.key) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-adjust-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"adjust\"\n\t\t\t\t\t[attr.data-pptx-adjust-key]=\"ah.key\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.adjust' | translate\"\n\t\t\t\t\t[style.left.px]=\"ah.left\"\n\t\t\t\t\t[style.top.px]=\"ah.top\"\n\t\t\t\t\t[style.width.px]=\"ah.size\"\n\t\t\t\t\t[style.height.px]=\"ah.size\"\n\t\t\t\t\t[style.cursor]=\"ah.cursor\"\n\t\t\t\t\t(pointerdown)=\"onAdjustPointerDown($event, ah)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tConnector endpoint authoring: drag an end onto a shape's connection\n\t\t\t\tpoint to bind it (`a:stCxn` / `a:endCxn`), or off one to detach.\n\t\t\t\tCandidate sites are revealed only while an end is in flight so they\n\t\t\t\tnever obscure the deck at rest.\n\t\t\t-->\n\t\t\t@for (site of connectorSiteCandidates(); track site.key) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-connection-site\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-snapped]=\"site.snapped\"\n\t\t\t\t\tdata-pptx-connection-site\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[style.left.px]=\"site.left\"\n\t\t\t\t\t[style.top.px]=\"site.top\"\n\t\t\t\t\t[style.width.px]=\"site.size\"\n\t\t\t\t\t[style.height.px]=\"site.size\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (ep of connectorEndpoints(); track ep.kind) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-connector-endpoint\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.data-pptx-connector-endpoint]=\"ep.kind\"\n\t\t\t\t\t[attr.data-pptx-connector-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t(ep.kind === 'start'\n\t\t\t\t\t\t\t? 'pptx.canvas.connectorEndpointStart'\n\t\t\t\t\t\t\t: 'pptx.canvas.connectorEndpointEnd'\n\t\t\t\t\t\t) | translate\n\t\t\t\t\t\"\n\t\t\t\t\t[style.left.px]=\"ep.left\"\n\t\t\t\t\t[style.top.px]=\"ep.top\"\n\t\t\t\t\t[style.width.px]=\"ep.size\"\n\t\t\t\t\t[style.height.px]=\"ep.size\"\n\t\t\t\t\t(pointerdown)=\"onConnectorEndpointPointerDown($event, ep.kind)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t@if (editingBox(); as eb) {\n\t\t\t\t@if (inlineListSeed(); as seed) {\n\t\t\t\t\t@for (session of [seed]; track session) {\n\t\t\t\t\t\t<pptx-inline-list-editor\n\t\t\t\t\t\t\t[element]=\"eb.element\"\n\t\t\t\t\t\t\t[seed]=\"session\"\n\t\t\t\t\t\t\t[activationSelection]=\"listActivationSelection()\"\n\t\t\t\t\t\t\t[spellCheck]=\"spellCheck()\"\n\t\t\t\t\t\t\t(textInput)=\"textInput.emit($event)\"\n\t\t\t\t\t\t\t(textCommit)=\"textCommit.emit($event)\"\n\t\t\t\t\t\t\t(textCancel)=\"textCancel.emit()\"\n\t\t\t\t\t\t\t(textFormat)=\"textFormat.emit($event)\"\n\t\t\t\t\t\t\t(listSession)=\"listSession.emit($event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t<textarea\n\t\t\t\t\t\t#textEditor\n\t\t\t\t\t\tdata-inline-editor\n\t\t\t\t\t\tclass=\"pptx-ng-text-editor\"\n\t\t\t\t\t\taria-label=\"Edit slide text\"\n\t\t\t\t\t\t[spellcheck]=\"spellCheck()\"\n\t\t\t\t\t\t[style.left.px]=\"eb.x\"\n\t\t\t\t\t\t[style.top.px]=\"eb.y\"\n\t\t\t\t\t\t[style.width.px]=\"eb.width\"\n\t\t\t\t\t\t[style.height.px]=\"eb.height\"\n\t\t\t\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(input)=\"onTextInput($event, eb.id)\"\n\t\t\t\t\t\t(blur)=\"commitText($event, eb.id)\"\n\t\t\t\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t\t\t\t></textarea>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tView overlays: editor aids only, never on thumbnails/preview/presentation.\n\t\t\t\tAll are pointer-events:none so they never break selection/drag.\n\t\t\t\tNone carry data-pptx-element / aria-roledescription / data-pptx-viewport.\n\t\t\t-->\n\t\t\t@if (interactive() && showGrid()) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-grid\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t[attr.id]=\"gridPatternId\"\n\t\t\t\t\t\t\t[attr.width]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\t[attr.height]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t[attr.cx]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\t[attr.cy]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\tr=\"0.6\"\n\t\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.55)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</pattern>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\t\t[attr.fill]=\"'url(#' + gridPatternId + ')'\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t@if (interactive() && showGuides()) {\n\t\t\t\t<!--\n\t\t\t\t\tCenter crosshair: one horizontal line and one vertical line\n\t\t\t\t\tthrough the midpoint of the slide. Static; draggable guides\n\t\t\t\t\tare a follow-up.\n\t\t\t\t-->\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-guides\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<!-- Horizontal center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t\t[attr.y1]=\"canvasSize().height / 2\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height / 2\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t\t<!-- Vertical center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"canvasSize().width / 2\"\n\t\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width / 2\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tUser-created ruler guides.\n\t\t\t\tEach guide has a non-interactive line body and an interactive\n\t\t\t\tdrag handle. Double-click the handle to delete the guide.\n\n\t\t\t\tDeliberately OUTSIDE the showGuides() gate above (which owns the\n\t\t\t\tstatic centre crosshair): a guide the user just dragged off a ruler\n\t\t\t\tstrip must be visible immediately, as it is in Vue and Vanilla.\n\t\t\t\tWhile it lived under that gate, the drag-out gesture silently\n\t\t\t\tproduced an invisible guide unless View > Guides happened to be on.\n\t\t\t-->\n\t\t\t@if (interactive()) {\n\t\t\t\t@for (g of rulerGuidesSvc.rulerGuides(); track g.id) {\n\t\t\t\t\t<!-- Guide line body: pointer-events:none -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-line\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '1px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '1px' : '100%'\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<!-- Drag handle: pointer-events:auto -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-handle\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.cursor]=\"g.axis === 'x' ? 'col-resize' : 'row-resize'\"\n\t\t\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onGuidePointerDown($event, g.id, g.axis)\"\n\t\t\t\t\t\t(dblclick)=\"rulerGuidesSvc.onGuideDoubleClick($event, g.id)\"\n\t\t\t\t\t\t[title]=\"'pptx.canvas.guideTooltip' | translate\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tLive ink stroke preview: shown while the user is drawing.\n\t\t\t\tpointer-events:none so it never intercepts element gestures.\n\t\t\t\tNo data-pptx-element / aria-roledescription / data-pptx-viewport.\n\n\t\t\t\tRenders `inkDrawing.liveStrokeView()`: the same plain-path /\n\t\t\t\tpressure-circle / tilt-nib decision `InkRendererComponent` makes for\n\t\t\t\ta committed stroke, so a calligraphic lean or pressure-variable\n\t\t\t\twidth shows up while the pointer is still down, not only after\n\t\t\t\trelease.\n\t\t\t-->\n\t\t\t@if (inkDrawing.active() && inkDrawing.liveStrokeView() && drawTool() !== 'select') {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-ink-preview\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none; z-index: 70\"\n\t\t\t\t>\n\t\t\t\t\t@if (inkDrawing.liveStrokeView()?.nibMarks; as nibMarks) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (m of nibMarks; track $index) {\n\t\t\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"m.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"m.cy\"\n\t\t\t\t\t\t\t\t\t[attr.rx]=\"m.rPerp\"\n\t\t\t\t\t\t\t\t\t[attr.ry]=\"m.rTilt\"\n\t\t\t\t\t\t\t\t\t[attr.transform]=\"'rotate(' + m.rotationDeg + ' ' + m.cx + ' ' + m.cy + ')'\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else if (inkDrawing.liveStrokeView()?.circles; as circles) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (c of circles; track $index) {\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"inkDrawing.liveStrokeView()?.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"inkDrawing.liveStrokeView()?.width\"\n\t\t\t\t\t\t\t[attr.stroke-opacity]=\"inkDrawing.liveStrokeView()?.opacity\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tProjected overlays (collaboration cursors + remote selections).\n\t\t\t\tThey live INSIDE the scaled stage so the stage's CSS\n\t\t\t\ttransform:scale() applies the on-screen scale exactly once and\n\t\t\t\tthey can be authored in raw, unscaled slide coordinates, exactly\n\t\t\t\tlike the React/Vue overlays.\n\t\t\t-->\n\t\t\t<ng-content />\n\t\t</div>\n\n\t\t<!--\n\t\t\tRuler strips: siblings to the scaled stage inside the wrapper div,\n\t\t\tabsolutely positioned at top:0/left:0 within the wrapper's padding area.\n\t\t\tThe wrapper's padding (RULER_THICKNESS px top+left) reserves space for\n\t\t\tthese strips so the stage content starts below/right of them.\n\t\t\tpointer-events:none so they never intercept element gestures.\n\t\t-->\n\t\t@if (interactive() && showRulers()) {\n\t\t\t<!-- Corner square at the intersection of the two ruler strips -->\n\t\t\t<div class=\"pptx-ng-ruler-corner\" aria-hidden=\"true\"></div>\n\n\t\t\t<!--\n\t\t\t\tHorizontal ruler: spans the top padding row of the wrapper.\n\t\t\t\tA guide is dropped on pointer-UP (not down), resolved by the shared\n\t\t\t\trulerDragToGuidePosition, so a stray click on the strip cannot\n\t\t\t\tdrop a guide the user never dragged out - the rule React, Vue,\n\t\t\t\tSvelte and Vanilla all follow.\n\t\t\t-->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-h\"\n\t\t\t\tdata-pptx-ruler=\"h\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t[style.cursor]=\"editable() ? 'row-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('h', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('h', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (hRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.x]=\"highlight.start\"\n\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t[attr.width]=\"highlight.span\"\n\t\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t[attr.y1]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.x2]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.y2]=\"rulerThickness - 0.5\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of hRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"tick.position\"\n\t\t\t\t\t\t[attr.y1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.x2]=\"tick.position\"\n\t\t\t\t\t\t[attr.y2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"tick.position + 2\"\n\t\t\t\t\t\t\t[attr.y]=\"rulerFontSize + 1\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\n\t\t\t<!-- Vertical ruler: spans the left padding column of the wrapper -->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-v\"\n\t\t\t\tdata-pptx-ruler=\"v\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t[style.cursor]=\"editable() ? 'col-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('v', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('v', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (vRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t[attr.y]=\"highlight.start\"\n\t\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.height]=\"highlight.span\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\t[attr.x1]=\"rulerThickness - 0.5\"\n\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t[attr.x2]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.y2]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of vRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.y1]=\"tick.position\"\n\t\t\t\t\t\t[attr.x2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\t[attr.y2]=\"tick.position\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\tx=\"2\"\n\t\t\t\t\t\t\t[attr.y]=\"tick.position + rulerFontSize + 2\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\t\t}\n\t</div>\n</div>\n", styles: [".pptx-ng-canvas-stage.is-editable{touch-action:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ElementRendererComponent, selector: "pptx-element-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "obstacles", "canvasWidth", "canvasHeight", "interactive", "marked", "exposeElementId", "presenting", "editable", "fieldContext", "slideElements", "editTemplateMode", "parentGroupFill", "editingElementId"], outputs: ["cellCommit", "tableChange"] }, { kind: "component", type: AiFocusHighlightOverlayComponent, selector: "pptx-ai-focus-highlight-overlay", inputs: ["highlights", "elements", "activeSlideIndex"] }, { kind: "component", type: AiChangeOverlayComponent, selector: "pptx-ai-change-overlay", inputs: ["batch", "activeSlideIndex"] }, { kind: "component", type: ActiveXControlsOverlayComponent, selector: "pptx-activex-controls-overlay", inputs: ["controls", "canvasSize"] }, { kind: "component", type: InlineListEditorComponent, selector: "pptx-inline-list-editor", inputs: ["element", "seed", "spellCheck", "activationSelection"], outputs: ["textInput", "textCommit", "textCancel", "textFormat", "listSession"] }, { kind: "directive", type: RotateHandlePlacementDirective, selector: "[pptxRotateHandleFor]", inputs: ["pptxRotateHandleFor", "pptxRotateHandleStage"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], viewQueries: [{ propertyName: "textEditor", first: true, predicate: ["textEditor"], descendants: true, isSignal: true }, { propertyName: "listEditor", first: true, predicate: InlineListEditorComponent, descendants: true, isSignal: true }, { propertyName: "stageRef", first: true, predicate: ["stage"], descendants: true, isSignal: true }, { propertyName: "viewportRef", first: true, predicate: ["viewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n\t#viewport\n\tclass=\"pptx-ng-canvas-viewport\"\n\t[attr.data-pptx-viewport]=\"interactive() ? '' : null\"\n\t(pointerdown)=\"onViewportPointerDown($event)\"\n>\n\t<div class=\"pptx-ng-canvas-wrapper\" [ngStyle]=\"wrapperStyle()\">\n\t\t<div\n\t\t\t#stage\n\t\t\tclass=\"pptx-ng-canvas-stage\"\n\t\t\t[class.is-editable]=\"editable()\"\n\t\t\trole=\"region\"\n\t\t\t[attr.aria-roledescription]=\"interactive() || presenting() ? 'slide' : null\"\n\t\t\t[attr.data-pptx-ai-active]=\"aiActive() ? 'true' : null\"\n\t\t\t[ngStyle]=\"stageStyle()\"\n\t\t\t(pointerdown)=\"onStagePointerDown($event)\"\n\t\t\t(contextmenu)=\"onContextMenu($event)\"\n\t\t\t(dblclick)=\"onDblClick($event)\"\n\t\t>\n\t\t\t<!--\n\t\t\t\tTemplate layer: inherited master/layout elements, rendered BEHIND\n\t\t\t\tthe slide's own elements (lower z-index). Interactive + given the\n\t\t\t\tamber editable affordance only while editTemplateMode is on; when\n\t\t\t\toff they render inertly with no affordance, exactly as core\n\t\t\t\tdelivered them. `marked` keeps the data-pptx-element contract on\n\t\t\t\tthem even while locked: the marker means \"rendered slide element\",\n\t\t\t\tnot \"editable right now\".\n\t\t\t-->\n\t\t\t@for (element of visibleTemplateElements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive() && editTemplateMode()\"\n\t\t\t\t\t[marked]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[editable]=\"editable() && editTemplateMode()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"editTemplateMode()\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (element of elements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"visibleTemplateElements().length + i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[editable]=\"editable()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"false\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t<pptx-activex-controls-overlay\n\t\t\t\t[controls]=\"slide()?.activeXControls ?? []\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t/>\n\t\t\t@if (aiHighlights().length > 0 || aiActive()) {\n\t\t\t\t<pptx-ai-focus-highlight-overlay\n\t\t\t\t\t[highlights]=\"aiHighlights()\"\n\t\t\t\t\t[elements]=\"elements()\"\n\t\t\t\t\t[activeSlideIndex]=\"aiActiveSlideIndex()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (aiChangeBatch(); as batch) {\n\t\t\t\t<pptx-ai-change-overlay [batch]=\"batch\" [activeSlideIndex]=\"aiActiveSlideIndex()\" />\n\t\t\t}\n\t\t\t@for (box of selectionBoxes(); track box.id) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-selection\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"box.x\"\n\t\t\t\t\t[style.top.px]=\"box.y\"\n\t\t\t\t\t[style.width.px]=\"box.width\"\n\t\t\t\t\t[style.height.px]=\"box.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (h of handleBoxes(); track h.handle) {\n\t\t\t\t@let controlArtwork = selectionControlArtwork(h, h.handle);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"resize\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.resize' | translate: { handle: h.handle }\"\n\t\t\t\t\t[ngStyle]=\"controlArtwork.frame\"\n\t\t\t\t\t[style.cursor]=\"h.cursor\"\n\t\t\t\t\t[style.--pptx-selection-width.px]=\"singleSelected()?.width\"\n\t\t\t\t\t[style.--pptx-selection-height.px]=\"singleSelected()?.height\"\n\t\t\t\t\t(pointerdown)=\"onHandlePointerDown($event, h.handle)\"\n\t\t\t\t\t(keydown)=\"onResizeHandleKeydown($event, h.handle)\"\n\t\t\t\t>\n\t\t\t\t\t<span data-pptx-handle-hit [ngStyle]=\"resizeHitAreaStyle(h.handle)\"></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"controlArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t@if (marqueeRect(); as mr) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-marquee\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"mr.x\"\n\t\t\t\t\t[style.top.px]=\"mr.y\"\n\t\t\t\t\t[style.width.px]=\"mr.width\"\n\t\t\t\t\t[style.height.px]=\"mr.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (g of snapGuides(); track $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-snap-guide\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : g.start\"\n\t\t\t\t\t[style.top.px]=\"g.axis === 'x' ? g.start : g.pos\"\n\t\t\t\t\t[style.width.px]=\"g.axis === 'x' ? 0 : g.end - g.start\"\n\t\t\t\t\t[style.height.px]=\"g.axis === 'x' ? g.end - g.start : 0\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@if (rotateHandle(); as rh) {\n\t\t\t\t@let rotateArtwork = selectionControlArtwork(rh);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-rotate-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.z-index]=\"editingBox() ? 10003 : null\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"rotate\"\n\t\t\t\t\t[pptxRotateHandleFor]=\"singleSelected()?.id\"\n\t\t\t\t\t[pptxRotateHandleStage]=\"stage\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.rotate' | translate\"\n\t\t\t\t\t[ngStyle]=\"rotateArtwork.frame\"\n\t\t\t\t\t(pointerdown)=\"onRotatePointerDown($event)\"\n\t\t\t\t\t(keydown)=\"onRotateHandleKeydown($event)\"\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"rotateArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tShape-adjustment affordances (amber diamonds), ONE per `a:avLst`\n\t\t\t\tguide. Existence, position and cursor all come from the SHARED\n\t\t\t\t`getShapeAdjustmentHandleDescriptors`, so they appear only for a\n\t\t\t\tgeometry with an adjustable parameter, sit where the other four\n\t\t\t\tbindings put them, and are absent for a shape locked with\n\t\t\t\t`noAdjustHandles`. Dragging one writes `shapeAdjustments`; it does\n\t\t\t\tNOT resize the element.\n\t\t\t-->\n\t\t\t@for (ah of adjustHandles(); track ah.key) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-adjust-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"adjust\"\n\t\t\t\t\t[attr.data-pptx-adjust-key]=\"ah.key\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.adjust' | translate\"\n\t\t\t\t\t[style.left.px]=\"ah.left\"\n\t\t\t\t\t[style.top.px]=\"ah.top\"\n\t\t\t\t\t[style.width.px]=\"ah.size\"\n\t\t\t\t\t[style.height.px]=\"ah.size\"\n\t\t\t\t\t[style.cursor]=\"ah.cursor\"\n\t\t\t\t\t(pointerdown)=\"onAdjustPointerDown($event, ah)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tPowerPoint's floating \"Chart Elements\"/\"Chart Styles\"/\"Chart\n\t\t\t\tFilters\" quick-action icons, shown just outside the chart's\n\t\t\t\ttop-right corner when it is the single selected element.\n\t\t\t-->\n\t\t\t@if (editable() && quickActionsChartElement(); as chartEl) {\n\t\t\t\t<pptx-chart-quick-actions-overlay\n\t\t\t\t\t[element]=\"chartEl\"\n\t\t\t\t\t[canEdit]=\"editable()\"\n\t\t\t\t\t[zoom]=\"effectiveScalePublic()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tConnector endpoint authoring: drag an end onto a shape's connection\n\t\t\t\tpoint to bind it (`a:stCxn` / `a:endCxn`), or off one to detach.\n\t\t\t\tCandidate sites are revealed only while an end is in flight so they\n\t\t\t\tnever obscure the deck at rest.\n\t\t\t-->\n\t\t\t@for (site of connectorSiteCandidates(); track site.key) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-connection-site\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-snapped]=\"site.snapped\"\n\t\t\t\t\tdata-pptx-connection-site\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[style.left.px]=\"site.left\"\n\t\t\t\t\t[style.top.px]=\"site.top\"\n\t\t\t\t\t[style.width.px]=\"site.size\"\n\t\t\t\t\t[style.height.px]=\"site.size\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (ep of connectorEndpoints(); track ep.kind) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-connector-endpoint\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.data-pptx-connector-endpoint]=\"ep.kind\"\n\t\t\t\t\t[attr.data-pptx-connector-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t(ep.kind === 'start'\n\t\t\t\t\t\t\t? 'pptx.canvas.connectorEndpointStart'\n\t\t\t\t\t\t\t: 'pptx.canvas.connectorEndpointEnd'\n\t\t\t\t\t\t) | translate\n\t\t\t\t\t\"\n\t\t\t\t\t[style.left.px]=\"ep.left\"\n\t\t\t\t\t[style.top.px]=\"ep.top\"\n\t\t\t\t\t[style.width.px]=\"ep.size\"\n\t\t\t\t\t[style.height.px]=\"ep.size\"\n\t\t\t\t\t(pointerdown)=\"onConnectorEndpointPointerDown($event, ep.kind)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t@if (editingBox(); as eb) {\n\t\t\t\t@if (inlineListSeed(); as seed) {\n\t\t\t\t\t@for (session of [seed]; track session) {\n\t\t\t\t\t\t<pptx-inline-list-editor\n\t\t\t\t\t\t\t[element]=\"eb.element\"\n\t\t\t\t\t\t\t[seed]=\"session\"\n\t\t\t\t\t\t\t[activationSelection]=\"listActivationSelection()\"\n\t\t\t\t\t\t\t[spellCheck]=\"spellCheck()\"\n\t\t\t\t\t\t\t(textInput)=\"textInput.emit($event)\"\n\t\t\t\t\t\t\t(textCommit)=\"textCommit.emit($event)\"\n\t\t\t\t\t\t\t(textCancel)=\"textCancel.emit()\"\n\t\t\t\t\t\t\t(textFormat)=\"textFormat.emit($event)\"\n\t\t\t\t\t\t\t(listSession)=\"listSession.emit($event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t<textarea\n\t\t\t\t\t\t#textEditor\n\t\t\t\t\t\tdata-inline-editor\n\t\t\t\t\t\tclass=\"pptx-ng-text-editor\"\n\t\t\t\t\t\taria-label=\"Edit slide text\"\n\t\t\t\t\t\t[spellcheck]=\"spellCheck()\"\n\t\t\t\t\t\t[style.left.px]=\"eb.x\"\n\t\t\t\t\t\t[style.top.px]=\"eb.y\"\n\t\t\t\t\t\t[style.width.px]=\"eb.width\"\n\t\t\t\t\t\t[style.height.px]=\"eb.height\"\n\t\t\t\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(input)=\"onTextInput($event, eb.id)\"\n\t\t\t\t\t\t(blur)=\"commitText($event, eb.id)\"\n\t\t\t\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t\t\t\t></textarea>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tView overlays: editor aids only, never on thumbnails/preview/presentation.\n\t\t\t\tAll are pointer-events:none so they never break selection/drag.\n\t\t\t\tNone carry data-pptx-element / aria-roledescription / data-pptx-viewport.\n\t\t\t-->\n\t\t\t@if (interactive() && showGrid()) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-grid\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t[attr.id]=\"gridPatternId\"\n\t\t\t\t\t\t\t[attr.width]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\t[attr.height]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t[attr.cx]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\t[attr.cy]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\tr=\"0.6\"\n\t\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.55)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</pattern>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\t\t[attr.fill]=\"'url(#' + gridPatternId + ')'\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t@if (interactive() && showGuides()) {\n\t\t\t\t<!--\n\t\t\t\t\tCenter crosshair: one horizontal line and one vertical line\n\t\t\t\t\tthrough the midpoint of the slide. Static; draggable guides\n\t\t\t\t\tare a follow-up.\n\t\t\t\t-->\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-guides\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<!-- Horizontal center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t\t[attr.y1]=\"canvasSize().height / 2\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height / 2\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t\t<!-- Vertical center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"canvasSize().width / 2\"\n\t\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width / 2\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tUser-created ruler guides.\n\t\t\t\tEach guide has a non-interactive line body and an interactive\n\t\t\t\tdrag handle. Double-click the handle to delete the guide.\n\n\t\t\t\tDeliberately OUTSIDE the showGuides() gate above (which owns the\n\t\t\t\tstatic centre crosshair): a guide the user just dragged off a ruler\n\t\t\t\tstrip must be visible immediately, as it is in Vue and Vanilla.\n\t\t\t\tWhile it lived under that gate, the drag-out gesture silently\n\t\t\t\tproduced an invisible guide unless View > Guides happened to be on.\n\t\t\t-->\n\t\t\t@if (interactive()) {\n\t\t\t\t@for (g of rulerGuidesSvc.rulerGuides(); track g.id) {\n\t\t\t\t\t<!-- Guide line body: pointer-events:none -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-line\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '1px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '1px' : '100%'\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<!-- Drag handle: pointer-events:auto -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-handle\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.cursor]=\"g.axis === 'x' ? 'col-resize' : 'row-resize'\"\n\t\t\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onGuidePointerDown($event, g.id, g.axis)\"\n\t\t\t\t\t\t(dblclick)=\"rulerGuidesSvc.onGuideDoubleClick($event, g.id)\"\n\t\t\t\t\t\t[title]=\"'pptx.canvas.guideTooltip' | translate\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tLive ink stroke preview: shown while the user is drawing.\n\t\t\t\tpointer-events:none so it never intercepts element gestures.\n\t\t\t\tNo data-pptx-element / aria-roledescription / data-pptx-viewport.\n\n\t\t\t\tRenders `inkDrawing.liveStrokeView()`: the same plain-path /\n\t\t\t\tpressure-circle / tilt-nib decision `InkRendererComponent` makes for\n\t\t\t\ta committed stroke, so a calligraphic lean or pressure-variable\n\t\t\t\twidth shows up while the pointer is still down, not only after\n\t\t\t\trelease.\n\t\t\t-->\n\t\t\t@if (inkDrawing.active() && inkDrawing.liveStrokeView() && drawTool() !== 'select') {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-ink-preview\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none; z-index: 70\"\n\t\t\t\t>\n\t\t\t\t\t@if (inkDrawing.liveStrokeView()?.nibMarks; as nibMarks) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (m of nibMarks; track $index) {\n\t\t\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"m.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"m.cy\"\n\t\t\t\t\t\t\t\t\t[attr.rx]=\"m.rPerp\"\n\t\t\t\t\t\t\t\t\t[attr.ry]=\"m.rTilt\"\n\t\t\t\t\t\t\t\t\t[attr.transform]=\"'rotate(' + m.rotationDeg + ' ' + m.cx + ' ' + m.cy + ')'\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else if (inkDrawing.liveStrokeView()?.circles; as circles) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (c of circles; track $index) {\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"inkDrawing.liveStrokeView()?.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"inkDrawing.liveStrokeView()?.width\"\n\t\t\t\t\t\t\t[attr.stroke-opacity]=\"inkDrawing.liveStrokeView()?.opacity\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tProjected overlays (collaboration cursors + remote selections).\n\t\t\t\tThey live INSIDE the scaled stage so the stage's CSS\n\t\t\t\ttransform:scale() applies the on-screen scale exactly once and\n\t\t\t\tthey can be authored in raw, unscaled slide coordinates, exactly\n\t\t\t\tlike the React/Vue overlays.\n\t\t\t-->\n\t\t\t<ng-content />\n\t\t</div>\n\n\t\t<!--\n\t\t\tRuler strips: siblings to the scaled stage inside the wrapper div,\n\t\t\tabsolutely positioned at top:0/left:0 within the wrapper's padding area.\n\t\t\tThe wrapper's padding (RULER_THICKNESS px top+left) reserves space for\n\t\t\tthese strips so the stage content starts below/right of them.\n\t\t\tpointer-events:none so they never intercept element gestures.\n\t\t-->\n\t\t@if (interactive() && showRulers()) {\n\t\t\t<!-- Corner square at the intersection of the two ruler strips -->\n\t\t\t<div class=\"pptx-ng-ruler-corner\" aria-hidden=\"true\"></div>\n\n\t\t\t<!--\n\t\t\t\tHorizontal ruler: spans the top padding row of the wrapper.\n\t\t\t\tA guide is dropped on pointer-UP (not down), resolved by the shared\n\t\t\t\trulerDragToGuidePosition, so a stray click on the strip cannot\n\t\t\t\tdrop a guide the user never dragged out - the rule React, Vue,\n\t\t\t\tSvelte and Vanilla all follow.\n\t\t\t-->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-h\"\n\t\t\t\tdata-pptx-ruler=\"h\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t[style.cursor]=\"editable() ? 'row-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('h', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('h', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (hRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.x]=\"highlight.start\"\n\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t[attr.width]=\"highlight.span\"\n\t\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t[attr.y1]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.x2]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.y2]=\"rulerThickness - 0.5\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of hRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"tick.position\"\n\t\t\t\t\t\t[attr.y1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.x2]=\"tick.position\"\n\t\t\t\t\t\t[attr.y2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"tick.position + 2\"\n\t\t\t\t\t\t\t[attr.y]=\"rulerFontSize + 1\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\n\t\t\t<!-- Vertical ruler: spans the left padding column of the wrapper -->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-v\"\n\t\t\t\tdata-pptx-ruler=\"v\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t[style.cursor]=\"editable() ? 'col-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('v', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('v', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (vRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t[attr.y]=\"highlight.start\"\n\t\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.height]=\"highlight.span\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\t[attr.x1]=\"rulerThickness - 0.5\"\n\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t[attr.x2]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.y2]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of vRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.y1]=\"tick.position\"\n\t\t\t\t\t\t[attr.x2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\t[attr.y2]=\"tick.position\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\tx=\"2\"\n\t\t\t\t\t\t\t[attr.y]=\"tick.position + rulerFontSize + 2\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\t\t}\n\t</div>\n</div>\n", styles: [".pptx-ng-canvas-stage.is-editable{touch-action:none}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ElementRendererComponent, selector: "pptx-element-renderer", inputs: ["element", "mediaDataUrls", "zIndex", "obstacles", "canvasWidth", "canvasHeight", "interactive", "marked", "exposeElementId", "presenting", "editable", "fieldContext", "slideElements", "editTemplateMode", "parentGroupFill", "editingElementId"], outputs: ["cellCommit", "tableChange"] }, { kind: "component", type: AiFocusHighlightOverlayComponent, selector: "pptx-ai-focus-highlight-overlay", inputs: ["highlights", "elements", "activeSlideIndex"] }, { kind: "component", type: AiChangeOverlayComponent, selector: "pptx-ai-change-overlay", inputs: ["batch", "activeSlideIndex"] }, { kind: "component", type: ActiveXControlsOverlayComponent, selector: "pptx-activex-controls-overlay", inputs: ["controls", "canvasSize"] }, { kind: "component", type: InlineListEditorComponent, selector: "pptx-inline-list-editor", inputs: ["element", "seed", "spellCheck", "activationSelection"], outputs: ["textInput", "textCommit", "textCancel", "textFormat", "listSession"] }, { kind: "directive", type: RotateHandlePlacementDirective, selector: "[pptxRotateHandleFor]", inputs: ["pptxRotateHandleFor", "pptxRotateHandleStage"] }, { kind: "component", type: ChartQuickActionsOverlayComponent, selector: "pptx-chart-quick-actions-overlay", inputs: ["element", "canEdit", "zoom"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: SlideCanvasComponent, decorators: [{
             type: Component,
@@ -128930,7 +130050,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         ActiveXControlsOverlayComponent,
                         InlineListEditorComponent,
                         RotateHandlePlacementDirective,
-                    ], template: "<div\n\t#viewport\n\tclass=\"pptx-ng-canvas-viewport\"\n\t[attr.data-pptx-viewport]=\"interactive() ? '' : null\"\n\t(pointerdown)=\"onViewportPointerDown($event)\"\n>\n\t<div class=\"pptx-ng-canvas-wrapper\" [ngStyle]=\"wrapperStyle()\">\n\t\t<div\n\t\t\t#stage\n\t\t\tclass=\"pptx-ng-canvas-stage\"\n\t\t\t[class.is-editable]=\"editable()\"\n\t\t\trole=\"region\"\n\t\t\t[attr.aria-roledescription]=\"interactive() || presenting() ? 'slide' : null\"\n\t\t\t[attr.data-pptx-ai-active]=\"aiActive() ? 'true' : null\"\n\t\t\t[ngStyle]=\"stageStyle()\"\n\t\t\t(pointerdown)=\"onStagePointerDown($event)\"\n\t\t\t(contextmenu)=\"onContextMenu($event)\"\n\t\t\t(dblclick)=\"onDblClick($event)\"\n\t\t>\n\t\t\t<!--\n\t\t\t\tTemplate layer: inherited master/layout elements, rendered BEHIND\n\t\t\t\tthe slide's own elements (lower z-index). Interactive + given the\n\t\t\t\tamber editable affordance only while editTemplateMode is on; when\n\t\t\t\toff they render inertly with no affordance, exactly as core\n\t\t\t\tdelivered them. `marked` keeps the data-pptx-element contract on\n\t\t\t\tthem even while locked: the marker means \"rendered slide element\",\n\t\t\t\tnot \"editable right now\".\n\t\t\t-->\n\t\t\t@for (element of visibleTemplateElements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive() && editTemplateMode()\"\n\t\t\t\t\t[marked]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[editable]=\"editable() && editTemplateMode()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"editTemplateMode()\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (element of elements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"visibleTemplateElements().length + i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[editable]=\"editable()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"false\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t<pptx-activex-controls-overlay\n\t\t\t\t[controls]=\"slide()?.activeXControls ?? []\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t/>\n\t\t\t@if (aiHighlights().length > 0 || aiActive()) {\n\t\t\t\t<pptx-ai-focus-highlight-overlay\n\t\t\t\t\t[highlights]=\"aiHighlights()\"\n\t\t\t\t\t[elements]=\"elements()\"\n\t\t\t\t\t[activeSlideIndex]=\"aiActiveSlideIndex()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (aiChangeBatch(); as batch) {\n\t\t\t\t<pptx-ai-change-overlay [batch]=\"batch\" [activeSlideIndex]=\"aiActiveSlideIndex()\" />\n\t\t\t}\n\t\t\t@for (box of selectionBoxes(); track box.id) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-selection\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"box.x\"\n\t\t\t\t\t[style.top.px]=\"box.y\"\n\t\t\t\t\t[style.width.px]=\"box.width\"\n\t\t\t\t\t[style.height.px]=\"box.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (h of handleBoxes(); track h.handle) {\n\t\t\t\t@let controlArtwork = selectionControlArtwork(h, h.handle);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"resize\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.resize' | translate: { handle: h.handle }\"\n\t\t\t\t\t[ngStyle]=\"controlArtwork.frame\"\n\t\t\t\t\t[style.cursor]=\"h.cursor\"\n\t\t\t\t\t[style.--pptx-selection-width.px]=\"singleSelected()?.width\"\n\t\t\t\t\t[style.--pptx-selection-height.px]=\"singleSelected()?.height\"\n\t\t\t\t\t(pointerdown)=\"onHandlePointerDown($event, h.handle)\"\n\t\t\t\t\t(keydown)=\"onResizeHandleKeydown($event, h.handle)\"\n\t\t\t\t>\n\t\t\t\t\t<span data-pptx-handle-hit [ngStyle]=\"resizeHitAreaStyle(h.handle)\"></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"controlArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t@if (marqueeRect(); as mr) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-marquee\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"mr.x\"\n\t\t\t\t\t[style.top.px]=\"mr.y\"\n\t\t\t\t\t[style.width.px]=\"mr.width\"\n\t\t\t\t\t[style.height.px]=\"mr.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (g of snapGuides(); track $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-snap-guide\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : g.start\"\n\t\t\t\t\t[style.top.px]=\"g.axis === 'x' ? g.start : g.pos\"\n\t\t\t\t\t[style.width.px]=\"g.axis === 'x' ? 0 : g.end - g.start\"\n\t\t\t\t\t[style.height.px]=\"g.axis === 'x' ? g.end - g.start : 0\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@if (rotateHandle(); as rh) {\n\t\t\t\t@let rotateArtwork = selectionControlArtwork(rh);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-rotate-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.z-index]=\"editingBox() ? 10003 : null\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"rotate\"\n\t\t\t\t\t[pptxRotateHandleFor]=\"singleSelected()?.id\"\n\t\t\t\t\t[pptxRotateHandleStage]=\"stage\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.rotate' | translate\"\n\t\t\t\t\t[ngStyle]=\"rotateArtwork.frame\"\n\t\t\t\t\t(pointerdown)=\"onRotatePointerDown($event)\"\n\t\t\t\t\t(keydown)=\"onRotateHandleKeydown($event)\"\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"rotateArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tShape-adjustment affordances (amber diamonds), ONE per `a:avLst`\n\t\t\t\tguide. Existence, position and cursor all come from the SHARED\n\t\t\t\t`getShapeAdjustmentHandleDescriptors`, so they appear only for a\n\t\t\t\tgeometry with an adjustable parameter, sit where the other four\n\t\t\t\tbindings put them, and are absent for a shape locked with\n\t\t\t\t`noAdjustHandles`. Dragging one writes `shapeAdjustments`; it does\n\t\t\t\tNOT resize the element.\n\t\t\t-->\n\t\t\t@for (ah of adjustHandles(); track ah.key) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-adjust-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"adjust\"\n\t\t\t\t\t[attr.data-pptx-adjust-key]=\"ah.key\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.adjust' | translate\"\n\t\t\t\t\t[style.left.px]=\"ah.left\"\n\t\t\t\t\t[style.top.px]=\"ah.top\"\n\t\t\t\t\t[style.width.px]=\"ah.size\"\n\t\t\t\t\t[style.height.px]=\"ah.size\"\n\t\t\t\t\t[style.cursor]=\"ah.cursor\"\n\t\t\t\t\t(pointerdown)=\"onAdjustPointerDown($event, ah)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tConnector endpoint authoring: drag an end onto a shape's connection\n\t\t\t\tpoint to bind it (`a:stCxn` / `a:endCxn`), or off one to detach.\n\t\t\t\tCandidate sites are revealed only while an end is in flight so they\n\t\t\t\tnever obscure the deck at rest.\n\t\t\t-->\n\t\t\t@for (site of connectorSiteCandidates(); track site.key) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-connection-site\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-snapped]=\"site.snapped\"\n\t\t\t\t\tdata-pptx-connection-site\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[style.left.px]=\"site.left\"\n\t\t\t\t\t[style.top.px]=\"site.top\"\n\t\t\t\t\t[style.width.px]=\"site.size\"\n\t\t\t\t\t[style.height.px]=\"site.size\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (ep of connectorEndpoints(); track ep.kind) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-connector-endpoint\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.data-pptx-connector-endpoint]=\"ep.kind\"\n\t\t\t\t\t[attr.data-pptx-connector-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t(ep.kind === 'start'\n\t\t\t\t\t\t\t? 'pptx.canvas.connectorEndpointStart'\n\t\t\t\t\t\t\t: 'pptx.canvas.connectorEndpointEnd'\n\t\t\t\t\t\t) | translate\n\t\t\t\t\t\"\n\t\t\t\t\t[style.left.px]=\"ep.left\"\n\t\t\t\t\t[style.top.px]=\"ep.top\"\n\t\t\t\t\t[style.width.px]=\"ep.size\"\n\t\t\t\t\t[style.height.px]=\"ep.size\"\n\t\t\t\t\t(pointerdown)=\"onConnectorEndpointPointerDown($event, ep.kind)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t@if (editingBox(); as eb) {\n\t\t\t\t@if (inlineListSeed(); as seed) {\n\t\t\t\t\t@for (session of [seed]; track session) {\n\t\t\t\t\t\t<pptx-inline-list-editor\n\t\t\t\t\t\t\t[element]=\"eb.element\"\n\t\t\t\t\t\t\t[seed]=\"session\"\n\t\t\t\t\t\t\t[activationSelection]=\"listActivationSelection()\"\n\t\t\t\t\t\t\t[spellCheck]=\"spellCheck()\"\n\t\t\t\t\t\t\t(textInput)=\"textInput.emit($event)\"\n\t\t\t\t\t\t\t(textCommit)=\"textCommit.emit($event)\"\n\t\t\t\t\t\t\t(textCancel)=\"textCancel.emit()\"\n\t\t\t\t\t\t\t(textFormat)=\"textFormat.emit($event)\"\n\t\t\t\t\t\t\t(listSession)=\"listSession.emit($event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t<textarea\n\t\t\t\t\t\t#textEditor\n\t\t\t\t\t\tdata-inline-editor\n\t\t\t\t\t\tclass=\"pptx-ng-text-editor\"\n\t\t\t\t\t\taria-label=\"Edit slide text\"\n\t\t\t\t\t\t[spellcheck]=\"spellCheck()\"\n\t\t\t\t\t\t[style.left.px]=\"eb.x\"\n\t\t\t\t\t\t[style.top.px]=\"eb.y\"\n\t\t\t\t\t\t[style.width.px]=\"eb.width\"\n\t\t\t\t\t\t[style.height.px]=\"eb.height\"\n\t\t\t\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(input)=\"onTextInput($event, eb.id)\"\n\t\t\t\t\t\t(blur)=\"commitText($event, eb.id)\"\n\t\t\t\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t\t\t\t></textarea>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tView overlays: editor aids only, never on thumbnails/preview/presentation.\n\t\t\t\tAll are pointer-events:none so they never break selection/drag.\n\t\t\t\tNone carry data-pptx-element / aria-roledescription / data-pptx-viewport.\n\t\t\t-->\n\t\t\t@if (interactive() && showGrid()) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-grid\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t[attr.id]=\"gridPatternId\"\n\t\t\t\t\t\t\t[attr.width]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\t[attr.height]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t[attr.cx]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\t[attr.cy]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\tr=\"0.6\"\n\t\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.55)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</pattern>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\t\t[attr.fill]=\"'url(#' + gridPatternId + ')'\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t@if (interactive() && showGuides()) {\n\t\t\t\t<!--\n\t\t\t\t\tCenter crosshair: one horizontal line and one vertical line\n\t\t\t\t\tthrough the midpoint of the slide. Static; draggable guides\n\t\t\t\t\tare a follow-up.\n\t\t\t\t-->\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-guides\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<!-- Horizontal center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t\t[attr.y1]=\"canvasSize().height / 2\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height / 2\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t\t<!-- Vertical center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"canvasSize().width / 2\"\n\t\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width / 2\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tUser-created ruler guides.\n\t\t\t\tEach guide has a non-interactive line body and an interactive\n\t\t\t\tdrag handle. Double-click the handle to delete the guide.\n\n\t\t\t\tDeliberately OUTSIDE the showGuides() gate above (which owns the\n\t\t\t\tstatic centre crosshair): a guide the user just dragged off a ruler\n\t\t\t\tstrip must be visible immediately, as it is in Vue and Vanilla.\n\t\t\t\tWhile it lived under that gate, the drag-out gesture silently\n\t\t\t\tproduced an invisible guide unless View > Guides happened to be on.\n\t\t\t-->\n\t\t\t@if (interactive()) {\n\t\t\t\t@for (g of rulerGuidesSvc.rulerGuides(); track g.id) {\n\t\t\t\t\t<!-- Guide line body: pointer-events:none -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-line\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '1px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '1px' : '100%'\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<!-- Drag handle: pointer-events:auto -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-handle\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.cursor]=\"g.axis === 'x' ? 'col-resize' : 'row-resize'\"\n\t\t\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onGuidePointerDown($event, g.id, g.axis)\"\n\t\t\t\t\t\t(dblclick)=\"rulerGuidesSvc.onGuideDoubleClick($event, g.id)\"\n\t\t\t\t\t\t[title]=\"'pptx.canvas.guideTooltip' | translate\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tLive ink stroke preview: shown while the user is drawing.\n\t\t\t\tpointer-events:none so it never intercepts element gestures.\n\t\t\t\tNo data-pptx-element / aria-roledescription / data-pptx-viewport.\n\n\t\t\t\tRenders `inkDrawing.liveStrokeView()`: the same plain-path /\n\t\t\t\tpressure-circle / tilt-nib decision `InkRendererComponent` makes for\n\t\t\t\ta committed stroke, so a calligraphic lean or pressure-variable\n\t\t\t\twidth shows up while the pointer is still down, not only after\n\t\t\t\trelease.\n\t\t\t-->\n\t\t\t@if (inkDrawing.active() && inkDrawing.liveStrokeView() && drawTool() !== 'select') {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-ink-preview\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none; z-index: 70\"\n\t\t\t\t>\n\t\t\t\t\t@if (inkDrawing.liveStrokeView()?.nibMarks; as nibMarks) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (m of nibMarks; track $index) {\n\t\t\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"m.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"m.cy\"\n\t\t\t\t\t\t\t\t\t[attr.rx]=\"m.rPerp\"\n\t\t\t\t\t\t\t\t\t[attr.ry]=\"m.rTilt\"\n\t\t\t\t\t\t\t\t\t[attr.transform]=\"'rotate(' + m.rotationDeg + ' ' + m.cx + ' ' + m.cy + ')'\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else if (inkDrawing.liveStrokeView()?.circles; as circles) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (c of circles; track $index) {\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"inkDrawing.liveStrokeView()?.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"inkDrawing.liveStrokeView()?.width\"\n\t\t\t\t\t\t\t[attr.stroke-opacity]=\"inkDrawing.liveStrokeView()?.opacity\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tProjected overlays (collaboration cursors + remote selections).\n\t\t\t\tThey live INSIDE the scaled stage so the stage's CSS\n\t\t\t\ttransform:scale() applies the on-screen scale exactly once and\n\t\t\t\tthey can be authored in raw, unscaled slide coordinates, exactly\n\t\t\t\tlike the React/Vue overlays.\n\t\t\t-->\n\t\t\t<ng-content />\n\t\t</div>\n\n\t\t<!--\n\t\t\tRuler strips: siblings to the scaled stage inside the wrapper div,\n\t\t\tabsolutely positioned at top:0/left:0 within the wrapper's padding area.\n\t\t\tThe wrapper's padding (RULER_THICKNESS px top+left) reserves space for\n\t\t\tthese strips so the stage content starts below/right of them.\n\t\t\tpointer-events:none so they never intercept element gestures.\n\t\t-->\n\t\t@if (interactive() && showRulers()) {\n\t\t\t<!-- Corner square at the intersection of the two ruler strips -->\n\t\t\t<div class=\"pptx-ng-ruler-corner\" aria-hidden=\"true\"></div>\n\n\t\t\t<!--\n\t\t\t\tHorizontal ruler: spans the top padding row of the wrapper.\n\t\t\t\tA guide is dropped on pointer-UP (not down), resolved by the shared\n\t\t\t\trulerDragToGuidePosition, so a stray click on the strip cannot\n\t\t\t\tdrop a guide the user never dragged out - the rule React, Vue,\n\t\t\t\tSvelte and Vanilla all follow.\n\t\t\t-->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-h\"\n\t\t\t\tdata-pptx-ruler=\"h\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t[style.cursor]=\"editable() ? 'row-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('h', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('h', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (hRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.x]=\"highlight.start\"\n\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t[attr.width]=\"highlight.span\"\n\t\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t[attr.y1]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.x2]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.y2]=\"rulerThickness - 0.5\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of hRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"tick.position\"\n\t\t\t\t\t\t[attr.y1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.x2]=\"tick.position\"\n\t\t\t\t\t\t[attr.y2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"tick.position + 2\"\n\t\t\t\t\t\t\t[attr.y]=\"rulerFontSize + 1\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\n\t\t\t<!-- Vertical ruler: spans the left padding column of the wrapper -->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-v\"\n\t\t\t\tdata-pptx-ruler=\"v\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t[style.cursor]=\"editable() ? 'col-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('v', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('v', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (vRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t[attr.y]=\"highlight.start\"\n\t\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.height]=\"highlight.span\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\t[attr.x1]=\"rulerThickness - 0.5\"\n\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t[attr.x2]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.y2]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of vRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.y1]=\"tick.position\"\n\t\t\t\t\t\t[attr.x2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\t[attr.y2]=\"tick.position\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\tx=\"2\"\n\t\t\t\t\t\t\t[attr.y]=\"tick.position + rulerFontSize + 2\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\t\t}\n\t</div>\n</div>\n", styles: [".pptx-ng-canvas-stage.is-editable{touch-action:none}\n"] }]
+                        ChartQuickActionsOverlayComponent,
+                    ], template: "<div\n\t#viewport\n\tclass=\"pptx-ng-canvas-viewport\"\n\t[attr.data-pptx-viewport]=\"interactive() ? '' : null\"\n\t(pointerdown)=\"onViewportPointerDown($event)\"\n>\n\t<div class=\"pptx-ng-canvas-wrapper\" [ngStyle]=\"wrapperStyle()\">\n\t\t<div\n\t\t\t#stage\n\t\t\tclass=\"pptx-ng-canvas-stage\"\n\t\t\t[class.is-editable]=\"editable()\"\n\t\t\trole=\"region\"\n\t\t\t[attr.aria-roledescription]=\"interactive() || presenting() ? 'slide' : null\"\n\t\t\t[attr.data-pptx-ai-active]=\"aiActive() ? 'true' : null\"\n\t\t\t[ngStyle]=\"stageStyle()\"\n\t\t\t(pointerdown)=\"onStagePointerDown($event)\"\n\t\t\t(contextmenu)=\"onContextMenu($event)\"\n\t\t\t(dblclick)=\"onDblClick($event)\"\n\t\t>\n\t\t\t<!--\n\t\t\t\tTemplate layer: inherited master/layout elements, rendered BEHIND\n\t\t\t\tthe slide's own elements (lower z-index). Interactive + given the\n\t\t\t\tamber editable affordance only while editTemplateMode is on; when\n\t\t\t\toff they render inertly with no affordance, exactly as core\n\t\t\t\tdelivered them. `marked` keeps the data-pptx-element contract on\n\t\t\t\tthem even while locked: the marker means \"rendered slide element\",\n\t\t\t\tnot \"editable right now\".\n\t\t\t-->\n\t\t\t@for (element of visibleTemplateElements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive() && editTemplateMode()\"\n\t\t\t\t\t[marked]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[editable]=\"editable() && editTemplateMode()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"editTemplateMode()\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@for (element of elements(); track element.id; let i = $index) {\n\t\t\t\t<pptx-element-renderer\n\t\t\t\t\t[element]=\"element\"\n\t\t\t\t\t[mediaDataUrls]=\"mediaDataUrls()\"\n\t\t\t\t\t[zIndex]=\"visibleTemplateElements().length + i\"\n\t\t\t\t\t[obstacles]=\"connectorObstacles()\"\n\t\t\t\t\t[canvasWidth]=\"canvasSize().width\"\n\t\t\t\t\t[canvasHeight]=\"canvasSize().height\"\n\t\t\t\t\t[interactive]=\"interactive()\"\n\t\t\t\t\t[exposeElementId]=\"exposeElementIds()\"\n\t\t\t\t\t[presenting]=\"presenting()\"\n\t\t\t\t\t[editable]=\"editable()\"\n\t\t\t\t\t[fieldContext]=\"fieldContext()\"\n\t\t\t\t\t[slideElements]=\"allElements()\"\n\t\t\t\t\t[editTemplateMode]=\"false\"\n\t\t\t\t\t[editingElementId]=\"editingId()\"\n\t\t\t\t\t(cellCommit)=\"cellCommit.emit($event)\"\n\t\t\t\t\t(tableChange)=\"tableChange.emit($event)\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t<pptx-activex-controls-overlay\n\t\t\t\t[controls]=\"slide()?.activeXControls ?? []\"\n\t\t\t\t[canvasSize]=\"canvasSize()\"\n\t\t\t/>\n\t\t\t@if (aiHighlights().length > 0 || aiActive()) {\n\t\t\t\t<pptx-ai-focus-highlight-overlay\n\t\t\t\t\t[highlights]=\"aiHighlights()\"\n\t\t\t\t\t[elements]=\"elements()\"\n\t\t\t\t\t[activeSlideIndex]=\"aiActiveSlideIndex()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (aiChangeBatch(); as batch) {\n\t\t\t\t<pptx-ai-change-overlay [batch]=\"batch\" [activeSlideIndex]=\"aiActiveSlideIndex()\" />\n\t\t\t}\n\t\t\t@for (box of selectionBoxes(); track box.id) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-selection\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"box.x\"\n\t\t\t\t\t[style.top.px]=\"box.y\"\n\t\t\t\t\t[style.width.px]=\"box.width\"\n\t\t\t\t\t[style.height.px]=\"box.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (h of handleBoxes(); track h.handle) {\n\t\t\t\t@let controlArtwork = selectionControlArtwork(h, h.handle);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"resize\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.resize' | translate: { handle: h.handle }\"\n\t\t\t\t\t[ngStyle]=\"controlArtwork.frame\"\n\t\t\t\t\t[style.cursor]=\"h.cursor\"\n\t\t\t\t\t[style.--pptx-selection-width.px]=\"singleSelected()?.width\"\n\t\t\t\t\t[style.--pptx-selection-height.px]=\"singleSelected()?.height\"\n\t\t\t\t\t(pointerdown)=\"onHandlePointerDown($event, h.handle)\"\n\t\t\t\t\t(keydown)=\"onResizeHandleKeydown($event, h.handle)\"\n\t\t\t\t>\n\t\t\t\t\t<span data-pptx-handle-hit [ngStyle]=\"resizeHitAreaStyle(h.handle)\"></span>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"controlArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t@if (marqueeRect(); as mr) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-marquee\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"mr.x\"\n\t\t\t\t\t[style.top.px]=\"mr.y\"\n\t\t\t\t\t[style.width.px]=\"mr.width\"\n\t\t\t\t\t[style.height.px]=\"mr.height\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (g of snapGuides(); track $index) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-snap-guide\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : g.start\"\n\t\t\t\t\t[style.top.px]=\"g.axis === 'x' ? g.start : g.pos\"\n\t\t\t\t\t[style.width.px]=\"g.axis === 'x' ? 0 : g.end - g.start\"\n\t\t\t\t\t[style.height.px]=\"g.axis === 'x' ? g.end - g.start : 0\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@if (rotateHandle(); as rh) {\n\t\t\t\t@let rotateArtwork = selectionControlArtwork(rh);\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-rotate-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[style.z-index]=\"editingBox() ? 10003 : null\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"rotate\"\n\t\t\t\t\t[pptxRotateHandleFor]=\"singleSelected()?.id\"\n\t\t\t\t\t[pptxRotateHandleStage]=\"stage\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.rotate' | translate\"\n\t\t\t\t\t[ngStyle]=\"rotateArtwork.frame\"\n\t\t\t\t\t(pointerdown)=\"onRotatePointerDown($event)\"\n\t\t\t\t\t(keydown)=\"onRotateHandleKeydown($event)\"\n\t\t\t\t>\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclass=\"pptx-ng-control-artwork\"\n\t\t\t\t\t\tdata-pptx-handle-artwork\n\t\t\t\t\t\t[ngStyle]=\"rotateArtwork.artwork\"\n\t\t\t\t\t></span>\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tShape-adjustment affordances (amber diamonds), ONE per `a:avLst`\n\t\t\t\tguide. Existence, position and cursor all come from the SHARED\n\t\t\t\t`getShapeAdjustmentHandleDescriptors`, so they appear only for a\n\t\t\t\tgeometry with an adjustable parameter, sit where the other four\n\t\t\t\tbindings put them, and are absent for a shape locked with\n\t\t\t\t`noAdjustHandles`. Dragging one writes `shapeAdjustments`; it does\n\t\t\t\tNOT resize the element.\n\t\t\t-->\n\t\t\t@for (ah of adjustHandles(); track ah.key) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-adjust-handle\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\tdata-pptx-compact\n\t\t\t\t\tdata-pptx-handle-kind=\"adjust\"\n\t\t\t\t\t[attr.data-pptx-adjust-key]=\"ah.key\"\n\t\t\t\t\t[attr.aria-label]=\"'pptx.selectionOverlay.adjust' | translate\"\n\t\t\t\t\t[style.left.px]=\"ah.left\"\n\t\t\t\t\t[style.top.px]=\"ah.top\"\n\t\t\t\t\t[style.width.px]=\"ah.size\"\n\t\t\t\t\t[style.height.px]=\"ah.size\"\n\t\t\t\t\t[style.cursor]=\"ah.cursor\"\n\t\t\t\t\t(pointerdown)=\"onAdjustPointerDown($event, ah)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tPowerPoint's floating \"Chart Elements\"/\"Chart Styles\"/\"Chart\n\t\t\t\tFilters\" quick-action icons, shown just outside the chart's\n\t\t\t\ttop-right corner when it is the single selected element.\n\t\t\t-->\n\t\t\t@if (editable() && quickActionsChartElement(); as chartEl) {\n\t\t\t\t<pptx-chart-quick-actions-overlay\n\t\t\t\t\t[element]=\"chartEl\"\n\t\t\t\t\t[canEdit]=\"editable()\"\n\t\t\t\t\t[zoom]=\"effectiveScalePublic()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t<!--\n\t\t\t\tConnector endpoint authoring: drag an end onto a shape's connection\n\t\t\t\tpoint to bind it (`a:stCxn` / `a:endCxn`), or off one to detach.\n\t\t\t\tCandidate sites are revealed only while an end is in flight so they\n\t\t\t\tnever obscure the deck at rest.\n\t\t\t-->\n\t\t\t@for (site of connectorSiteCandidates(); track site.key) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"pptx-ng-connection-site\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-snapped]=\"site.snapped\"\n\t\t\t\t\tdata-pptx-connection-site\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[style.left.px]=\"site.left\"\n\t\t\t\t\t[style.top.px]=\"site.top\"\n\t\t\t\t\t[style.width.px]=\"site.size\"\n\t\t\t\t\t[style.height.px]=\"site.size\"\n\t\t\t\t></div>\n\t\t\t}\n\t\t\t@for (ep of connectorEndpoints(); track ep.kind) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-ng-connector-endpoint\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t[class.is-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.data-pptx-connector-endpoint]=\"ep.kind\"\n\t\t\t\t\t[attr.data-pptx-connector-attached]=\"ep.attached\"\n\t\t\t\t\t[attr.aria-label]=\"\n\t\t\t\t\t\t(ep.kind === 'start'\n\t\t\t\t\t\t\t? 'pptx.canvas.connectorEndpointStart'\n\t\t\t\t\t\t\t: 'pptx.canvas.connectorEndpointEnd'\n\t\t\t\t\t\t) | translate\n\t\t\t\t\t\"\n\t\t\t\t\t[style.left.px]=\"ep.left\"\n\t\t\t\t\t[style.top.px]=\"ep.top\"\n\t\t\t\t\t[style.width.px]=\"ep.size\"\n\t\t\t\t\t[style.height.px]=\"ep.size\"\n\t\t\t\t\t(pointerdown)=\"onConnectorEndpointPointerDown($event, ep.kind)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t@if (editingBox(); as eb) {\n\t\t\t\t@if (inlineListSeed(); as seed) {\n\t\t\t\t\t@for (session of [seed]; track session) {\n\t\t\t\t\t\t<pptx-inline-list-editor\n\t\t\t\t\t\t\t[element]=\"eb.element\"\n\t\t\t\t\t\t\t[seed]=\"session\"\n\t\t\t\t\t\t\t[activationSelection]=\"listActivationSelection()\"\n\t\t\t\t\t\t\t[spellCheck]=\"spellCheck()\"\n\t\t\t\t\t\t\t(textInput)=\"textInput.emit($event)\"\n\t\t\t\t\t\t\t(textCommit)=\"textCommit.emit($event)\"\n\t\t\t\t\t\t\t(textCancel)=\"textCancel.emit()\"\n\t\t\t\t\t\t\t(textFormat)=\"textFormat.emit($event)\"\n\t\t\t\t\t\t\t(listSession)=\"listSession.emit($event)\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t<textarea\n\t\t\t\t\t\t#textEditor\n\t\t\t\t\t\tdata-inline-editor\n\t\t\t\t\t\tclass=\"pptx-ng-text-editor\"\n\t\t\t\t\t\taria-label=\"Edit slide text\"\n\t\t\t\t\t\t[spellcheck]=\"spellCheck()\"\n\t\t\t\t\t\t[style.left.px]=\"eb.x\"\n\t\t\t\t\t\t[style.top.px]=\"eb.y\"\n\t\t\t\t\t\t[style.width.px]=\"eb.width\"\n\t\t\t\t\t\t[style.height.px]=\"eb.height\"\n\t\t\t\t\t\t(pointerdown)=\"$event.stopPropagation()\"\n\t\t\t\t\t\t(input)=\"onTextInput($event, eb.id)\"\n\t\t\t\t\t\t(blur)=\"commitText($event, eb.id)\"\n\t\t\t\t\t\t(keydown)=\"onEditorKeydown($event)\"\n\t\t\t\t\t></textarea>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tView overlays: editor aids only, never on thumbnails/preview/presentation.\n\t\t\t\tAll are pointer-events:none so they never break selection/drag.\n\t\t\t\tNone carry data-pptx-element / aria-roledescription / data-pptx-viewport.\n\t\t\t-->\n\t\t\t@if (interactive() && showGrid()) {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-grid\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<pattern\n\t\t\t\t\t\t\t[attr.id]=\"gridPatternId\"\n\t\t\t\t\t\t\t[attr.width]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\t[attr.height]=\"gridSpacingPx()\"\n\t\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t[attr.cx]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\t[attr.cy]=\"gridSpacingPx() / 2\"\n\t\t\t\t\t\t\t\tr=\"0.6\"\n\t\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.55)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</pattern>\n\t\t\t\t\t</defs>\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\t\t[attr.fill]=\"'url(#' + gridPatternId + ')'\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t@if (interactive() && showGuides()) {\n\t\t\t\t<!--\n\t\t\t\t\tCenter crosshair: one horizontal line and one vertical line\n\t\t\t\t\tthrough the midpoint of the slide. Static; draggable guides\n\t\t\t\t\tare a follow-up.\n\t\t\t\t-->\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-overlay-guides\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t>\n\t\t\t\t\t<!-- Horizontal center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t\t[attr.y1]=\"canvasSize().height / 2\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height / 2\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t\t<!-- Vertical center guide -->\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"canvasSize().width / 2\"\n\t\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t\t[attr.x2]=\"canvasSize().width / 2\"\n\t\t\t\t\t\t[attr.y2]=\"canvasSize().height\"\n\t\t\t\t\t\tstroke=\"rgba(99,102,241,0.7)\"\n\t\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t\t\tstroke-dasharray=\"6 3\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tUser-created ruler guides.\n\t\t\t\tEach guide has a non-interactive line body and an interactive\n\t\t\t\tdrag handle. Double-click the handle to delete the guide.\n\n\t\t\t\tDeliberately OUTSIDE the showGuides() gate above (which owns the\n\t\t\t\tstatic centre crosshair): a guide the user just dragged off a ruler\n\t\t\t\tstrip must be visible immediately, as it is in Vue and Vanilla.\n\t\t\t\tWhile it lived under that gate, the drag-out gesture silently\n\t\t\t\tproduced an invisible guide unless View > Guides happened to be on.\n\t\t\t-->\n\t\t\t@if (interactive()) {\n\t\t\t\t@for (g of rulerGuidesSvc.rulerGuides(); track g.id) {\n\t\t\t\t\t<!-- Guide line body: pointer-events:none -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-line\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '1px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '1px' : '100%'\"\n\t\t\t\t\t></div>\n\t\t\t\t\t<!-- Drag handle: pointer-events:auto -->\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"pptx-ng-ruler-guide-handle\"\n\t\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\t\t[style.left.px]=\"g.axis === 'x' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.top.px]=\"g.axis === 'y' ? g.pos - 4 : 0\"\n\t\t\t\t\t\t[style.width]=\"g.axis === 'x' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.height]=\"g.axis === 'y' ? '9px' : '100%'\"\n\t\t\t\t\t\t[style.cursor]=\"g.axis === 'x' ? 'col-resize' : 'row-resize'\"\n\t\t\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onGuidePointerDown($event, g.id, g.axis)\"\n\t\t\t\t\t\t(dblclick)=\"rulerGuidesSvc.onGuideDoubleClick($event, g.id)\"\n\t\t\t\t\t\t[title]=\"'pptx.canvas.guideTooltip' | translate\"\n\t\t\t\t\t></div>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tLive ink stroke preview: shown while the user is drawing.\n\t\t\t\tpointer-events:none so it never intercepts element gestures.\n\t\t\t\tNo data-pptx-element / aria-roledescription / data-pptx-viewport.\n\n\t\t\t\tRenders `inkDrawing.liveStrokeView()`: the same plain-path /\n\t\t\t\tpressure-circle / tilt-nib decision `InkRendererComponent` makes for\n\t\t\t\ta committed stroke, so a calligraphic lean or pressure-variable\n\t\t\t\twidth shows up while the pointer is still down, not only after\n\t\t\t\trelease.\n\t\t\t-->\n\t\t\t@if (inkDrawing.active() && inkDrawing.liveStrokeView() && drawTool() !== 'select') {\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"pptx-ng-ink-preview\"\n\t\t\t\t\tdata-export-ignore=\"true\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t[attr.width]=\"canvasSize().width\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height\"\n\t\t\t\t\tstyle=\"position: absolute; inset: 0; pointer-events: none; z-index: 70\"\n\t\t\t\t>\n\t\t\t\t\t@if (inkDrawing.liveStrokeView()?.nibMarks; as nibMarks) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (m of nibMarks; track $index) {\n\t\t\t\t\t\t\t\t<ellipse\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"m.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"m.cy\"\n\t\t\t\t\t\t\t\t\t[attr.rx]=\"m.rPerp\"\n\t\t\t\t\t\t\t\t\t[attr.ry]=\"m.rTilt\"\n\t\t\t\t\t\t\t\t\t[attr.transform]=\"'rotate(' + m.rotationDeg + ' ' + m.cx + ' ' + m.cy + ')'\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else if (inkDrawing.liveStrokeView()?.circles; as circles) {\n\t\t\t\t\t\t<g [attr.opacity]=\"inkDrawing.liveStrokeView()?.opacity\">\n\t\t\t\t\t\t\t@for (c of circles; track $index) {\n\t\t\t\t\t\t\t\t<circle\n\t\t\t\t\t\t\t\t\t[attr.cx]=\"c.cx\"\n\t\t\t\t\t\t\t\t\t[attr.cy]=\"c.cy\"\n\t\t\t\t\t\t\t\t\t[attr.r]=\"c.r\"\n\t\t\t\t\t\t\t\t\t[attr.fill]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</g>\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t[attr.d]=\"inkDrawing.liveStrokeView()?.d\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t[attr.stroke]=\"inkDrawing.liveStrokeView()?.color\"\n\t\t\t\t\t\t\t[attr.stroke-width]=\"inkDrawing.liveStrokeView()?.width\"\n\t\t\t\t\t\t\t[attr.stroke-opacity]=\"inkDrawing.liveStrokeView()?.opacity\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t</svg>\n\t\t\t}\n\n\t\t\t<!--\n\t\t\t\tProjected overlays (collaboration cursors + remote selections).\n\t\t\t\tThey live INSIDE the scaled stage so the stage's CSS\n\t\t\t\ttransform:scale() applies the on-screen scale exactly once and\n\t\t\t\tthey can be authored in raw, unscaled slide coordinates, exactly\n\t\t\t\tlike the React/Vue overlays.\n\t\t\t-->\n\t\t\t<ng-content />\n\t\t</div>\n\n\t\t<!--\n\t\t\tRuler strips: siblings to the scaled stage inside the wrapper div,\n\t\t\tabsolutely positioned at top:0/left:0 within the wrapper's padding area.\n\t\t\tThe wrapper's padding (RULER_THICKNESS px top+left) reserves space for\n\t\t\tthese strips so the stage content starts below/right of them.\n\t\t\tpointer-events:none so they never intercept element gestures.\n\t\t-->\n\t\t@if (interactive() && showRulers()) {\n\t\t\t<!-- Corner square at the intersection of the two ruler strips -->\n\t\t\t<div class=\"pptx-ng-ruler-corner\" aria-hidden=\"true\"></div>\n\n\t\t\t<!--\n\t\t\t\tHorizontal ruler: spans the top padding row of the wrapper.\n\t\t\t\tA guide is dropped on pointer-UP (not down), resolved by the shared\n\t\t\t\trulerDragToGuidePosition, so a stray click on the strip cannot\n\t\t\t\tdrop a guide the user never dragged out - the rule React, Vue,\n\t\t\t\tSvelte and Vanilla all follow.\n\t\t\t-->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-h\"\n\t\t\t\tdata-pptx-ruler=\"h\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t[style.cursor]=\"editable() ? 'row-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('h', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('h', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (hRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\t[attr.x]=\"highlight.start\"\n\t\t\t\t\t\ty=\"0\"\n\t\t\t\t\t\t[attr.width]=\"highlight.span\"\n\t\t\t\t\t\t[attr.height]=\"rulerThickness\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\tx1=\"0\"\n\t\t\t\t\t[attr.y1]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.x2]=\"canvasSize().width * effectiveScalePublic()\"\n\t\t\t\t\t[attr.y2]=\"rulerThickness - 0.5\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of hRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"tick.position\"\n\t\t\t\t\t\t[attr.y1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.x2]=\"tick.position\"\n\t\t\t\t\t\t[attr.y2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\t[attr.x]=\"tick.position + 2\"\n\t\t\t\t\t\t\t[attr.y]=\"rulerFontSize + 1\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\n\t\t\t<!-- Vertical ruler: spans the left padding column of the wrapper -->\n\t\t\t<svg\n\t\t\t\tclass=\"pptx-ng-ruler-v\"\n\t\t\t\tdata-pptx-ruler=\"v\"\n\t\t\t\trole=\"presentation\"\n\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t[style.cursor]=\"editable() ? 'col-resize' : null\"\n\t\t\t\t(pointerdown)=\"rulerGuidesSvc.onRulerPointerDown('v', $event)\"\n\t\t\t\t(pointerup)=\"rulerGuidesSvc.onRulerPointerUp('v', $event)\"\n\t\t\t>\n\t\t\t\t<rect\n\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t[attr.height]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tfill=\"#1e293b\"\n\t\t\t\t/>\n\t\t\t\t@if (vRulerHighlight(); as highlight) {\n\t\t\t\t\t<rect\n\t\t\t\t\t\tx=\"0\"\n\t\t\t\t\t\t[attr.y]=\"highlight.start\"\n\t\t\t\t\t\t[attr.width]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.height]=\"highlight.span\"\n\t\t\t\t\t\tfill=\"rgba(96,165,250,0.25)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\t<line\n\t\t\t\t\t[attr.x1]=\"rulerThickness - 0.5\"\n\t\t\t\t\ty1=\"0\"\n\t\t\t\t\t[attr.x2]=\"rulerThickness - 0.5\"\n\t\t\t\t\t[attr.y2]=\"canvasSize().height * effectiveScalePublic()\"\n\t\t\t\t\tstroke=\"rgba(255,255,255,0.15)\"\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t@for (tick of vRulerTicks(); track $index) {\n\t\t\t\t\t<line\n\t\t\t\t\t\t[attr.x1]=\"rulerThickness\"\n\t\t\t\t\t\t[attr.y1]=\"tick.position\"\n\t\t\t\t\t\t[attr.x2]=\"rulerThickness - rulerThickness * (tick.isMajor ? 0.6 : 0.3)\"\n\t\t\t\t\t\t[attr.y2]=\"tick.position\"\n\t\t\t\t\t\tstroke=\"rgba(156,163,175,0.7)\"\n\t\t\t\t\t\t[attr.stroke-width]=\"tick.isMajor ? 1 : 0.5\"\n\t\t\t\t\t/>\n\t\t\t\t\t@if (tick.label) {\n\t\t\t\t\t\t<text\n\t\t\t\t\t\t\tx=\"2\"\n\t\t\t\t\t\t\t[attr.y]=\"tick.position + rulerFontSize + 2\"\n\t\t\t\t\t\t\t[attr.font-size]=\"rulerFontSize\"\n\t\t\t\t\t\t\tfill=\"rgba(156,163,175,0.9)\"\n\t\t\t\t\t\t\tstyle=\"font-family: system-ui, sans-serif\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{{ tick.label }}\n\t\t\t\t\t\t</text>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t</svg>\n\t\t}\n\t</div>\n</div>\n", styles: [".pptx-ng-canvas-stage.is-editable{touch-action:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { slide: [{ type: i0.Input, args: [{ isSignal: true, alias: "slide", required: false }] }], canvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasSize", required: true }] }], mediaDataUrls: [{ type: i0.Input, args: [{ isSignal: true, alias: "mediaDataUrls", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }], fitPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitPadding", required: false }] }], maxFitScale: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFitScale", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], rulerUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "rulerUnit", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], gridSpacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridSpacing", required: false }] }], snapToShape: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToShape", required: false }] }], guideCommand: [{ type: i0.Input, args: [{ isSignal: true, alias: "guideCommand", required: false }] }], spellCheck: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellCheck", required: false }] }], snapToGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGuides", required: false }] }], autoFit: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFit", required: false }] }], transparentBackground: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparentBackground", required: false }] }], interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], exposeElementIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "exposeElementIds", required: false }] }], presenting: [{ type: i0.Input, args: [{ isSignal: true, alias: "presenting", required: false }] }], selectedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIds", required: false }] }], editingId: [{ type: i0.Input, args: [{ isSignal: true, alias: "editingId", required: false }] }], editTemplateMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "editTemplateMode", required: false }] }], templateElements: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateElements", required: false }] }], aiHighlights: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiHighlights", required: false }] }], aiActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiActive", required: false }] }], aiActiveSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiActiveSlideIndex", required: false }] }], aiChangeBatch: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiChangeBatch", required: false }] }], aiPickMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "aiPickMode", required: false }] }], drawTool: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawTool", required: false }] }], drawColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawColor", required: false }] }], drawWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawWidth", required: false }] }], elementSelect: [{ type: i0.Output, args: ["elementSelect"] }], backgroundClick: [{ type: i0.Output, args: ["backgroundClick"] }], transformStart: [{ type: i0.Output, args: ["transformStart"] }], transformUpdate: [{ type: i0.Output, args: ["transformUpdate"] }], transformEnd: [{ type: i0.Output, args: ["transformEnd"] }], adjustUpdate: [{ type: i0.Output, args: ["adjustUpdate"] }], connectorEndpointUpdate: [{ type: i0.Output, args: ["connectorEndpointUpdate"] }], contextMenu: [{ type: i0.Output, args: ["contextMenu"] }], textEditStart: [{ type: i0.Output, args: ["textEditStart"] }], textCommit: [{ type: i0.Output, args: ["textCommit"] }], textInput: [{ type: i0.Output, args: ["textInput"] }], textCancel: [{ type: i0.Output, args: ["textCancel"] }], textFormat: [{ type: i0.Output, args: ["textFormat"] }], listSession: [{ type: i0.Output, args: ["listSession"] }], rotateUpdate: [{ type: i0.Output, args: ["rotateUpdate"] }], marqueeSelect: [{ type: i0.Output, args: ["marqueeSelect"] }], inkStrokeComplete: [{ type: i0.Output, args: ["inkStrokeComplete"] }], eraserHit: [{ type: i0.Output, args: ["eraserHit"] }], cellCommit: [{ type: i0.Output, args: ["cellCommit"] }], tableChange: [{ type: i0.Output, args: ["tableChange"] }], textEditor: [{ type: i0.ViewChild, args: ['textEditor', { isSignal: true }] }], listEditor: [{ type: i0.ViewChild, args: [i0.forwardRef(() => InlineListEditorComponent), { isSignal: true }] }], stageRef: [{ type: i0.ViewChild, args: ['stage', { isSignal: true }] }], viewportRef: [{ type: i0.ViewChild, args: ['viewport', { isSignal: true }] }], onPointerMove: [{
                 type: HostListener,
                 args: ['document:pointermove', ['$event']]
@@ -132165,31 +133286,39 @@ async function recordWebm(canvases, opts = {}) {
         recorder.onerror = (e) => reject(e);
     });
     recorder.start();
-    const frameIntervalMs = fpsToFrameIntervalMs(fps);
-    for (let i = 0; i < canvases.length; i++) {
-        if (signal?.aborted) {
-            recorder.stop();
-            throw new DOMException('Export cancelled', 'AbortError');
-        }
-        onProgress?.(i, canvases.length);
-        const duration = slideTimingsMs?.[i] ?? slideDurationMs;
-        const framesNeeded = segmentFrameCount(duration, fps);
-        ctx.clearRect(0, 0, recordingCanvas.width, recordingCanvas.height);
-        ctx.drawImage(canvases[i], 0, 0);
-        for (let f = 0; f < framesNeeded; f++) {
+    try {
+        const frameIntervalMs = fpsToFrameIntervalMs(fps);
+        for (let i = 0; i < canvases.length; i++) {
             if (signal?.aborted) {
                 recorder.stop();
                 throw new DOMException('Export cancelled', 'AbortError');
             }
+            onProgress?.(i, canvases.length);
+            const duration = slideTimingsMs?.[i] ?? slideDurationMs;
+            const framesNeeded = segmentFrameCount(duration, fps);
+            ctx.clearRect(0, 0, recordingCanvas.width, recordingCanvas.height);
             ctx.drawImage(canvases[i], 0, 0);
-            await new Promise((resolve) => {
-                setTimeout(resolve, frameIntervalMs);
-            });
+            for (let f = 0; f < framesNeeded; f++) {
+                if (signal?.aborted) {
+                    recorder.stop();
+                    throw new DOMException('Export cancelled', 'AbortError');
+                }
+                ctx.drawImage(canvases[i], 0, 0);
+                await new Promise((resolve) => {
+                    setTimeout(resolve, frameIntervalMs);
+                });
+            }
         }
+        recorder.stop();
+        await recorderDone;
+        return new Blob(chunks, { type: 'video/webm' });
+    }
+    finally {
+        // `recorder.stop()` only stops the recorder; the capture stream itself
+        // keeps compositing frames from `recordingCanvas` indefinitely otherwise
+        // - a real leak on every export, not just an abort path.
+        stopCaptureStream(stream);
     }
-    recorder.stop();
-    await recorderDone;
-    return new Blob(chunks, { type: 'video/webm' });
 }
 
 /**
@@ -147614,7 +148743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "3.19.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "3.19.2";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -185879,4 +187008,4 @@ function cn(...values) {
  */
 
 export { CollaborationCursorsComponent as $, AFTER_ANIMATION_VALUES as A, AnimationAuthorPanelComponent as B, AnimationPanelComponent as C, AnimationPlaybackService as D, AutosaveRecoveryDialogComponent as E, AutosaveService as F, BroadcastDialogComponent as G, CHART_EDITOR_STYLES as H, CINEMATIC_TRANSITION_KEYFRAMES as I, CURSOR_PALETTE as J, CanvasFitService as K, ChartAxisOptionsComponent as L, ChartAxisStyleOptionsComponent as M, ChartComboTypeOptionsComponent as N, ChartDataEditorComponent as O, ChartDataLabelOptionsComponent as P, ChartDatapointMarkerOptionsComponent as Q, ChartDatapointOptionsComponent as R, ChartDisplayOptionsComponent as S, ChartElementViewComponent as T, ChartErrorBarOptionsComponent as U, ChartMarkerOptionsComponent as V, ChartPartSelectionService as W, ChartPrimitivesComponent as X, ChartRendererComponent as Y, ChartTrendlineOptionsComponent as Z, ChartTypeSelectorComponent as _, ALIGN_OPTIONS as a, INSTANT as a$, CollaborationService as a0, ColorChangedImageComponent as a1, CommentMarkersOverlayComponent as a2, CommentsPanelComponent as a3, CommentsService as a4, ComparePanelComponent as a5, ConnectorRendererComponent as a6, ConnectorTextOverlayComponent as a7, CustomShowsComponent as a8, DEFAULT_BOUNDS as a9, EditorContextMenuComponent as aA, EditorHistory as aB, EditorStateService as aC, EditorToolbarComponent as aD, EffectsPanelComponent as aE, ElementRendererComponent as aF, EmbeddedFontsService as aG, EncryptedFileDialogComponent as aH, EquationEditorDialogComponent as aI, EquationRendererComponent as aJ, EquationTemplateGalleryComponent as aK, ExportProgressModalComponent as aL, ExportService as aM, FieldContextService as aN, FindBarComponent as aO, FindReplaceBarComponent as aP, FollowModeBarComponent as aQ, FontEmbeddingListComponent as aR, FontEmbeddingPanelComponent as aS, GALLERY_THEME_PRESETS as aT, GOOGLE_WEBFONTS_LINK_ID as aU, GRIDLINE_COLOR$1 as aV, GoogleWebfontsService as aW, GradientPickerComponent as aX, HANDOUT_OPTIONS as aY, HeaderFooterDialogComponent as aZ, HyperlinkDialogComponent as a_, DEFAULT_BROADCAST_SERVER_URL as aa, DEFAULT_CANVAS_HEIGHT as ab, DEFAULT_CANVAS_WIDTH as ac, DEFAULT_COLOR_SCHEME as ad, DEFAULT_FILL_COLOR$1 as ae, DEFAULT_LAYOUT as af, DEFAULT_MORPH_DURATION_MS as ag, DEFAULT_PALETTE$1 as ah, DEFAULT_PATTERN_FILL_PRESET as ai, DEFAULT_PRINT_SETTINGS as aj, DEFAULT_SLIDE_BACKGROUND as ak, DEFAULT_STROKE_COLOR as al, DEFAULT_STYLE as am, DEFAULT_TABLE_ROW_HEIGHT as an, DEFAULT_TEXT_COLOR$2 as ao, DEFAULT_VIEWER_PROFILE as ap, DIRECTIONAL_PRESETS as aq, DIRECTION_OPTIONS as ar, DocumentPropertiesCardComponent as as, EASE as at, EFFECT_SOUND_CATALOGUE as au, EMBEDDED_FONTS_STYLE_ID as av, EMPHASIS_PRESETS as aw, ENTRANCE_PRESETS as ax, TEMPLATES as ay, EXIT_PRESETS as az, ANIMATION_PRESET_CATEGORIES as b, REPEAT_MODE_OPTIONS as b$, ImagePropertiesPanelComponent as b0, InkDrawingService as b1, InkRendererComponent as b2, InsertSmartArtDialogComponent as b3, InspectorPaneHeaderComponent as b4, InspectorPanelComponent as b5, IsMobileService as b6, KeepAnnotationsDialogComponent as b7, LOCALE_CATALOG as b8, LONG_PRESS_DURATION_MS as b9, POWER_POINT_VIEWER_PROVIDERS as bA, PPTX_OPEN_ACCEPT as bB, PRESENTATION_OPEN_EXTENSIONS as bC, PRESENTER_CHANNEL_NAME as bD, PRESENTER_MSG_ORIGIN as bE, PRESENTER_TIMER_SEGMENT_MS as bF, PX_PER_CM as bG, PX_PER_INCH as bH, PasswordProtectionDialogComponent as bI, PasswordStrengthMeterComponent as bJ, PowerPointViewerComponent as bK, PresentToolbarAutoHide as bL, PresentationAnnotationOverlayComponent as bM, PresentationAnnotationsService as bN, PresentationOverlayComponent as bO, PresentationPropertiesPanelComponent as bP, PresentationSettingsCardComponent as bQ, PresentationSubtitleBarComponent as bR, PresentationToolbarComponent as bS, PresentationTransitionOverlayComponent as bT, PresenterViewComponent as bU, PresenterWindowService as bV, PrintDialogComponent as bW, PrintService as bX, PrintSettingsPanelComponent as bY, PropertiesDialogComponent as bZ, RANDOM_ELIGIBLE_TYPES as b_, LONG_PRESS_MOVE_TOLERANCE_PX as ba, LoadContentService as bb, LocalPresencePublisher as bc, MAX_ZOOM_SCALE as bd, MIN_ZOOM_SCALE as be, MOTION_PATH_COLUMNS as bf, MediaPreviewComponent as bg, MediaPropertiesPanelComponent as bh, MediaRendererComponent as bi, MediaTrimTimelineComponent as bj, MobileBottomBarComponent as bk, MobileMenuSheetComponent as bl, MobilePresenterViewComponent as bm, MobileSheetComponent as bn, MobileSlidesSheetComponent as bo, MobileToolbarComponent as bp, ModalDialogComponent as bq, Model3DRendererComponent as br, NotesHandoutCardComponent as bs, NotesPanelComponent as bt, NotesToolbarComponent as bu, OleRendererComponent as bv, OutlineViewOverlayComponent as bw, P14_TRANSITION_KEYFRAMES as bx, P14_TRANSITION_KEYFRAMES_2 as by, P14_TRANSITION_KEYFRAMES_ALL as bz, AUDIENCE_HASH as c, SlideSorterOverlayComponent as c$, RESIZE_HANDLES as c0, RULER_FONT_SIZE as c1, RULER_THICKNESS as c2, ReadingViewOverlayComponent as c3, RemoteSelectionOverlayComponent as c4, RibbonAnimationGalleryComponent as c5, RibbonAnimationsSectionComponent as c6, RibbonArrangeSectionComponent as c7, RibbonColorPopoverComponent as c8, RibbonComponent as c9, DEFAULT_PALETTE as cA, PALETTES$1 as cB, SMART_ART_COLOR_SCHEMES as cC, SMART_ART_STYLE_OPTIONS as cD, SUB_ITEM_LABEL as cE, SVG_WARP_PRESETS as cF, SWIPE_MAX_VERTICAL_PX as cG, SWIPE_THRESHOLD_PX as cH, SelectionPaneComponent as cI, SetUpSlideShowDialogComponent as cJ, SettingsAppearanceTabComponent as cK, SettingsDialogComponent as cL, SettingsLanguageTabComponent as cM, ShareDialogComponent as cN, ShortcutPanelComponent as cO, ShowOptionsFieldsetComponent as cP, ShowSlidesFieldsetComponent as cQ, SignatureStrippedDialogComponent as cR, SignaturesPanelComponent as cS, SignaturesService as cT, SlideBackgroundCardComponent as cU, SlideCanvasComponent as cV, SlideDefaultInspectorComponent as cW, SlideDiffChangesComponent as cX, SlideDiffRowComponent as cY, SlideDiffThumbnailsComponent as cZ, SlideSizeCardComponent as c_, RibbonDesignSectionComponent as ca, RibbonDrawSectionComponent as cb, RibbonDrawingGroupComponent as cc, RibbonEditingSectionComponent as cd, RibbonFileSectionComponent as ce, RibbonFontControlsComponent as cf, RibbonHomeSectionComponent as cg, RibbonHyperlinkButtonComponent as ch, RibbonInsertFieldsComponent as ci, RibbonInsertSectionComponent as cj, RibbonMotionPathGalleryComponent as ck, RibbonParagraphControlsComponent as cl, RibbonPrimaryRowComponent as cm, RibbonReviewSectionComponent as cn, RibbonShapeExtrasComponent as co, RibbonSlideshowSectionComponent as cp, RibbonTransitionsSectionComponent as cq, RibbonViewSectionComponent as cr, RulerGuidesService as cs, SEQUENCE_OPTIONS as ct, SEVERITY_GROUPS as cu, SEVERITY_LABELS as cv, DEFAULT_TRANSITION_DURATION_MS$1 as cw, SHORTCUT_REFERENCE_ITEMS as cx, SLIDE_TRANSITION_KEYFRAMES as cy, SLIDE_TRANSITION_KEYFRAMES_CSS as cz, AUDIENCE_NONCE_KEY as d, ZoomNavigationService as d$, SlideThemeOverridePanelComponent as d0, SlideTransitionCardComponent as d1, SlidesPanelComponent as d2, SmartArt3DRendererComponent as d3, SmartArt3DService as d4, SmartArtPreviewComponent as d5, SmartArtPropertiesComponent as d6, SmartArtRendererComponent as d7, StatusBarComponent as d8, TABLE_STRUCTURE_TOGGLES as d9, TransitionPreviewComponent as dA, VALIGN_OPTIONS as dB, VIEWER_THEME as dC, VersionHistoryPanelComponent as dD, ViewerCanvasEditingService as dE, ViewerCollabCursorService as dF, ViewerCollaborationSessionService as dG, ViewerCompareService as dH, ViewerCustomShowsService as dI, ViewerDialogsService as dJ, ViewerDocumentPropertiesService as dK, ViewerExportService as dL, ViewerExtraDialogsComponent as dM, ViewerFileIOService as dN, ViewerFindReplaceService as dO, ViewerFormatPainterService as dP, ViewerInspectorPanelService as dQ, ViewerKeyboardService as dR, ViewerMobileSheetService as dS, ViewerPresentationModeService as dT, ViewerThemeGalleryService as dU, ViewerTouchGesturesService as dV, ViewerZoomService as dW, WEBM_MIME_CANDIDATES as dX, WHEEL_SPOKE_COUNTS as dY, WriteBackScheduler as dZ, ZERO_LINE_COLOR as d_, TEXT_3D_BOTTOM_BEVEL_KEYS as da, TEXT_3D_TOP_BEVEL_KEYS as db, TEXT_DIRECTION_OPTIONS$1 as dc, THEME_CATALOG as dd, TIMING_CURVE_OPTIONS as de, TRANSITION_SPEED_DURATION_MS as df, TRIGGER_OPTIONS as dg, TYPE_LABELS as dh, TableCellAdvancedFillComponent as di, TableCellFormattingComponent as dj, TableDataEditorComponent as dk, TablePropertiesComponent as dl, TableRendererComponent as dm, TableResizeOverlayComponent as dn, TableSelectionService as dp, TagsCardComponent as dq, Text3DBevelSectionComponent as dr, Text3DPanelComponent as ds, TextAdvancedPanelComponent as dt, ThemeEditorFieldsComponent as du, ThemeGalleryComponent as dv, ThemeSelectorCardComponent as dw, TitleBarComponent as dx, TitleBarSearchComponent as dy, TransitionDirectionPickerComponent as dz, AVATAR_COLOR_SWATCHES as e, buildModel3DViewModel as e$, ZoomRendererComponent as e0, ZoomTargetService as e1, addCategory as e2, addCommentToList as e3, addGradientStopPatch as e4, addItem as e5, addSeries as e6, addSubItem as e7, advanceStep as e8, affordanceElements as e9, buildCellParagraphs as eA, buildChartViewModel as eB, buildChatLogExport as eC, buildChatLogMarkdown as eD, buildChromeStyle as eE, buildClearHyperlinkPatch as eF, buildClickGroups as eG, buildColStyles as eH, buildCollaborationConfig as eI, buildComboViewModel as eJ, buildCssGradientFromShapeStyle as eK, buildDuotoneFilter as eL, buildDuotoneFilterId as eM, buildEmbeddedFontStyles as eN, buildEquationElement as eO, buildEquationSegment as eP, buildFallbackViewModel as eQ, buildFontFaceRule as eR, buildGradientFillCss as eS, buildGridlinesAndLabels as eT, buildHyperlinkPatch as eU, buildInkContainerStyle as eV, buildInkStrokes as eW, buildLegend as eX, buildLiveInkStrokeView as eY, buildMarkTooltip as eZ, buildModel3DContainerStyle as e_, aiToggleVisible as ea, alignPatch as eb, animationFor as ec, animationPresetLabelKey as ed, annotationMapToInkInserts as ee, applyAcceptedDiff as ef, applyAnimationPreset as eg, applyFindReplacements as eh, applyFormatToElement as ei, applyMove as ej, applyResize as ek, asMediaElement as el, assignUserColor as em, attachShowVisibilityPause as en, attachTouchGestures as eo, axisTickValues as ep, beginDrawingNodeEdit as eq, beginNodeEdit as er, bevelSizePatch as es, boolFromEvent as et, bringForward as eu, bringToFront as ev, buildBarActions as ew, buildBroadcastConfig as ex, buildBroadcastViewerUrl as ey, buildCategoryLabels as ez, AXIS_LABEL_COLOR as f, computeErrorBarPrimitives as f$, buildOleActionModel as f0, buildOleInfoRows as f1, buildPatternFillCss as f2, buildPieViewModel as f3, buildPrintHtmlDocument as f4, buildPropertiesPatch as f5, buildRadarViewModel as f6, buildRegionMapViewModel as f7, buildSaveSlides as f8, buildShareUrl as f9, changeIcon as fA, characterSpacingPatch as fB, chartPreserveAspectRatio as fC, checkFontAvailable as fD, clampCursorPosition as fE, clampGifDimensions as fF, clampIndex as fG, clampNotesFontSize as fH, clampScale as fI, clampStep as fJ, clearAllLocalViewerData as fK, clearAudienceContent as fL, cn as fM, collectAccessibilityIssues as fN, collectElementText as fO, collectSlideText as fP, collectStoredChats as fQ, collectUsedFontFamilies as fR, columnWidthStyle as fS, commitNodeText as fT, computeAlign as fU, computeAxisTitlePrimitives as fV, computeBarRects as fW, computeBubbleRadius as fX, computeCornerHandle as fY, computeDistribute as fZ, computeDrawingViewBox as f_, buildSmartArtInsertElement as fa, buildSmartArtNodes as fb, buildStockViewModel as fc, buildSurfaceViewModel as fd, buildTableViewModel as fe, buildTreemapViewModel as ff, buildTrimFragment as fg, buildWaterfallViewModel as fh, buildZeroLine as fi, buildZoomContainerStyle as fj, buildZoomViewModel as fk, bulletIndentPx as fl, canAddTopLevelNode as fm, canEditSmartArtNodes as fn, canGroupSelection as fo, canRemoveTopLevelNode as fp, canSetStrokeWidth as fq, canStartBroadcast as fr, canStartShare as fs, canUngroupSelection as ft, canUseClipboard as fu, captionDisplayText as fv, cellRunStyle as fw, cellStyleToStyleMap as fx, cellTdStyle as fy, changeCountLabel as fz, AccessibilityPanelComponent as g, encodeGif as g$, computeFocusTargets as g0, computeGridSpacingPx as g1, computeHandleBoxes as g2, computeHandoutLayout as g3, computeIsMobile as g4, computeIsTablet as g5, computeLinePoints as g6, computeLinearRegression as g7, computePageCount as g8, computePieLayout as g9, 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, enableSoftEdgePatch as g_, computePieSlicePath as ga, computePieSlices as gb, computePlotLayout as gc, computeRSquared as gd, computeRadarPoints as ge, computeResizeHandleBoxes as gf, computeRotateHandleBox as gg, computeScatterDots as gh, computeScatterXDomain as gi, computeSelectionBoxes as gj, computeSingleSelected as gk, computeSlideIndices as gl, computeSnap as gm, computeStackedBarRects as gn, computeStackedValueRange as go, computeTrendlinePrimitives as gp, computeValueRange as gq, convertOmmlToMathMl as gr, copyFormatFromElement as gs, countAccessibilityIssues as gt, countAnnotationStrokes as gu, createAngularAiBridge as gv, createCustomShow as gw, createImageElementFromFile as gx, createSwipeDismissDrag as gy, createWebrtcBundle as gz, AccessibilityService as h, gradientStateFromStyle as h$, endShowMediaCleanup as h0, estimatePageCount as h1, exitPresentationFullscreen as h2, exportAiChatLogs as h3, extractPathPoints as h4, eyedropperAvailable as h5, fillColorOf$1 as h6, findInSlides as h7, findOwningSlideIndex as h8, findSlideIndexByElementId as h9, getEffectSoundState as hA, getImageSrc as hB, getLocalStorageUsageSummary as hC, getOleAriaLabel as hD, getOleBadgeLabel as hE, getOleDisplayName as hF, getOleDownloadFileName as hG, getOleTypeColor as hH, getOleTypeLabel as hI, getP14TransitionAnimations as hJ, getPasswordStrength as hK, getPatternSvg as hL, getPlaceholderStyle as hM, getVersions as hN, getResolvedShapeClipPath as hO, getResolvedShapeClipPathFor as hP, getSessionTabId as hQ, getShapeFillStrokeStyle as hR, getSlideBackgroundStyle as hS, getSlideTransitionAnimations as hT, getSmartArtNodeBounds as hU, getSpeechRecognitionCtor as hV, getTextBlockStyle as hW, getTextWarp as hX, getTouchDistance as hY, getWarpCategory as hZ, getWarpPath as h_, firstVisibleIndex as ha, fitPolynomial as hb, fitZoom as hc, focusTargetChips as hd, fontMimeForFormat as he, fontSizeOf as hf, forgetSessionDeck as hg, formatAxisValue as hh, formatBytes as hi, formatCursorLabel as hj, formatElapsed as hk, formatFileSize as hl, formatInlineListStyle as hm, formatPropertyDate as hn, formatTime as ho, fpsToFrameIntervalMs as hp, generateBroadcastRoomId as hq, generateCommentId as hr, generateCustomShowId as hs, generatePressureCircles as ht, generateTicks as hu, getCinematicTransitionAnimations as hv, getClrChangeParams as hw, getContainerStyle as hx, getDuotoneFilterDef as hy, getEffectSoundAsset as hz, AccessibilityTextPanelComponent as i, narrowToRect as i$, gradientStateOf as i0, gradientStatePatch as i1, gradientStopColorCommitPatch as i2, gridColumns as i3, groupIssuesBySeverity as i4, hasAnimation as i5, hasCopyableFormat as i6, hasExistingLink as i7, hasExitedFullscreen as i8, hasGradientFill as i9, isValidRoomId as iA, isViewportBackgroundPressTarget as iB, isZoomActivationKey as iC, issueTrackKey as iD, issueTypeLabel as iE, keyToLabel as iF, lastVisibleIndex as iG, latexToMathml as iH, layoutConnectorPaints as iI, layoutNodeLabels as iJ, linePointsToSvgString as iK, lineSpacingPatch as iL, loadAudienceContent as iM, loadSessionDeck as iN, mediaFallbackFor as iO, mediaSurfaceFor as iP, mergeCaptionResults as iQ, mergeDown as iR, mergeRight as iS, mergeSelection as iT, mergeTablesDirective as iU, moveElementBy as iV, moveNodeDown as iW, moveNodeUp as iX, msToFrameDelayCs as iY, narrowToCircle as iZ, narrowToPolygon as i_, hasPressureVariation as ia, hasVisibleSlideAfter as ib, headerLabel as ic, imageDimensions as id, inkViewBox as ie, insertTableElementColumn as ig, insertTableElementRow as ih, interpolateWidth as ii, isAudienceTab as ij, isBold as ik, isBrowserOpenableMime as il, isChildNode as im, isElementInteractive as io, isInjectableUrl as ip, isItalic as iq, isLegacyBinaryPresentation as ir, isPpactionUrl as is, isPresenterMessage as it, isSigned as iu, isSupportedPresentationFile as iv, isTextElement as iw, isTwoTableFocus as ix, isUnderline as iy, isUrlSafe as iz, AccountPageComponent as j, removeNode as j$, newChartElement as j0, newEquationElement as j1, newPresetShapeElement as j2, newShapeElement as j3, newSmartArtElement as j4, newTableElement as j5, newTextElement as j6, nextVisibleIndex as j7, nodeBold as j8, nodeEditBox as j9, planGifFrames as jA, planVideoSegments as jB, pointFromPointerEvent as jC, pointsToSvgPathD as jD, presenceToCursors as jE, presentationBaseName as jF, presentationStageStyle as jG, presenterTimerProgress as jH, presetByLayout as jI, presetsForCategory as jJ, pressuresToWidths as jK, prevVisibleIndex as jL, projectDrawingShapes as jM, promoteNode as jN, provideViewerTheme as jO, radarAngle as jP, radarRingPoints as jQ, readAsDataUrl as jR, recordWebm as jS, registerCrossSlideAudio as jT, rememberSessionDeck as jU, removeAnimation as jV, removeCategory as jW, removeTableElementColumn as jX, removeCommentFromList as jY, removeElementAnimation as jZ, removeGradientStopPatch as j_, nodeFillColor as ja, nodeFontColor as jb, nodeIdFromKey as jc, nodeItalic as jd, nodeStyle as je, normalizeFontFormat as jf, normalizeSlidesPerPage as jg, normalizeValue as jh, numFromEvent as ji, ommlToMathml as jj, ooxmlDashToCssBorderStyle as jk, openNativeEyeDropper as jl, overallStatus as jm, paletteColor as jn, parseAudienceNonce as jo, parseNodeTextarea as jp, partitionSlides as jq, patchChartData as jr, patchChartStyle as js, patchTableData as jt, patchTextStyle as ju, patternPresetOptions as jv, pendingElementStyles as jw, pickColorByClickFallback as jx, pickFile as jy, pickSupportedMimeType as jz, ActionSettingsPanelComponent as k, setAxisLogScale as k$, removeTableElementRow as k0, removeSeries as k1, renderToCanvas as k2, reorderAnimationDown as k3, reorderAnimationUp as k4, replaceInSlides as k5, replaceMatch as k6, requestPresentationFullscreen as k7, resizeElement as k8, resolveCaptionTracks as k9, rulerHighlight as kA, rulerStripTicks as kB, sampleColorFromSlide as kC, sanitizeColor as kD, sanitizeSlideIndex as kE, sanitizeUserName as kF, saveViewerProfile as kG, savedPresentationFileName as kH, scanAvailableFonts as kI, searchSlides as kJ, seedBroadcastFields as kK, seedHyperlinkDraft as kL, seedPropertiesDraft as kM, seedShareFields as kN, segmentFrameCount as kO, selectValue$3 as kP, sendBackward as kQ, sendToBack as kR, sequentialColorScale as kS, serializeWriteBack as kT, seriesColor as kU, setAfterAnimation as kV, setAfterAnimationColor as kW, setAnimationEmphasis as kX, setAnimationEntrance as kY, setAnimationExit as kZ, setAxis as k_, resolveChartKind as ka, resolveDirection as kb, resolveDirection8 as kc, resolveFontVariant as kd, resolveHyperlinkHref as ke, resolveInteractiveElementId as kf, resolveMediaSrc as kg, resolveOleType as kh, resolveOrientation as ki, resolveParagraphBullet as kj, resolvePresenterNotes as kk, resolveProfileInitial as kl, resolveRegionCode as km, resolveRibbonCanGroup as kn, resolveSlideAutoAdvanceMs as ko, resolveSlideTransition as kp, resolvePalette as kq, resolveThemeCatalogEntry as kr, resolveTransitionDuration as ks, resolveTransitionDurationMs as kt, resolveWheelSpokeCount as ku, restoreSessionDeck as kv, revealedElementStyles as kw, routeOrthogonalConnector as kx, rowStyle as ky, rulerDragToGuidePosition as kz, AdvancedChartEditorComponent as l, textAdvancedStateFromStyle as l$, setAxisTitleStyle as l0, setCategoryLabel as l1, setCellText as l2, setColorScheme as l3, setDataLabels as l4, setDataPointExplosion as l5, setDataPointFill as l6, setDataPointLabel as l7, setDataPointMarker as l8, setDelay as l9, sheetAfterNavigate as lA, shouldBlockClickAdvance as lB, shouldUseSvgWarp as lC, showDirectionPicker as lD, showsTemplateAffordance as lE, signatureCountLabel as lF, signatureKey as lG, signatureTimestamp as lH, signerName as lI, statusLabel as lJ, slideNumberOf as lK, slidesWithReappliedLayout as lL, smartArtNodes as lM, paletteColour as lN, snapToGridStep as lO, splitCursorCell as lP, splitMergedCell as lQ, statusKind as lR, statusLabel$1 as lS, storeAudienceContent as lT, stringFromEvent$5 as lU, strokeColorOf as lV, strokeToInkElement as lW, strokeWidthOf as lX, styleShadowFilter as lY, surfaceColor as lZ, textAdvancedPatch as l_, setDirection as la, setDuration as lb, setEffectSound as lc, setEffectStockSound as ld, setElementPosition as le, setGridlineStyle as lf, setLayout as lg, setLegend as lh, setNodeStyle as li, setNodeText as lj, setRepeatCount as lk, setRepeatMode as ll, setSequence as lm, setSeriesChartType as ln, setSeriesColor as lo, setSeriesErrorBars as lp, setSeriesMarker as lq, setSeriesName as lr, setSeriesTrendline as ls, setSeriesValue as lt, setStyle as lu, setTimingCurve as lv, setTitle as lw, setTrigger as lx, setTriggerShapeId as ly, shapeStylePatch$1 as lz, AiChangeOverlayComponent as m, textAdvancedStateOf as m0, textColorOf as m1, textDirectionPatch as m2, textFontSizePatch as m3, textStyleOf as m4, textStylePatch as m5, themeStyle as m6, themeToCssVars as m7, thumbnailHeight as m8, thumbnailZoom as m9, zoomTargetSlideIndex as mA, toggleCommentResolvedInList as ma, toggleNodeBold as mb, toggleNodeItalic as mc, toggleSheet as md, topLevelNodeCount as me, transformSelectedTextCase as mf, translationsEn as mg, updateElementById as mh, updateGlowPatch as mi, updateGradientStopPatch as mj, updateInnerShadowPatch as mk, updateOuterShadowPatch as ml, updateReflectionPatch as mm, vAlignPatch as mn, validatePassword as mo, validatePrintSettings as mp, validateRoomId as mq, valueToY as mr, vermilionDarkColors as ms, vermilionDarkTheme as mt, vermilionLightColors as mu, vermilionLightTheme as mv, vermilionRadius as mw, waypointsToPathD as mx, withManualLayouts as my, worstStatus as mz, AiChatPanelComponent as n, AiChatService as o, AiComposerComponent as p, AiFocusBarComponent as q, AiFocusHighlightOverlayComponent as r, AiHistoryMenuComponent as s, toChatSummary as t, AiHistoryService as u, AiMessageListComponent as v, AiPanelStore as w, AiProposalCardComponent as x, AiSettingsSectionComponent as y, AiToolCallCardComponent as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-D2wmF5iB.mjs.map
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-DP0uS-ib.mjs.map