pptx-angular-viewer 2.18.7 → 2.19.1

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-CgQt2SkW.mjs → pptx-angular-viewer-pptx-angular-viewer-DrfIMkrX.mjs}

@@ -2,7 +2,7 @@ import { NgStyle, NgTemplateOutlet, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, input, output, inject, computed, ChangeDetectionStrategy, Component, signal, Injectable, DestroyRef, viewChild, effect, Injector, ElementRef, HostListener, afterNextRender, Renderer2, ViewEncapsulation, forwardRef, untracked } from '@angular/core';
 import { TranslateService, TranslatePipe, translate } from '@ngx-translate/core';
-import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, ooxmlGradientAngleToCssDegrees, hasShapeProperties, evaluatePresetShape, getShapeType, isImageLikeElement, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, getElementTextContent, getRoundRectRadiusPx as getRoundRectRadiusPx$1, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, deepCloneData, cloneTemplateElementsBySlideId, cloneSlide, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, formatAutoNumberMarker, getLinkedTextBoxSegments, getSubstituteFontFamily, parsePanoseString, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, lookupPresetShape, normalizeStShapeType, evaluateGuides, PptxHandler, deobfuscateFont, detectFontFormat, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, detectFileFormat, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, cloneElement, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, removeSmartArtNode, promoteSmartArtNode, demoteSmartArtNode, reorderSmartArtNode, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS } from 'pptx-viewer-core';
+import { THEME_PRESETS, guideEmuToPx, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, ooxmlGradientAngleToCssDegrees, hasShapeProperties, evaluatePresetShape, getShapeType, isImageLikeElement, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, getElementTextContent, getRoundRectRadiusPx as getRoundRectRadiusPx$1, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, hasTextProperties, stripXmlOrderSuffix, orderedXmlKey, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, rebuildTableStructureInRawXml, updateCellTextInRawXml, deepCloneData, cloneTemplateElementsBySlideId, cloneSlide, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, formatAutoNumberMarker, getLinkedTextBoxSegments, getSubstituteFontFamily, parsePanoseString, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, lookupPresetShape, normalizeStShapeType, evaluateGuides, PptxHandler, addSmartArtNode, removeSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, deobfuscateFont, detectFontFormat, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, detectFileFormat, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, cloneElement, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, parseDataUrlToBytes, isZoomElement, SvgExporter, applyThemeToData, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, chartDataChangeType, getOleObjectTypeLabel, addSmartArtNodeAsChild, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS } from 'pptx-viewer-core';
 import DOMPurify from 'dompurify';
 import { z } from 'zod';
 import * as mcp from 'pptx-viewer-mcp';
@@ -544,7 +544,7 @@ const DEFAULT_CANVAS_HEIGHT = 720;
 /** Fallback text colour. */
 const DEFAULT_TEXT_COLOR$1 = '#111827';
 /** Fallback shape fill colour. */
-const DEFAULT_FILL_COLOR = '#3b82f6';
+const DEFAULT_FILL_COLOR$1 = '#3b82f6';
 /** Fallback shape stroke colour. */
 const DEFAULT_STROKE_COLOR = '#1f2937';
 /** Colour PowerPoint paints hyperlinked text in when the theme declares none. */
@@ -915,7 +915,7 @@ function sanitizeGradientStops(stops) {
         typeof stop?.position === 'number' &&
         Number.isFinite(stop.position))
         .map((stop) => ({
-        color: normalizeHexColor$1(String(stop.color), DEFAULT_FILL_COLOR),
+        color: normalizeHexColor$1(String(stop.color), DEFAULT_FILL_COLOR$1),
         position: Math.max(0, Math.min(100, stop.position)),
         opacity: typeof stop.opacity === 'number' && Number.isFinite(stop.opacity)
             ? clampUnitInterval$1(stop.opacity)
@@ -8735,6 +8735,25 @@ function renderWinLossSparkline(data) {
     ].join('');
 }
 
+// Horizontal centre-to-centre spacing between legend swatches in a row, and
+// vertical spacing between legend swatches stacked in a side column.
+const LEGEND_ITEM_WIDTH = 80, LEGEND_ITEM_HEIGHT = 14;
+/**
+ * Compute the positioned legend entries for a chart view model.
+ *
+ * @param vm - The chart view model (`vm.legend` / `vm.legendX` / `vm.legendY`
+ *   / `vm.legendAnchor`, as produced by `buildChartViewModel`).
+ */
+function computeChartLegendLayout(vm) {
+    const vertical = vm.legendAnchor === 'start';
+    return vm.legend.map((entry, i) => {
+        const x = vertical
+            ? vm.legendX
+            : vm.legendX - (vm.legend.length * LEGEND_ITEM_WIDTH) / 2 + i * LEGEND_ITEM_WIDTH, y = vertical ? vm.legendY + i * LEGEND_ITEM_HEIGHT : vm.legendY;
+        return { x, y, color: entry.color, label: entry.label };
+    });
+}
+
 const CHART_TYPE_OPTIONS = [
     { value: 'bar', label: 'Bar', labelKey: 'pptx.chart.typeBar' },
     { value: 'line', label: 'Line', labelKey: 'pptx.chart.typeLine' },
@@ -9849,11 +9868,8 @@ function blendToWhite(color) {
     if (!match) {
         return color;
     }
-    const value = Number.parseInt(match[1], 16);
-    const mix = (channel) => Math.round(channel + (255 - channel) * 0.5);
-    const r = mix((value >> 16) & 0xff);
-    const g = mix((value >> 8) & 0xff);
-    const b = mix(value & 0xff);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+    const value = Number.parseInt(match[1], 16), mix = (channel) => Math.round(channel + (255 - channel) * 0.5), r = mix((value >> 16) & 0xff), g = mix((value >> 8) & 0xff), b = mix(value & 0xff);
     return `#${((r << 16) | (g << 8) | b).toString(16).padStart(6, '0').toUpperCase()}`;
 }
 /**
@@ -9868,8 +9884,7 @@ function invertNegativeFill(series, pointIndex, value, baseFill) {
     if (value >= 0) {
         return baseFill;
     }
-    const point = series.dataPoints?.find((p) => p.idx === pointIndex);
-    const invert = point?.invertIfNegative ?? series.invertIfNegative ?? false;
+    const point = series.dataPoints?.find((p) => p.idx === pointIndex), invert = point?.invertIfNegative ?? series.invertIfNegative ?? false;
     return invert ? blendToWhite(baseFill) : baseFill;
 }
 /**
@@ -9878,40 +9893,25 @@ function invertNegativeFill(series, pointIndex, value, baseFill) {
  * labels. Mirrors React's `renderDefaultBarChart` / `renderStackedBarChart`.
  */
 function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, grouping, sourceIndices) {
-    const primitives = [];
-    const dataLabels = [];
-    const series = chartData.series;
-    const palette = chartData.colorPalette;
-    const showLabels = chartData.style?.hasDataLabels;
+    const primitives = [], dataLabels = [], series = chartData.series, palette = chartData.colorPalette, showLabels = chartData.style?.hasDataLabels, 
     // Single-series bar/column with c:varyColors=1 gives every category a distinct
     // palette colour (a per-point c:dPt fill still wins). Multi-series charts keep
     // their per-series colours (varyColors has no cross-series meaning there).
-    const varyColorsSingle = chartData.varyColors === true && series.length === 1;
+    varyColorsSingle = chartData.varyColors === true && series.length === 1;
     if (grouping === 'clustered') {
-        const seriesCount = Math.max(series.length, 1);
-        const barGroupWidth = layout.plotWidth / Math.max(catCount, 1);
+        const seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), 
         // Honour c:gapWidth (gap between clusters, % of a bar width) when parsed;
         // otherwise keep the legacy 0.7-of-group heuristic byte-for-byte.
-        const singleBarWidth = chartData.barGapWidth !== undefined
+        singleBarWidth = chartData.barGapWidth !== undefined
             ? barGroupWidth / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100)
-            : (barGroupWidth * 0.7) / seriesCount;
+            : (barGroupWidth * 0.7) / seriesCount, 
         // Honour c:overlap (% overlap between adjacent series). overlap=0 reproduces
         // the original side-by-side layout exactly.
-        const overlap = chartData.barOverlap ?? 0;
-        const step = singleBarWidth * (1 - overlap / 100);
-        const clusterWidth = singleBarWidth + step * (seriesCount - 1);
-        const groupOffset = (barGroupWidth - clusterWidth) / 2;
+        overlap = chartData.barOverlap ?? 0, 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++) {
-                const val = series[si].values[sourceIndex] ?? 0;
-                const x = layout.plotLeft + barGroupWidth * displayIndex + groupOffset + step * si;
-                const activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange;
-                const zeroY = valueToY(0, activeRange, layout.plotTop, layout.plotBottom);
-                const valY = valueToY(val, activeRange, layout.plotTop, layout.plotBottom);
-                const y = Math.min(zeroY, valY);
-                const h = Math.max(Math.abs(zeroY - valY), 1);
-                const baseFill = varyColorsSingle
+                const val = series[si].values[sourceIndex] ?? 0, x = layout.plotLeft + barGroupWidth * displayIndex + groupOffset + step * si, activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange, zeroY = valueToY(0, activeRange, layout.plotTop, layout.plotBottom), valY = valueToY(val, activeRange, layout.plotTop, layout.plotBottom), y = Math.min(zeroY, valY), h = Math.max(Math.abs(zeroY - valY), 1), baseFill = varyColorsSingle
                     ? resolveVaryColorFill(series[si], sourceIndex, paletteColor(sourceIndex, palette))
                     : (resolveDataPointFill(series[si], sourceIndex, paletteColor(si, palette)) ??
                         seriesColor(series[si], si, palette));
@@ -9924,6 +9924,7 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
                     fill: invertNegativeFill(series[si], sourceIndex, val, baseFill),
                     rx: 1,
                     part: { role: 'dataPoint', seriesIndex: si, pointIndex: sourceIndex },
+                    title: buildMarkTooltip(series[si].name, chartData.categories[sourceIndex], val, series[si].numberFormat),
                 });
                 if (showLabels) {
                     // c:showVal / c:showCatName / c:showPercent decide what the label
@@ -9958,19 +9959,19 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
         const displaySeries = series.map((entry) => ({
             ...entry,
             values: sourceIndices.map((sourceIndex) => entry.values[sourceIndex] ?? 0),
-        }));
-        const rects = computeStackedBarRects(displaySeries, catCount, layout, primaryRange, palette);
+        })), rects = computeStackedBarRects(displaySeries, catCount, layout, primaryRange, palette);
         for (const r of rects) {
-            let fill = r.fill;
-            let part;
+            let fill = r.fill, part, title;
             if (r.seriesIndex !== undefined && r.pointIndex !== undefined) {
                 const sourcePointIndex = sourceIndices[r.pointIndex] ?? r.pointIndex;
                 fill = resolveDataPointFill(series[r.seriesIndex], sourcePointIndex, r.fill) ?? r.fill;
+                // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
                 const value = series[r.seriesIndex].values[sourcePointIndex] ?? 0;
                 fill = invertNegativeFill(series[r.seriesIndex], sourcePointIndex, value, fill);
                 part = { role: 'dataPoint', seriesIndex: r.seriesIndex, pointIndex: sourcePointIndex };
+                title = buildMarkTooltip(series[r.seriesIndex].name, chartData.categories[sourcePointIndex], value, series[r.seriesIndex].numberFormat);
             }
-            primitives.push({ kind: 'rect', x: r.x, y: r.y, w: r.w, h: r.h, fill, rx: 1, part });
+            primitives.push({ kind: 'rect', x: r.x, y: r.y, w: r.w, h: r.h, fill, rx: 1, part, title });
         }
         if (showLabels) {
             pushClusteredStackedLabels(chartData, series, sourceIndices, catCount, layout, primaryRange, dataLabels);
@@ -9978,31 +9979,16 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
         return { primitives, dataLabels };
     }
     // percentStacked: normalise each category to 100% with in-bar percent labels.
-    const barGroupWidth = layout.plotWidth / Math.max(catCount, 1);
-    const barW = barGroupWidth * 0.6;
-    const barOffset = (barGroupWidth - barW) / 2;
-    const displaySeries = series.map((entry) => ({
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+    const barGroupWidth = layout.plotWidth / Math.max(catCount, 1), barW = barGroupWidth * 0.6, barOffset = (barGroupWidth - barW) / 2, displaySeries = series.map((entry) => ({
         ...entry,
         values: sourceIndices.map((sourceIndex) => entry.values[sourceIndex] ?? 0),
-    }));
-    const totals = categoryTotals$1(displaySeries, catCount);
+    })), totals = categoryTotals$1(displaySeries, catCount);
     for (let ci = 0; ci < catCount; ci++) {
-        let posRunning = 0;
-        let negRunning = 0;
+        let posRunning = 0, negRunning = 0;
         const catTotal = totals[ci] || 1;
         for (let si = 0; si < series.length; si++) {
-            const sourceIndex = sourceIndices[ci] ?? ci;
-            const rawVal = series[si].values[sourceIndex] ?? 0;
-            const val = catTotal > 0 ? (rawVal / catTotal) * 100 : 0;
-            const isNeg = val < 0;
-            const base = isNeg ? negRunning : posRunning;
-            const top = base + val;
-            const x = layout.plotLeft + barGroupWidth * ci + barOffset;
-            const baseY = valueToY(base, primaryRange, layout.plotTop, layout.plotBottom);
-            const topY = valueToY(top, primaryRange, layout.plotTop, layout.plotBottom);
-            const y = Math.min(baseY, topY);
-            const h = Math.max(Math.abs(baseY - topY), 0.5);
-            const pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor(si, palette)) ??
+            const sourceIndex = sourceIndices[ci] ?? ci, rawVal = series[si].values[sourceIndex] ?? 0, val = catTotal > 0 ? (rawVal / catTotal) * 100 : 0, isNeg = val < 0, base = isNeg ? negRunning : posRunning, top = base + val, x = layout.plotLeft + barGroupWidth * ci + barOffset, baseY = valueToY(base, primaryRange, layout.plotTop, layout.plotBottom), topY = valueToY(top, primaryRange, layout.plotTop, layout.plotBottom), y = Math.min(baseY, topY), h = Math.max(Math.abs(baseY - topY), 0.5), pctBaseFill = resolveDataPointFill(series[si], sourceIndex, paletteColor(si, palette)) ??
                 seriesColor(series[si], si, palette);
             primitives.push({
                 kind: 'rect',
@@ -10012,6 +9998,7 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
                 h,
                 fill: invertNegativeFill(series[si], sourceIndex, rawVal, pctBaseFill),
                 part: { role: 'dataPoint', seriesIndex: si, pointIndex: sourceIndex },
+                title: buildMarkTooltip(series[si].name, chartData.categories[sourceIndex], rawVal, series[si].numberFormat),
             });
             if (showLabels && Math.abs(val) > 0) {
                 dataLabels.push({
@@ -10042,23 +10029,15 @@ function buildBars(chartData, catCount, layout, primaryRange, secondaryRange, se
  * reproduces that exact output for byte-identity.
  */
 function pushClusteredStackedLabels(chartData, series, sourceIndices, catCount, layout, range, dataLabels) {
-    const barGroupWidth = layout.plotWidth / catCount;
-    const seriesCount = Math.max(series.length, 1);
-    const singleBarWidth = (barGroupWidth * 0.7) / seriesCount;
-    const groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
+    const barGroupWidth = layout.plotWidth / catCount, seriesCount = Math.max(series.length, 1), singleBarWidth = (barGroupWidth * 0.7) / seriesCount, groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
     for (let ci = 0; ci < catCount; ci++) {
         const sourceIndex = sourceIndices[ci] ?? ci;
         for (let si = 0; si < series.length; si++) {
-            const val = series[si].values[sourceIndex] ?? 0;
-            const x = layout.plotLeft +
+            const val = series[si].values[sourceIndex] ?? 0, x = layout.plotLeft +
                 barGroupWidth * ci +
                 groupOffset +
                 singleBarWidth * si +
-                singleBarWidth / 2;
-            const zeroY = valueToY(0, range, layout.plotTop, layout.plotBottom);
-            const valY = valueToY(val, range, layout.plotTop, layout.plotBottom);
-            const labelY = val >= 0 ? Math.min(zeroY, valY) - 4 : Math.max(zeroY, valY) + 10;
-            const text = buildDataLabelText({
+                singleBarWidth / 2, zeroY = valueToY(0, range, layout.plotTop, layout.plotBottom), valY = valueToY(val, range, layout.plotTop, layout.plotBottom), labelY = val >= 0 ? Math.min(zeroY, valY) - 4 : Math.max(zeroY, valY) + 10, text = buildDataLabelText({
                 chartData,
                 series: series[si],
                 pointIndex: sourceIndex,
@@ -10320,6 +10299,16 @@ function buildMarkerPrimitive(input) {
     }
 }
 
+/**
+ * Hover-tooltip text for an XY (scatter/bubble) point: `"<series>: (x, y)"`.
+ * Neither kind has a category label to hang the tooltip off, unlike
+ * `buildMarkTooltip`'s bar/line/area/pie/radar marks, so this formats the raw
+ * coordinate pair instead.
+ */
+function xyMarkTooltip(seriesName, xVal, yVal, numberFormat) {
+    const y = formatAxisValue(yVal, numberFormat), coords = xVal !== undefined ? `(${formatAxisValue(xVal)}, ${y})` : y;
+    return seriesName.length > 0 ? `${seriesName}: ${coords}` : coords;
+}
 /**
  * Build the marker for a data point (honouring `marker.symbol`/`size`) and push
  * it, unless the symbol is `none`. Shared by the line / area / scatter builders.
@@ -10329,9 +10318,8 @@ function buildMarkerPrimitive(input) {
  * 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) {
-    const marker = resolveDataPointMarker(series, pointIndex);
-    const m = buildMarkerPrimitive({
+function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius, part, opacity, title) {
+    const marker = resolveDataPointMarker(series, pointIndex), m = buildMarkerPrimitive({
         symbol: marker.symbol,
         size: marker.size,
         cx,
@@ -10348,32 +10336,236 @@ function pushMarker(out, series, pointIndex, cx, cy, fill, defaultRadius, part,
     if (opacity !== undefined) {
         m.opacity = opacity;
     }
+    if (title !== undefined) {
+        m.title = title;
+    }
     out.push(m);
 }
-/** Build line-chart primitives, honouring a secondary value range per series. */
-function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices, xPositions) {
-    const primitives = [];
-    const dataLabels = [];
-    const showLabels = chartData.style?.hasDataLabels;
+/**
+ * X values a scatter / bubble series is plotted against.
+ *
+ * The series' own `c:xVal` wins. Only when it has none does the chart-level
+ * category list stand in, which is all the engine used to have and is why every
+ * series in a multi-series scatter was plotted against series 1's x axis.
+ */
+function seriesXValues(chartData, series) {
+    if (series.xValues && series.xValues.length > 0) {
+        return series.xValues;
+    }
+    const fromCategories = chartData.categories.map(Number);
+    return fromCategories.length > 0 ? fromCategories : undefined;
+}
+/**
+ * Whether `c:scatterStyle` joins the points with a line.
+ *
+ * `lineMarker` is what PowerPoint writes for essentially every scatter chart,
+ * including the marker-only ones: it expresses "no line" as an `a:ln/a:noFill`
+ * on the series, not by switching the style to `marker`. Both have to be
+ * checked, and the series flag has to win, or a "Scatter with Straight Lines"
+ * deck loses its lines and a marker-only deck grows some.
+ */
+function scatterDrawsLine(chartData, series) {
+    if (series.lineNoFill === true) {
+        return false;
+    }
+    const style = chartData.scatterStyle;
+    return (style === 'line' || style === 'lineMarker' || style === 'smooth' || style === 'smoothMarker');
+}
+/** Build scatter-chart primitives, honouring `c:scatterStyle` connecting lines. */
+function buildScatter(chartData, layout, range) {
+    const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i)), maxXIndex = Math.max(1, ...allIndices), perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series)), xDomain = computeScatterXDomain(perSeriesX), smoothStyle = chartData.scatterStyle === 'smooth' || chartData.scatterStyle === 'smoothMarker';
     for (let si = 0; si < chartData.series.length; si++) {
-        const series = chartData.series[si];
+        const series = chartData.series[si], c = seriesColor(series, si, chartData.colorPalette), dots = computeScatterDots(series.values, maxXIndex, layout, range, perSeriesX[si], xDomain);
+        // The connecting line goes down FIRST so the markers sit on top of it.
+        if (scatterDrawsLine(chartData, series) && dots.length >= 2) {
+            const points = dots.map((dot) => ({ x: dot.cx, y: dot.cy })), seriesPart = { role: 'series', seriesIndex: si };
+            primitives.push((series.smooth ?? smoothStyle)
+                ? {
+                    kind: 'path',
+                    d: smoothLinePath(points),
+                    stroke: c,
+                    strokeWidth: 2.4,
+                    fill: 'none',
+                    part: seriesPart,
+                }
+                : {
+                    kind: 'polyline',
+                    points: linePointsToSvgString(points),
+                    stroke: c,
+                    strokeWidth: 2.4,
+                    fill: 'none',
+                    part: seriesPart,
+                });
+        }
+        dots.forEach((dot, vi) => {
+            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: vi };
+            pushMarker(primitives, series, vi, dot.cx, dot.cy, resolveDataPointFill(series, vi, c) ?? c, 4, part, 0.85, xyMarkTooltip(series.name, perSeriesX[si]?.[vi], series.values[vi] ?? 0, series.numberFormat));
+        });
+        if (showLabels) {
+            series.values.forEach((val, vi) => {
+                const dot = dots[vi], text = buildDataLabelText({ chartData, series, pointIndex: vi, value: val });
+                if (!dot || text === undefined) {
+                    return;
+                }
+                dataLabels.push({
+                    kind: 'text',
+                    x: dot.cx,
+                    y: dot.cy - 6,
+                    text,
+                    fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+                    fill: '#334155',
+                    textAnchor: 'middle',
+                });
+            });
+        }
+    }
+    return { primitives, dataLabels };
+}
+/**
+ * Build bubble-chart primitives.
+ *
+ * Every series carries its own `c:xVal`, `c:yVal` AND `c:bubbleSize`, so each
+ * one is a complete bubble series. The engine used to read sizes off "the third
+ * series", which drew equal-sized dots for the ordinary one-series bubble chart
+ * and silently deleted every series past the second from a three-series one.
+ */
+function buildBubbles(chartData, layout, range) {
+    const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i)), maxXIndex = Math.max(1, ...allIndices), perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series)), xDomain = computeScatterXDomain(perSeriesX), 
+    // One size scale for the whole chart, so bubbles stay comparable across series.
+    allSizes = chartData.series.flatMap((series) => series.bubbleSizes ?? []), maxBubble = allSizes.length > 0 ? Math.max(1, ...allSizes.map(Math.abs)) : 1, medianRadius = Math.min(layout.plotWidth, layout.plotHeight) * 0.04;
+    for (let si = 0; si < chartData.series.length; si++) {
+        const series = chartData.series[si], c = seriesColor(series, si, chartData.colorPalette), dots = computeScatterDots(series.values, maxXIndex, layout, range, perSeriesX[si], xDomain);
+        dots.forEach((dot, vi) => {
+            const r = computeBubbleRadius(series.bubbleSizes?.[vi], maxBubble, medianRadius), size = series.bubbleSizes?.[vi], label = size !== undefined
+                ? `${xyMarkTooltip(series.name, perSeriesX[si]?.[vi], series.values[vi] ?? 0, series.numberFormat)}, size ${formatAxisValue(size)}`
+                : xyMarkTooltip(series.name, perSeriesX[si]?.[vi], series.values[vi] ?? 0, series.numberFormat);
+            primitives.push({
+                kind: 'circle',
+                cx: dot.cx,
+                cy: dot.cy,
+                r,
+                fill: resolveDataPointFill(series, vi, c) ?? c,
+                opacity: 0.6,
+                part: { role: 'dataPoint', seriesIndex: si, pointIndex: vi },
+                title: label,
+            });
+        });
+        if (showLabels) {
+            series.values.forEach((val, vi) => {
+                const dot = dots[vi], text = buildDataLabelText({ chartData, series, pointIndex: vi, value: val });
+                if (!dot || text === undefined) {
+                    return;
+                }
+                dataLabels.push({
+                    kind: 'text',
+                    x: dot.cx,
+                    y: dot.cy - 10,
+                    text,
+                    fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+                    fill: '#334155',
+                    textAnchor: 'middle',
+                });
+            });
+        }
+    }
+    return { primitives, dataLabels };
+}
+
+/**
+ * chart-stacked-series.ts: running-sum plot geometry for stacked and
+ * percentStacked LINE / AREA charts.
+ *
+ * Bar/column stacking (`computeStackedBarRects` in chart-view-model.ts) draws
+ * one rect per segment stacked on a shared baseline. Line/area stacking is
+ * different: each series is plotted at its cumulative height, so the
+ * top-most series traces the category total (line) or the topmost band edge
+ * (area). This module owns that running-sum math, shared by `buildLines` and
+ * `buildAreas` in chart-cartesian-line-area.ts so the two kinds cannot drift.
+ *
+ * @module chart-stacked-series
+ */
+/**
+ * Per-category sum of absolute values across all series, used to normalise
+ * percentStacked shares. Mirrors `categoryTotals` in chart-cartesian-bars.ts
+ * (bar's percentStacked normalisation) so bar/line/area agree on what "100%"
+ * means for a category.
+ */
+function categoryAbsTotals(seriesValues, catCount) {
+    return Array.from({ length: catCount }, (_, ci) => seriesValues.reduce((sum, values) => sum + Math.abs(values[ci] ?? 0), 0));
+}
+/**
+ * Build running-sum stacked/percentStacked plot values for a set of line or
+ * area series, one entry per series in `seriesValues` order (series 0 sits at
+ * the bottom of the stack, exactly like stacked bar segments). Positive and
+ * negative values accumulate on separate running sums, so a chart mixing
+ * signs stacks above and below zero independently instead of the values
+ * cancelling out.
+ */
+function computeStackedSeriesPlots(seriesValues, catCount, percent) {
+    const totals = percent ? categoryAbsTotals(seriesValues, catCount) : undefined, posRunning = new Array(catCount).fill(0), negRunning = new Array(catCount).fill(0);
+    return seriesValues.map((values) => {
+        const cumulative = [], base = [], own = [];
+        for (let ci = 0; ci < catCount; ci++) {
+            const raw = values[ci] ?? 0, total = totals?.[ci] ?? 0, val = percent ? (total > 0 ? (raw / total) * 100 : 0) : raw, isNeg = val < 0, from = isNeg ? negRunning[ci] : posRunning[ci], to = from + val;
+            base.push(from);
+            cumulative.push(to);
+            own.push(val);
+            if (isNeg) {
+                negRunning[ci] = to;
+            }
+            else {
+                posRunning[ci] = to;
+            }
+        }
+        return { cumulative, base, own };
+    });
+}
+
+/**
+ * Build line-chart primitives, honouring a secondary value range per series
+ * (clustered only: `stacking !== 'clustered'` always plots against
+ * `primaryRange`, matching `isStacked` disabling the secondary-axis split in
+ * chart-cartesian.ts).
+ *
+ * Stacked/percentStacked plots each series at its running-sum height (each
+ * line sits on top of the ones below it, so the top-most line traces the
+ * category total), computed from every series' own blank-resolved values via
+ * `computeStackedSeriesPlots`. Data labels and marker tooltips still read the
+ * series' own value (or percent share), not the cumulative height it is
+ * plotted at, mirroring stacked bar's label convention.
+ */
+function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices, xPositions, stacking = 'clustered') {
+    const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== 'clustered', isPercent = stacking === 'percentStacked', 
+    // Resolve every series' own (blank-handled) values first: stacking needs
+    // all of them at once to compute the running sums.
+    resolved = chartData.series.map((series) => {
         if (series.values.length === 0) {
-            continue;
+            return undefined;
         }
-        const activeRange = secondaryIdx.has(si) && secondaryRange ? secondaryRange : primaryRange;
-        const rawValues = sourceIndices.map((sourceIndex) => series.values[sourceIndex] ?? 0);
-        const displayBlanks = sourceIndices.map((sourceIndex) => series.blanks?.[sourceIndex] ?? false);
+        const rawValues = sourceIndices.map((sourceIndex) => series.values[sourceIndex] ?? 0), displayBlanks = sourceIndices.map((sourceIndex) => series.blanks?.[sourceIndex] ?? false), 
         // Honour c:dispBlanksAs: gap breaks the line at blanks, span interpolates,
         // zero/unset keep the placeholder 0 (existing behaviour).
-        const { values: displayValues, visible } = resolveBlankDisplay(rawValues, displayBlanks, chartData.chartChrome?.dispBlanksAs);
-        const pts = computeLinePoints(displayValues, catCount, layout, activeRange).map((point, index) => ({
+        { values: displayValues, visible } = resolveBlankDisplay(rawValues, displayBlanks, chartData.chartChrome?.dispBlanksAs);
+        return { displayValues, visible };
+    }), stackedPlots = isStackedMode
+        ? computeStackedSeriesPlots(resolved.map((entry) => entry?.displayValues ?? []), catCount, isPercent)
+        : undefined;
+    for (let si = 0; si < chartData.series.length; si++) {
+        const series = chartData.series[si], entry = resolved[si];
+        if (!entry) {
+            continue;
+        }
+        // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+        const { displayValues, visible } = entry, activeRange = isStackedMode
+            ? primaryRange
+            : secondaryIdx.has(si) && secondaryRange
+                ? secondaryRange
+                : primaryRange, plotValues = stackedPlots ? stackedPlots[si].cumulative : displayValues, pts = computeLinePoints(plotValues, catCount, layout, activeRange).map((point, index) => ({
             ...point,
             x: xPositions?.[index] ?? point.x,
-        }));
-        const c = seriesColor(series, si, chartData.colorPalette);
+        })), c = seriesColor(series, si, chartData.colorPalette), 
         // c:smooth draws a bezier path through the points; otherwise a polyline.
-        const seriesPart = { role: 'series', seriesIndex: si };
-        const allVisible = visible.every(Boolean);
+        seriesPart = { role: 'series', seriesIndex: si }, allVisible = visible.every(Boolean);
         if (allVisible) {
             primitives.push(series.smooth
                 ? {
@@ -10413,20 +10605,42 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
             if (!visible[displayIndex]) {
                 return;
             }
-            const idx = sourceIndices[displayIndex] ?? displayIndex;
-            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
-            pushMarker(primitives, series, idx, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2.5, part);
+            const idx = sourceIndices[displayIndex] ?? displayIndex, part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
+            pushMarker(primitives, series, idx, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2.5, part, undefined, buildMarkTooltip(series.name, chartData.categories[idx], series.values[idx] ?? 0, series.numberFormat));
         });
         if (showLabels) {
-            displayValues.forEach((val, displayIndex) => {
+            // percentStacked reads like the bar case: a plain rounded percent, not
+            // routed through c:dLbls content options (showValue/showCategory/...),
+            // since the plotted quantity is a derived share, not the raw datum.
+            const labelValues = stackedPlots ? stackedPlots[si].own : displayValues;
+            labelValues.forEach((val, displayIndex) => {
                 const pt = pts[displayIndex];
+                if (!pt || !visible[displayIndex]) {
+                    return;
+                }
+                if (isPercent) {
+                    if (val === 0) {
+                        return;
+                    }
+                    dataLabels.push({
+                        kind: 'text',
+                        x: pt.x,
+                        y: pt.y - 7,
+                        text: `${Math.round(val)}%`,
+                        fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+                        fill: '#334155',
+                        textAnchor: 'middle',
+                    });
+                    return;
+                }
+                // eslint-disable-next-line one-var -- an early return sits between this const and the previous one
                 const text = buildDataLabelText({
                     chartData,
                     series,
                     pointIndex: sourceIndices[displayIndex] ?? displayIndex,
                     value: val,
                 });
-                if (!pt || !visible[displayIndex] || text === undefined) {
+                if (text === undefined) {
                     return;
                 }
                 dataLabels.push({
@@ -10443,27 +10657,52 @@ function buildLines(chartData, catCount, layout, primaryRange, secondaryRange, s
     }
     return { primitives, dataLabels };
 }
-/** Build area-chart primitives (fill polygon + outline). */
-function buildAreas(chartData, catCount, layout, range, sourceIndices, xPositions) {
-    const primitives = [];
-    const dataLabels = [];
-    const showLabels = chartData.style?.hasDataLabels;
-    const baselineY = valueToY(0, range, layout.plotTop, layout.plotBottom);
+/**
+ * Build area-chart primitives (fill polygon + outline).
+ *
+ * Stacked/percentStacked fills the band between this series' running-sum top
+ * and the previous series' top (its own base) instead of down to the zero
+ * baseline, so layers stack visually like a PowerPoint stacked area chart
+ * rather than each series washing over the ones below it. Data labels and
+ * marker tooltips read the series' own value (or percent share), matching
+ * `buildLines` and stacked bar's label convention.
+ */
+function buildAreas(chartData, catCount, layout, range, sourceIndices, xPositions, stacking = 'clustered') {
+    const primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, isStackedMode = stacking !== 'clustered', isPercent = stacking === 'percentStacked', baselineY = valueToY(0, range, layout.plotTop, layout.plotBottom), allDisplayValues = chartData.series.map((series) => series.values.length === 0
+        ? undefined
+        : sourceIndices.map((sourceIndex) => series.values[sourceIndex] ?? 0)), stackedPlots = isStackedMode
+        ? computeStackedSeriesPlots(allDisplayValues.map((values) => values ?? []), catCount, isPercent)
+        : undefined;
     for (let si = 0; si < chartData.series.length; si++) {
-        const series = chartData.series[si];
-        if (series.values.length === 0) {
+        const series = chartData.series[si], displayValues = allDisplayValues[si];
+        if (!displayValues) {
             continue;
         }
-        const displayValues = sourceIndices.map((sourceIndex) => series.values[sourceIndex] ?? 0);
-        const pts = computeLinePoints(displayValues, catCount, layout, range).map((point, index) => ({
+        // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+        const plot = stackedPlots?.[si], topValues = plot ? plot.cumulative : displayValues, pts = computeLinePoints(topValues, catCount, layout, range).map((point, index) => ({
             ...point,
             x: xPositions?.[index] ?? point.x,
-        }));
-        const c = seriesColor(series, si, chartData.colorPalette);
-        const lineStr = linePointsToSvgString(pts);
-        const firstPt = pts[0];
-        const lastPt = pts[pts.length - 1];
-        if (firstPt && lastPt) {
+        })), c = seriesColor(series, si, chartData.colorPalette), lineStr = linePointsToSvgString(pts), firstPt = pts[0], lastPt = pts[pts.length - 1];
+        if (plot) {
+            // Stacked band: fill between this series' cumulative top and its own
+            // base (the previous series' top), like a stream-graph layer, at full
+            // opacity so adjacent bands read as distinct rather than washed.
+            const baseStr = linePointsToSvgString([
+                ...computeLinePoints(plot.base, catCount, layout, range).map((point, index) => ({
+                    ...point,
+                    x: xPositions?.[index] ?? point.x,
+                })),
+            ].reverse());
+            primitives.push({
+                kind: 'polyline',
+                points: `${lineStr} ${baseStr}`,
+                stroke: 'none',
+                strokeWidth: 0,
+                fill: c,
+                part: { role: 'series', seriesIndex: si },
+            });
+        }
+        else if (firstPt && lastPt) {
             primitives.push({
                 kind: 'polyline',
                 points: `${firstPt.x.toFixed(2)},${baselineY.toFixed(2)} ${lineStr} ${lastPt.x.toFixed(2)},${baselineY.toFixed(2)}`,
@@ -10483,20 +10722,39 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices, xPosition
             part: { role: 'series', seriesIndex: si },
         });
         pts.forEach((pt, displayIndex) => {
-            const idx = sourceIndices[displayIndex] ?? displayIndex;
-            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
-            pushMarker(primitives, series, idx, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2, part);
+            const idx = sourceIndices[displayIndex] ?? displayIndex, part = { role: 'dataPoint', seriesIndex: si, pointIndex: idx };
+            pushMarker(primitives, series, idx, pt.x, pt.y, resolveDataPointFill(series, idx, c) ?? c, 2, part, undefined, buildMarkTooltip(series.name, chartData.categories[idx], series.values[idx] ?? 0, series.numberFormat));
         });
         if (showLabels) {
-            displayValues.forEach((val, displayIndex) => {
+            const labelValues = plot ? plot.own : displayValues;
+            labelValues.forEach((val, displayIndex) => {
                 const pt = pts[displayIndex];
+                if (!pt) {
+                    return;
+                }
+                if (isPercent) {
+                    if (val === 0) {
+                        return;
+                    }
+                    dataLabels.push({
+                        kind: 'text',
+                        x: pt.x,
+                        y: pt.y - 6,
+                        text: `${Math.round(val)}%`,
+                        fontSize: DEFAULT_CHART_DATA_LABEL_PX,
+                        fill: '#334155',
+                        textAnchor: 'middle',
+                    });
+                    return;
+                }
+                // eslint-disable-next-line one-var -- an early return sits between this const and the previous one
                 const text = buildDataLabelText({
                     chartData,
                     series,
                     pointIndex: sourceIndices[displayIndex] ?? displayIndex,
                     value: val,
                 });
-                if (!pt || text === undefined) {
+                if (text === undefined) {
                     return;
                 }
                 dataLabels.push({
@@ -10513,154 +10771,6 @@ function buildAreas(chartData, catCount, layout, range, sourceIndices, xPosition
     }
     return { primitives, dataLabels };
 }
-/**
- * X values a scatter / bubble series is plotted against.
- *
- * The series' own `c:xVal` wins. Only when it has none does the chart-level
- * category list stand in, which is all the engine used to have and is why every
- * series in a multi-series scatter was plotted against series 1's x axis.
- */
-function seriesXValues(chartData, series) {
-    if (series.xValues && series.xValues.length > 0) {
-        return series.xValues;
-    }
-    const fromCategories = chartData.categories.map(Number);
-    return fromCategories.length > 0 ? fromCategories : undefined;
-}
-/**
- * Whether `c:scatterStyle` joins the points with a line.
- *
- * `lineMarker` is what PowerPoint writes for essentially every scatter chart,
- * including the marker-only ones: it expresses "no line" as an `a:ln/a:noFill`
- * on the series, not by switching the style to `marker`. Both have to be
- * checked, and the series flag has to win, or a "Scatter with Straight Lines"
- * deck loses its lines and a marker-only deck grows some.
- */
-function scatterDrawsLine(chartData, series) {
-    if (series.lineNoFill === true) {
-        return false;
-    }
-    const style = chartData.scatterStyle;
-    return (style === 'line' || style === 'lineMarker' || style === 'smooth' || style === 'smoothMarker');
-}
-/** Build scatter-chart primitives, honouring `c:scatterStyle` connecting lines. */
-function buildScatter(chartData, layout, range) {
-    const primitives = [];
-    const dataLabels = [];
-    const showLabels = chartData.style?.hasDataLabels;
-    const allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i));
-    const maxXIndex = Math.max(1, ...allIndices);
-    const perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series));
-    const xDomain = computeScatterXDomain(perSeriesX);
-    const smoothStyle = chartData.scatterStyle === 'smooth' || chartData.scatterStyle === 'smoothMarker';
-    for (let si = 0; si < chartData.series.length; si++) {
-        const series = chartData.series[si];
-        const c = seriesColor(series, si, chartData.colorPalette);
-        const dots = computeScatterDots(series.values, maxXIndex, layout, range, perSeriesX[si], xDomain);
-        // The connecting line goes down FIRST so the markers sit on top of it.
-        if (scatterDrawsLine(chartData, series) && dots.length >= 2) {
-            const points = dots.map((dot) => ({ x: dot.cx, y: dot.cy }));
-            const seriesPart = { role: 'series', seriesIndex: si };
-            primitives.push((series.smooth ?? smoothStyle)
-                ? {
-                    kind: 'path',
-                    d: smoothLinePath(points),
-                    stroke: c,
-                    strokeWidth: 2.4,
-                    fill: 'none',
-                    part: seriesPart,
-                }
-                : {
-                    kind: 'polyline',
-                    points: linePointsToSvgString(points),
-                    stroke: c,
-                    strokeWidth: 2.4,
-                    fill: 'none',
-                    part: seriesPart,
-                });
-        }
-        dots.forEach((dot, vi) => {
-            const part = { role: 'dataPoint', seriesIndex: si, pointIndex: vi };
-            pushMarker(primitives, series, vi, dot.cx, dot.cy, resolveDataPointFill(series, vi, c) ?? c, 4, part, 0.85);
-        });
-        if (showLabels) {
-            series.values.forEach((val, vi) => {
-                const dot = dots[vi];
-                const text = buildDataLabelText({ chartData, series, pointIndex: vi, value: val });
-                if (!dot || text === undefined) {
-                    return;
-                }
-                dataLabels.push({
-                    kind: 'text',
-                    x: dot.cx,
-                    y: dot.cy - 6,
-                    text,
-                    fontSize: DEFAULT_CHART_DATA_LABEL_PX,
-                    fill: '#334155',
-                    textAnchor: 'middle',
-                });
-            });
-        }
-    }
-    return { primitives, dataLabels };
-}
-/**
- * Build bubble-chart primitives.
- *
- * Every series carries its own `c:xVal`, `c:yVal` AND `c:bubbleSize`, so each
- * one is a complete bubble series. The engine used to read sizes off "the third
- * series", which drew equal-sized dots for the ordinary one-series bubble chart
- * and silently deleted every series past the second from a three-series one.
- */
-function buildBubbles(chartData, layout, range) {
-    const primitives = [];
-    const dataLabels = [];
-    const showLabels = chartData.style?.hasDataLabels;
-    const allIndices = chartData.series.flatMap((s) => s.values.map((_, i) => i));
-    const maxXIndex = Math.max(1, ...allIndices);
-    const perSeriesX = chartData.series.map((series) => seriesXValues(chartData, series));
-    const xDomain = computeScatterXDomain(perSeriesX);
-    // One size scale for the whole chart, so bubbles stay comparable across series.
-    const allSizes = chartData.series.flatMap((series) => series.bubbleSizes ?? []);
-    const maxBubble = allSizes.length > 0 ? Math.max(1, ...allSizes.map(Math.abs)) : 1;
-    const medianRadius = Math.min(layout.plotWidth, layout.plotHeight) * 0.04;
-    for (let si = 0; si < chartData.series.length; si++) {
-        const series = chartData.series[si];
-        const c = seriesColor(series, si, chartData.colorPalette);
-        const dots = computeScatterDots(series.values, maxXIndex, layout, range, perSeriesX[si], xDomain);
-        dots.forEach((dot, vi) => {
-            const r = computeBubbleRadius(series.bubbleSizes?.[vi], maxBubble, medianRadius);
-            primitives.push({
-                kind: 'circle',
-                cx: dot.cx,
-                cy: dot.cy,
-                r,
-                fill: resolveDataPointFill(series, vi, c) ?? c,
-                opacity: 0.6,
-                part: { role: 'dataPoint', seriesIndex: si, pointIndex: vi },
-            });
-        });
-        if (showLabels) {
-            series.values.forEach((val, vi) => {
-                const dot = dots[vi];
-                const text = buildDataLabelText({ chartData, series, pointIndex: vi, value: val });
-                if (!dot || text === undefined) {
-                    return;
-                }
-                dataLabels.push({
-                    kind: 'text',
-                    x: dot.cx,
-                    y: dot.cy - 10,
-                    text,
-                    fontSize: DEFAULT_CHART_DATA_LABEL_PX,
-                    fill: '#334155',
-                    textAnchor: 'middle',
-                });
-            });
-        }
-    }
-    return { primitives, dataLabels };
-}
 
 /**
  * chart-helper-lines.ts: shared drop-line / hi-low-line / up-down-bar primitives.
@@ -11211,10 +11321,7 @@ function valueToX(val, range, leftX, rightX) {
     const usable = rightX - leftX;
     let ratio;
     if (range.logScale && range.logBase) {
-        const base = range.logBase;
-        const clampedVal = Math.max(val, range.min);
-        const logVal = Math.log(clampedVal) / Math.log(base);
-        const logMin = Math.log(range.min) / Math.log(base);
+        const base = range.logBase, clampedVal = Math.max(val, range.min), logVal = Math.log(clampedVal) / Math.log(base), logMin = Math.log(range.min) / Math.log(base);
         ratio = (logVal - logMin) / range.span;
     }
     else {
@@ -11224,8 +11331,7 @@ function valueToX(val, range, leftX, rightX) {
 }
 /** Vertical value gridlines + bottom tick labels (the transposed value axis). */
 function buildTransposedValueAxis(range, layout) {
-    const gridlines = [];
-    const axisLabels = [];
+    const gridlines = [], axisLabels = [];
     for (const val of axisTickValues(range)) {
         const x = valueToX(val, range, layout.plotLeft, layout.plotRight);
         gridlines.push({
@@ -11251,8 +11357,7 @@ function buildTransposedValueAxis(range, layout) {
 }
 /** Left-anchored category labels, one per band, centred on the band. */
 function buildSideCategoryLabels(categoryLabels, layout) {
-    const catCount = Math.max(categoryLabels.length, 1);
-    const band = layout.plotHeight / catCount;
+    const catCount = Math.max(categoryLabels.length, 1), band = layout.plotHeight / catCount;
     return categoryLabels.map((label, i) => ({
         kind: 'text',
         x: layout.plotLeft - 4,
@@ -11282,20 +11387,11 @@ 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);
-    const catCount = Math.max(categoryLabels.length, 1);
-    const series = chartData.series;
-    const grouping = chartData.grouping ?? 'clustered';
-    const isStacked = grouping === 'stacked' || grouping === 'percentStacked';
-    const isPercent = grouping === 'percentStacked';
-    const 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', range = isPercent
         ? { min: 0, max: 100, span: 100 }
         : isStacked
             ? computeStackedValueRange(series, catCount)
-            : computeValueRangeForChart(series, chartData.axes);
-    const { gridlines, axisLabels } = buildTransposedValueAxis(range, layout);
-    const zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight);
-    const zeroLine = range.min < 0 && range.max > 0
+            : computeValueRangeForChart(series, chartData.axes), { gridlines, axisLabels } = buildTransposedValueAxis(range, layout), zeroX = valueToX(0, range, layout.plotLeft, layout.plotRight), zeroLine = range.min < 0 && range.max > 0
         ? {
             kind: 'line',
             x1: zeroX,
@@ -11305,27 +11401,14 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
             stroke: ZERO_LINE_COLOR,
             strokeWidth: 1,
         }
-        : undefined;
-    const primitives = [];
-    const dataLabels = [];
-    const showLabels = chartData.style?.hasDataLabels;
-    const band = layout.plotHeight / catCount;
+        : undefined, primitives = [], dataLabels = [], showLabels = chartData.style?.hasDataLabels, band = layout.plotHeight / catCount;
     if (!isStacked) {
-        const seriesCount = Math.max(series.length, 1);
-        const singleBarHeight = chartData.barGapWidth !== undefined
+        const seriesCount = Math.max(series.length, 1), singleBarHeight = chartData.barGapWidth !== undefined
             ? band / (seriesCount + Math.max(chartData.barGapWidth, 0) / 100)
-            : (band * 0.7) / seriesCount;
-        const overlap = chartData.barOverlap ?? 0;
-        const step = singleBarHeight * (1 - overlap / 100);
-        const clusterHeight = singleBarHeight + step * (seriesCount - 1);
-        const groupOffset = (band - clusterHeight) / 2;
+            : (band * 0.7) / seriesCount, overlap = chartData.barOverlap ?? 0, 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;
-                const y = layout.plotTop + band * ci + groupOffset + step * si;
-                const valX = valueToX(val, range, layout.plotLeft, layout.plotRight);
-                const x = Math.min(zeroX, valX);
-                const w = Math.max(Math.abs(valX - zeroX), 1);
+                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);
                 primitives.push({
                     kind: 'rect',
                     x,
@@ -11335,6 +11418,7 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
                     fill: barFill(chartData, series[si], si, ci),
                     rx: 1,
                     part: { role: 'dataPoint', seriesIndex: si, pointIndex: ci },
+                    title: buildMarkTooltip(series[si].name, categoryLabels[ci], val, series[si].numberFormat),
                 });
                 if (showLabels) {
                     dataLabels.push({
@@ -11352,27 +11436,17 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
         }
     }
     else {
-        const totals = isPercent ? categoryTotals(series, catCount) : [];
-        const barH = band * (isPercent ? 0.6 : 0.7);
-        const barOffset = (band - barH) / 2;
+        const totals = isPercent ? categoryTotals(series, catCount) : [], barH = band * (isPercent ? 0.6 : 0.7), barOffset = (band - barH) / 2;
         for (let ci = 0; ci < catCount; ci++) {
-            let posRunning = 0;
-            let negRunning = 0;
+            let posRunning = 0, negRunning = 0;
             const catTotal = isPercent ? totals[ci] || 1 : 1;
             for (let si = 0; si < series.length; si++) {
-                const rawVal = series[si].values[ci] ?? 0;
-                const val = isPercent ? (rawVal / catTotal) * 100 : rawVal;
+                const rawVal = series[si].values[ci] ?? 0, val = isPercent ? (rawVal / catTotal) * 100 : rawVal;
                 if (val === 0) {
                     continue;
                 }
-                const isNeg = val < 0;
-                const base = isNeg ? negRunning : posRunning;
-                const top = base + val;
-                const y = layout.plotTop + band * ci + barOffset;
-                const baseX = valueToX(base, range, layout.plotLeft, layout.plotRight);
-                const topX = valueToX(top, range, layout.plotLeft, layout.plotRight);
-                const x = Math.min(baseX, topX);
-                const w = Math.max(Math.abs(topX - baseX), 0.5);
+                // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+                const isNeg = val < 0, base = isNeg ? negRunning : posRunning, top = base + val, y = layout.plotTop + band * ci + barOffset, baseX = valueToX(base, range, layout.plotLeft, layout.plotRight), topX = valueToX(top, range, layout.plotLeft, layout.plotRight), x = Math.min(baseX, topX), w = Math.max(Math.abs(topX - baseX), 0.5);
                 primitives.push({
                     kind: 'rect',
                     x,
@@ -11382,6 +11456,7 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
                     fill: barFill(chartData, series[si], si, ci),
                     rx: 1,
                     part: { role: 'dataPoint', seriesIndex: si, pointIndex: ci },
+                    title: buildMarkTooltip(series[si].name, categoryLabels[ci], rawVal, series[si].numberFormat),
                 });
                 if (showLabels && Math.abs(val) > 0) {
                     dataLabels.push({
@@ -11407,8 +11482,8 @@ function buildHorizontalBarViewModel(element, chartData, categoryLabels) {
             }
         }
     }
-    const legendPos = chartData.style?.legendPosition ?? 'b';
-    const { legend, legendX, legendY, legendAnchor } = buildLegend(series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+    const legendPos = chartData.style?.legendPosition ?? 'b', { legend, legendX, legendY, legendAnchor } = buildLegend(series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop);
     return {
         svgWidth: layout.svgWidth,
         svgHeight: layout.svgHeight,
@@ -12188,46 +12263,71 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
         return buildHorizontalBarViewModel(element, chartData, categoryLabels);
     }
     const seriesCount = chartData.series.length;
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const layoutOpts = computeLayoutOptions(chartData.axes, chartData.dataTable, seriesCount);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const layout = computePlotLayout(element.width, element.height, chartData, true, layoutOpts);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const catCount = Math.max(categoryLabels.length, 1);
-    const isStacked = kind === 'bar' && (chartData.grouping === 'stacked' || chartData.grouping === 'percentStacked');
+    // Stacking applies to bar, line and area (`GROUPING_SUPPORTED_TYPES` in
+    // chart-editor-options.ts, and lineChart/areaChart both parse a real
+    // `c:grouping`): a stacked or percentStacked line/area chart must render
+    // running-sum geometry and go static (no value-drag) the same way stacked
+    // bar segments do, not silently fall back to clustered/draggable.
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
+    const isStacked = (kind === 'bar' || kind === 'line' || kind === 'area') &&
+        (chartData.grouping === 'stacked' || chartData.grouping === 'percentStacked');
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const isPercent = isStacked && chartData.grouping === 'percentStacked';
     // Split series across primary/secondary value axes (clustered cartesian only).
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const { secondary } = splitSeriesByAxis(chartData.series, chartData.axes);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const secondaryIdx = new Set(secondary.map((e) => e.index));
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const useSecondary = !isStacked && secondaryIdx.size > 0;
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const primaryPlotSeries = useSecondary
         ? chartData.series.filter((_s, i) => !secondaryIdx.has(i))
         : chartData.series;
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const secondaryPlotSeries = useSecondary
         ? chartData.series.filter((_s, i) => secondaryIdx.has(i))
         : [];
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const primaryAxis = chartData.axes?.find((axis) => axis.axisType === 'valAx' && axis.axPos !== 'r');
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const primaryRange = isStacked
         ? {
             ...stackedRange(chartData, catCount, isPercent),
             ...(primaryAxis?.orientation === 'maxMin' ? { reverseOrder: true } : {}),
         }
         : computeValueRangeForChart(primaryPlotSeries.length > 0 ? primaryPlotSeries : chartData.series, chartData.axes);
+    // 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'))
         : undefined;
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const axisRes = buildCartesianAxes(chartData, layout, primaryRange, secondaryRange, catCount);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const zeroLine = primaryRange.logScale ? undefined : buildZeroLine(primaryRange, layout);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const horizontalAxis = buildCartesianHorizontalAxis(chartData, categoryLabels, layout, kind, primaryRange, secondaryRange);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const { catAxisStyle, sourceIndices, displayChartData } = horizontalAxis;
+    // 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);
     let plot;
     if (kind === 'bar') {
         plot = buildBars(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, isStacked ? (isPercent ? 'percentStacked' : 'stacked') : 'clustered', sourceIndices);
     }
     else if (kind === 'line') {
-        plot = buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices, horizontalAxis.xPositions);
+        plot = buildLines(chartData, catCount, layout, primaryRange, secondaryRange, secondaryIdx, sourceIndices, horizontalAxis.xPositions, isStacked ? (isPercent ? 'percentStacked' : 'stacked') : 'clustered');
     }
     else if (kind === 'area') {
-        plot = buildAreas(chartData, catCount, layout, primaryRange, sourceIndices, horizontalAxis.xPositions);
+        plot = buildAreas(chartData, catCount, layout, primaryRange, sourceIndices, horizontalAxis.xPositions, isStacked ? (isPercent ? 'percentStacked' : 'stacked') : 'clustered');
     }
     else if (kind === 'scatter') {
         plot = buildScatter(chartData, layout, primaryRange);
@@ -12237,29 +12337,35 @@ function buildCartesianViewModel(element, chartData, categoryLabels, kind) {
     }
     // Drop lines / hi-low lines / up-down bars (line + area kinds). Drawn behind
     // the series marks so the data stays legible on top.
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const helperLines = kind === 'line' || kind === 'area'
         ? computeHelperLinePrimitives(chartData, layout, primaryRange, catCount, {
             mode: 'line',
             xPositions: horizontalAxis.xPositions,
         })
         : [];
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const primitives = [
         ...helperLines,
         ...plot.primitives,
         ...horizontalAxis.tickMarks,
     ];
     // Overlays (depth): regression trendlines, error bars, axis titles, data table.
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const overlays = [
         ...computeTrendlinePrimitives(displayChartData, catCount, layout, primaryRange, catAxisStyle, chartData.colorPalette),
         ...computeErrorBarPrimitives(displayChartData, catCount, layout, primaryRange, catAxisStyle),
         ...computeAxisTitlePrimitives(chartData, layout),
     ];
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const dataTablePrims = computeDataTablePrimitives(displayChartData, layout, chartData.colorPalette);
     primitives.push(...overlays, ...dataTablePrims);
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const title = chartData.style?.hasTitle && chartData.title ? chartData.title : undefined;
     // Vertical drag-to-value only has a single-value meaning for un-stacked marks:
     // stacked/percentStacked bar segments sit on running sums, so dragging one
     // would not track the pointer.
+    // eslint-disable-next-line one-var -- pre-existing, unrelated to this change
     const valueDrag = isStacked
         ? undefined
         : {
@@ -15116,6 +15222,10 @@ function scalePathD(d, scale, dx, dy) {
  *
  * @module chart-view-model
  */
+/* 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. */
 // ─────────────────────────────────────────────────────────────────────────────
 // Palette
 // ─────────────────────────────────────────────────────────────────────────────
@@ -15147,8 +15257,7 @@ function seriesColor(series, index, colorPalette) {
  * mirrors `computeValueRange` in `chart-helpers.ts`.
  */
 function computeValueRange(series) {
-    let dataMin = Number.POSITIVE_INFINITY;
-    let dataMax = Number.NEGATIVE_INFINITY;
+    let dataMin = Number.POSITIVE_INFINITY, dataMax = Number.NEGATIVE_INFINITY;
     for (const item of series) {
         for (const value of item.values) {
             if (value < dataMin) {
@@ -15170,11 +15279,9 @@ function computeValueRange(series) {
  * scale as any other value axis.
  */
 function computeStackedValueRange(series, catCount) {
-    let maxSum = 0;
-    let minSum = 0;
+    let maxSum = 0, minSum = 0;
     for (let ci = 0; ci < catCount; ci++) {
-        let pos = 0;
-        let neg = 0;
+        let pos = 0, neg = 0;
         for (const s of series) {
             const v = s.values[ci] ?? 0;
             if (v >= 0) {
@@ -15200,10 +15307,7 @@ function valueToY(val, range, topY, bottomY) {
     const usable = bottomY - topY;
     let ratio;
     if (range.logScale && range.logBase) {
-        const base = range.logBase;
-        const clampedVal = Math.max(val, range.min);
-        const logVal = Math.log(clampedVal) / Math.log(base);
-        const logMin = Math.log(range.min) / Math.log(base);
+        const base = range.logBase, clampedVal = Math.max(val, range.min), logVal = Math.log(clampedVal) / Math.log(base), logMin = Math.log(range.min) / Math.log(base);
         ratio = (logVal - logMin) / range.span;
     }
     else {
@@ -15235,6 +15339,23 @@ function formatAxisValue(val, formatCode) {
     }
     return val.toFixed(1);
 }
+/**
+ * Build the hover-tooltip text for a plain data mark (bar / line / area /
+ * scatter / bubble / pie / radar point), projected as each primitive's `title`
+ * field (see the doc comment on `SvgPath.title`).
+ *
+ * Mirrors the region map's own `"<name>: <value>"` tooltip (chart-waterfall-map.ts):
+ * join whichever of the series name and category/point label are known, then
+ * append the formatted value. Either label may be absent (a scatter/bubble
+ * point has no category; an un-named series has no name); the result degrades
+ * to just the value when neither is.
+ */
+function buildMarkTooltip(seriesName, categoryLabel, value, numberFormat) {
+    const label = [seriesName, categoryLabel]
+        .filter((part) => Boolean(part && part.length > 0))
+        .join(', '), formatted = formatAxisValue(value, numberFormat);
+    return label.length > 0 ? `${label}: ${formatted}` : formatted;
+}
 /**
  * Compute the plot layout for a chart element.
  * Mirrors `computeLayout` from chart-layout.ts (React). When `options` is omitted
@@ -15256,9 +15377,7 @@ function formatAxisValue(val, formatCode) {
  * @returns Pixels to reserve below the plot area.
  */
 function categoryAxisBand(chartData) {
-    const axis = chartData.axes?.find((candidate) => candidate.axisType === 'catAx' || candidate.axisType === 'dateAx');
-    const fontPx = axis?.fontSize !== undefined ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX;
-    const offset = 4 + 8 * ((axis?.labelOffset ?? 100) / 100);
+    const axis = chartData.axes?.find((candidate) => candidate.axisType === 'catAx' || candidate.axisType === 'dateAx'), fontPx = axis?.fontSize !== undefined ? chartFontPx(axis.fontSize) : DEFAULT_CHART_TEXT_PX, offset = 4 + 8 * ((axis?.labelOffset ?? 100) / 100);
     return Math.max(24, offset + fontPx * 1.2);
 }
 function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, options) {
@@ -15266,14 +15385,9 @@ function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, opti
     // it with `preserveAspectRatio="none"`, so ANY minimum here (historically
     // 320x180) makes the chart scale non-uniformly inside its host (issue #132:
     // a 475x174 frame got a 475x180 viewBox, squeezing y by 0.967).
-    const svgWidth = Math.max(1, elementWidth);
-    const svgHeight = Math.max(1, elementHeight);
-    let plotLeft = hasAxes ? 48 : 8;
-    let plotTop = 8;
-    let plotRight = svgWidth - 8;
-    let plotBottom = svgHeight - (hasAxes ? categoryAxisBand(chartData) : 8);
-    const style = chartData.style;
-    const legendPos = style?.legendPosition ?? 'b';
+    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);
+    const style = chartData.style, legendPos = style?.legendPosition ?? 'b';
     if (style?.hasTitle) {
         plotTop += 20;
     }
@@ -15304,8 +15418,7 @@ function computePlotLayout(elementWidth, elementHeight, chartData, hasAxes, opti
         const rowCount = options.dataTableRowCount ?? 1;
         plotBottom -= 14 + rowCount * 14;
     }
-    const plotWidth = Math.max(plotRight - plotLeft, 1);
-    const plotHeight = Math.max(plotBottom - plotTop, 1);
+    const plotWidth = Math.max(plotRight - plotLeft, 1), plotHeight = Math.max(plotBottom - plotTop, 1);
     return {
         svgWidth,
         svgHeight,
@@ -15341,8 +15454,7 @@ function axisTickValues(range) {
     return Array.from({ length: TICK_COUNT + 1 }, (_unused, index) => range.min + (range.span / TICK_COUNT) * index);
 }
 function buildGridlinesAndLabels(range, layout) {
-    const gridlines = [];
-    const axisLabels = [];
+    const gridlines = [], axisLabels = [];
     for (const val of axisTickValues(range)) {
         const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
         gridlines.push({
@@ -15406,9 +15518,7 @@ function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotT
         color: seriesColor(s, i, colorPalette),
         label: s.name,
     }));
-    let legendX = svgWidth / 2;
-    let legendY = svgHeight - 8;
-    let legendAnchor = 'middle';
+    let legendX = svgWidth / 2, legendY = svgHeight - 8, legendAnchor = 'middle';
     if (legendPos === 'r') {
         legendX = svgWidth - 75;
         legendY = plotTop;
@@ -15425,19 +15535,10 @@ function buildLegend(series, colorPalette, svgWidth, legendPos, svgHeight, plotT
     return { legend, legendX, legendY, legendAnchor };
 }
 function computeBarRects(series, catCount, layout, range, colorPalette) {
-    const rects = [];
-    const seriesCount = Math.max(series.length, 1);
-    const barGroupWidth = layout.plotWidth / Math.max(catCount, 1);
-    const singleBarWidth = (barGroupWidth * 0.7) / seriesCount;
-    const groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
+    const rects = [], seriesCount = Math.max(series.length, 1), barGroupWidth = layout.plotWidth / Math.max(catCount, 1), singleBarWidth = (barGroupWidth * 0.7) / seriesCount, groupOffset = (barGroupWidth - singleBarWidth * seriesCount) / 2;
     for (let ci = 0; ci < catCount; ci++) {
         for (let si = 0; si < series.length; si++) {
-            const val = series[si].values[ci] ?? 0;
-            const x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si;
-            const zeroY = valueToY(0, range, layout.plotTop, layout.plotBottom);
-            const valY = valueToY(val, range, layout.plotTop, layout.plotBottom);
-            const y = Math.min(zeroY, valY);
-            const h = Math.max(Math.abs(zeroY - valY), 1);
+            const val = series[si].values[ci] ?? 0, x = layout.plotLeft + barGroupWidth * ci + groupOffset + singleBarWidth * si, zeroY = valueToY(0, range, layout.plotTop, layout.plotBottom), valY = valueToY(val, range, layout.plotTop, layout.plotBottom), y = Math.min(zeroY, valY), h = Math.max(Math.abs(zeroY - valY), 1);
             rects.push({
                 x,
                 y,
@@ -15450,20 +15551,15 @@ function computeBarRects(series, catCount, layout, range, colorPalette) {
     return rects;
 }
 function computeStackedBarRects(series, catCount, layout, range, colorPalette) {
-    const rects = [];
-    const barW = (layout.plotWidth / Math.max(catCount, 1)) * 0.7;
-    const barOffset = (layout.plotWidth / Math.max(catCount, 1) - barW) / 2;
-    const zeroY = valueToY(0, range, layout.plotTop, layout.plotBottom);
+    const rects = [], barW = (layout.plotWidth / Math.max(catCount, 1)) * 0.7, barOffset = (layout.plotWidth / Math.max(catCount, 1) - barW) / 2, zeroY = valueToY(0, range, layout.plotTop, layout.plotBottom);
     for (let ci = 0; ci < catCount; ci++) {
-        let posTop = zeroY;
-        let negBottom = zeroY;
+        let posTop = zeroY, negBottom = zeroY;
         for (let si = 0; si < series.length; si++) {
             const val = series[si].values[ci] ?? 0;
             if (val === 0) {
                 continue;
             }
-            const x = layout.plotLeft + (layout.plotWidth / Math.max(catCount, 1)) * ci + barOffset;
-            const h = Math.max(Math.abs(valueToY(val, range, layout.plotTop, layout.plotBottom) -
+            const x = layout.plotLeft + (layout.plotWidth / Math.max(catCount, 1)) * ci + barOffset, h = Math.max(Math.abs(valueToY(val, range, layout.plotTop, layout.plotBottom) -
                 valueToY(0, range, layout.plotTop, layout.plotBottom)), 1);
             if (val > 0) {
                 const y = posTop - h;
@@ -15498,9 +15594,7 @@ function computeStackedBarRects(series, catCount, layout, range, colorPalette) {
 function computeLinePoints(values, catCount, layout, range) {
     const n = Math.max(catCount, 2);
     return values.map((val, i) => {
-        const nx = n > 1 ? i / (n - 1) : 0;
-        const x = layout.plotLeft + layout.plotWidth * nx;
-        const y = valueToY(val, range, layout.plotTop, layout.plotBottom);
+        const nx = n > 1 ? i / (n - 1) : 0, x = layout.plotLeft + layout.plotWidth * nx, y = valueToY(val, range, layout.plotTop, layout.plotBottom);
         return { x, y };
     });
 }
@@ -15508,55 +15602,37 @@ function linePointsToSvgString(points) {
     return points.map((p) => `${p.x.toFixed(2)},${p.y.toFixed(2)}`).join(' ');
 }
 function computePieSlicePath(cx, cy, outerR, innerR, startAngle, endAngle) {
-    const largeArc = endAngle - startAngle > Math.PI ? 1 : 0;
-    const x1 = cx + outerR * Math.cos(startAngle);
-    const y1 = cy + outerR * Math.sin(startAngle);
-    const x2 = cx + outerR * Math.cos(endAngle);
-    const y2 = cy + outerR * Math.sin(endAngle);
+    const largeArc = endAngle - startAngle > Math.PI ? 1 : 0, x1 = cx + outerR * Math.cos(startAngle), y1 = cy + outerR * Math.sin(startAngle), x2 = cx + outerR * Math.cos(endAngle), y2 = cy + outerR * Math.sin(endAngle);
     let d;
     if (innerR > 0) {
-        const ix1 = cx + innerR * Math.cos(startAngle);
-        const iy1 = cy + innerR * Math.sin(startAngle);
-        const ix2 = cx + innerR * Math.cos(endAngle);
-        const iy2 = cy + innerR * Math.sin(endAngle);
+        const ix1 = cx + innerR * Math.cos(startAngle), iy1 = cy + innerR * Math.sin(startAngle), ix2 = cx + innerR * Math.cos(endAngle), iy2 = cy + innerR * Math.sin(endAngle);
         d = `M${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} L${ix2},${iy2} A${innerR},${innerR} 0 ${largeArc} 0 ${ix1},${iy1} Z`;
     }
     else {
         d = `M${cx},${cy} L${x1},${y1} A${outerR},${outerR} 0 ${largeArc} 1 ${x2},${y2} Z`;
     }
-    const midAngle = (startAngle + endAngle) / 2;
-    const labelR = outerR * 0.7;
-    const labelX = cx + labelR * Math.cos(midAngle);
-    const labelY = cy + labelR * Math.sin(midAngle);
+    const midAngle = (startAngle + endAngle) / 2, labelR = outerR * 0.7, labelX = cx + labelR * Math.cos(midAngle), labelY = cy + labelR * Math.sin(midAngle);
     return { d, midAngle, labelX, labelY };
 }
 function computePieLayout(elementWidth, elementHeight, chartData, isDoughnut) {
-    const size = Math.min(Math.max(elementWidth, 1), Math.max(elementHeight, 1));
-    const titleOffset = chartData.style?.hasTitle ? 20 : 0;
-    const legendOffset = chartData.style?.hasLegend ? 20 : 0;
-    const cx = size / 2;
-    const cy = titleOffset + (size - titleOffset - legendOffset) / 2;
-    const outerR = Math.max((size - titleOffset - legendOffset) * 0.42, 0);
+    const size = Math.min(Math.max(elementWidth, 1), Math.max(elementHeight, 1)), titleOffset = chartData.style?.hasTitle ? 20 : 0, legendOffset = chartData.style?.hasLegend ? 20 : 0, cx = size / 2, cy = titleOffset + (size - titleOffset - legendOffset) / 2, outerR = Math.max((size - titleOffset - legendOffset) * 0.42, 0), 
     // Honour c:holeSize (10-90% of the outer diameter) when parsed; otherwise
     // keep the legacy 0.55 ratio byte-for-byte.
-    const holeRatio = isDoughnut && chartData.doughnutHoleSize !== undefined
+    holeRatio = isDoughnut && chartData.doughnutHoleSize !== undefined
         ? Math.min(Math.max(chartData.doughnutHoleSize, 10), 90) / 100
-        : 0.55;
-    const innerR = isDoughnut ? outerR * holeRatio : 0;
+        : 0.55, innerR = isDoughnut ? outerR * holeRatio : 0;
     return { cx, cy, outerR, innerR, size };
 }
 function computePieSlices(values, cx, cy, outerR, innerR, options) {
     const total = values.reduce((s, v) => s + Math.abs(v), 0) || 1;
     let cumAngle = options?.startAngle ?? -Math.PI / 2;
     return values.map((val, i) => {
-        const sliceAngle = (Math.abs(val) / total) * Math.PI * 2;
-        const startAngle = cumAngle;
+        const sliceAngle = (Math.abs(val) / total) * Math.PI * 2, startAngle = cumAngle;
         cumAngle += sliceAngle;
         // A c:explosion pulls the slice outward along its bisector.
         const explosion = options?.explosions?.[i] ?? 0;
         if (explosion > 0) {
-            const mid = (startAngle + cumAngle) / 2;
-            const offset = outerR * (explosion / 100);
+            const mid = (startAngle + cumAngle) / 2, offset = outerR * (explosion / 100);
             return computePieSlicePath(cx + Math.cos(mid) * offset, cy + Math.sin(mid) * offset, outerR, innerR, startAngle, cumAngle);
         }
         return computePieSlicePath(cx, cy, outerR, innerR, startAngle, cumAngle);
@@ -15583,9 +15659,7 @@ function computeScatterXDomain(seriesXValues) {
     return { min, span: Math.max(Math.max(...finite) - min, 1) };
 }
 function computeScatterDots(values, maxXIndex, layout, range, xValues, xDomain) {
-    const finiteX = xValues?.slice(0, values.length).filter(Number.isFinite);
-    const minX = xDomain ? xDomain.min : finiteX?.length ? Math.min(...finiteX) : 0;
-    const spanX = xDomain
+    const finiteX = xValues?.slice(0, values.length).filter(Number.isFinite), minX = xDomain ? xDomain.min : finiteX?.length ? Math.min(...finiteX) : 0, spanX = xDomain
         ? xDomain.span
         : finiteX?.length
             ? Math.max(Math.max(...finiteX) - minX, 1)
@@ -15625,8 +15699,7 @@ function radarAngle(index, catCount) {
 function computeRadarPoints(values, maxVal, radius, cx, cy, catCount) {
     const denom = maxVal > 0 ? maxVal : 1;
     return values.slice(0, Math.max(catCount, 1)).map((val, i) => {
-        const angle = radarAngle(i, catCount);
-        const r = (Math.abs(val) / denom) * radius;
+        const angle = radarAngle(i, catCount), r = (Math.abs(val) / denom) * radius;
         return { x: cx + r * Math.cos(angle), y: cy + r * Math.sin(angle) };
     });
 }
@@ -15710,18 +15783,15 @@ function buildChartViewModel(element) {
     if (element.type !== 'chart') {
         return buildFallbackViewModel(element.width, element.height, 'Chart');
     }
-    const chartEl = element;
-    const chartData = chartEl.chartData;
+    const chartEl = element, chartData = chartEl.chartData;
     if (!chartData || chartData.series.length === 0) {
         return buildFallbackViewModel(element.width, element.height, chartData?.title ?? 'Chart');
     }
-    const chartType = chartData.chartType ?? 'bar';
-    const kind = resolveChartKind(chartType);
+    const chartType = chartData.chartType ?? 'bar', kind = resolveChartKind(chartType);
     if (kind === 'unsupported') {
         return buildFallbackViewModel(element.width, element.height, chartData.title ?? chartType);
     }
-    const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0);
-    const categoryLabels = chartData.categories.length > 0
+    const longestLen = chartData.series.reduce((m, s) => Math.max(m, s.values.length), 0), categoryLabels = chartData.categories.length > 0
         ? chartData.categories
         : Array.from({ length: longestLen }, (_, i) => String(i + 1));
     // Pie-of-pie / bar-of-pie splits one series across a primary + secondary plot.
@@ -15816,8 +15886,7 @@ function buildFlatViewModel(element, chartData, categoryLabels, kind) {
 function buildFallbackViewModel(width, height, label) {
     // Match the frame box exactly (bindings stretch with preserveAspectRatio
     // "none"; a minimum here would scale the fallback non-uniformly).
-    const svgWidth = Math.max(width, 1);
-    const svgHeight = Math.max(height, 1);
+    const svgWidth = Math.max(width, 1), svgHeight = Math.max(height, 1);
     return {
         svgWidth,
         svgHeight,
@@ -15860,19 +15929,12 @@ function buildFallbackViewModel(width, height, label) {
     };
 }
 function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
-    const { cx, cy, outerR, innerR, size } = computePieLayout(element.width, element.height, chartData, isDoughnut);
-    const svgWidth = Math.max(size, 100);
-    const svgHeight = Math.max(size, 60);
-    const pieSeries = chartData.series[0];
-    const values = pieSeries?.values ?? [];
+    const { cx, cy, outerR, innerR, size } = computePieLayout(element.width, element.height, chartData, isDoughnut), svgWidth = Math.max(size, 100), svgHeight = Math.max(size, 60), pieSeries = chartData.series[0], values = pieSeries?.values ?? [], 
     // c:firstSliceAng rotates the pie clockwise from 12 o'clock; c:explosion (per
     // series or per c:dPt) pulls slices outward.
-    const startAngle = -Math.PI / 2 + ((chartData.firstSliceAngle ?? 0) * Math.PI) / 180;
-    const explosions = pieSeries
+    startAngle = -Math.PI / 2 + ((chartData.firstSliceAngle ?? 0) * Math.PI) / 180, explosions = pieSeries
         ? values.map((_v, i) => resolveDataPointExplosion(pieSeries, i))
-        : undefined;
-    const slices = computePieSlices(values, cx, cy, outerR, innerR, { startAngle, explosions });
-    const primitives = slices.map(({ d }, i) => ({
+        : undefined, slices = computePieSlices(values, cx, cy, outerR, innerR, { startAngle, explosions }), primitives = slices.map(({ d }, i) => ({
         kind: 'path',
         d,
         // Pie/doughnut vary colours per slice (c:varyColors defaults on), so each
@@ -15883,15 +15945,14 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
         stroke: '#ffffff',
         strokeWidth: 1.5,
         part: { role: 'dataPoint', seriesIndex: 0, pointIndex: i },
-    }));
-    const dataLabels = [];
+        title: buildMarkTooltip(pieSeries?.name, categoryLabels[i], values[i] ?? 0, pieSeries?.numberFormat),
+    })), dataLabels = [];
     if (chartData.style?.hasDataLabels) {
         // Offset (outEnd / bestFit) labels sit outside the rim with c:leaderLines.
         // A pie's percentage base is the whole series, and `c:showPercent` is the
         // flag that makes the difference between "40" and "40%" on the commonest
         // labelled chart in a business deck.
-        const percentBase = values.reduce((total, entry) => total + Math.abs(entry), 0);
-        const labelResult = buildPieDataLabels({
+        const percentBase = values.reduce((total, entry) => total + Math.abs(entry), 0), labelResult = buildPieDataLabels({
             slices,
             values,
             cx,
@@ -15913,16 +15974,15 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
         dataLabels.push(...labelResult.labels);
         primitives.push(...labelResult.leaderLines);
     }
-    const legendPos = chartData.style?.legendPosition ?? 'b';
+    const legendPos = chartData.style?.legendPosition ?? 'b', 
     // Legend swatches must match the slices: a per-point `c:dPt` fill overrides
     // the palette on the slice, so it overrides it on the swatch too.
-    const legend = categoryLabels.map((label, i) => ({
+    legend = categoryLabels.map((label, i) => ({
         color: pieSeries
             ? resolveVaryColorFill(pieSeries, i, paletteColor(i, chartData.colorPalette))
             : paletteColor(i, chartData.colorPalette),
         label,
-    }));
-    const legendX = svgWidth / 2;
+    })), legendX = svgWidth / 2;
     let legendY = svgHeight - 8;
     const legendAnchor = 'middle';
     if (legendPos === 't') {
@@ -15947,10 +16007,7 @@ function buildPieViewModel(element, chartData, categoryLabels, isDoughnut) {
         legendAnchor,
     };
 }
-const RADAR_RINGS = 4;
-const RADAR_RING_COLOR = '#cbd5e1';
-const RADAR_SPOKE_COLOR = '#94a3b8';
-const RADAR_LABEL_COLOR = '#64748b';
+const RADAR_RINGS = 4, RADAR_RING_COLOR = '#cbd5e1', RADAR_SPOKE_COLOR = '#94a3b8', RADAR_LABEL_COLOR = '#64748b';
 /**
  * Build the view-model for a radar / spider chart. Polar, so it has no
  * cartesian gridlines/axes; ring + spoke geometry and the data polygons all
@@ -15958,14 +16015,7 @@ const RADAR_LABEL_COLOR = '#64748b';
  * Mirrors React's `renderRadarChart` (chart-radar.tsx).
  */
 function buildRadarViewModel(element, chartData, categoryLabels) {
-    const layout = computePlotLayout(element.width, element.height, chartData, false);
-    const cx = layout.plotLeft + layout.plotWidth / 2;
-    const cy = layout.plotTop + layout.plotHeight / 2;
-    const radius = Math.max(Math.min(layout.plotWidth, layout.plotHeight) / 2 - 4, 1);
-    const catCount = Math.max(categoryLabels.length, 1);
-    const maxVal = Math.max(1, ...chartData.series.flatMap((s) => s.values.map((v) => Math.abs(v))));
-    const primitives = [];
-    const perimeterLabels = [];
+    const layout = computePlotLayout(element.width, element.height, chartData, false), cx = layout.plotLeft + layout.plotWidth / 2, cy = layout.plotTop + layout.plotHeight / 2, radius = Math.max(Math.min(layout.plotWidth, layout.plotHeight) / 2 - 4, 1), catCount = Math.max(categoryLabels.length, 1), maxVal = Math.max(1, ...chartData.series.flatMap((s) => s.values.map((v) => Math.abs(v)))), primitives = [], perimeterLabels = [];
     // Concentric gridline rings (dashed except the outermost).
     for (let r = 1; r <= RADAR_RINGS; r++) {
         const rr = (radius * r) / RADAR_RINGS;
@@ -16005,8 +16055,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
     // Per-series data polygons + vertex dots.
     const dataLabels = [];
     chartData.series.forEach((series, si) => {
-        const c = seriesColor(series, si, chartData.colorPalette);
-        const pts = computeRadarPoints(series.values, maxVal, radius, cx, cy, catCount);
+        const c = seriesColor(series, si, chartData.colorPalette), pts = computeRadarPoints(series.values, maxVal, radius, cx, cy, catCount);
         if (pts.length === 0) {
             return;
         }
@@ -16019,6 +16068,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
             stroke: c,
             strokeWidth: 1.5,
             part: { role: 'series', seriesIndex: si },
+            title: series.name.length > 0 ? series.name : undefined,
         });
         pts.forEach((p, vi) => {
             primitives.push({
@@ -16028,6 +16078,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
                 r: 3,
                 fill: c,
                 part: { role: 'dataPoint', seriesIndex: si, pointIndex: vi },
+                title: buildMarkTooltip(series.name, categoryLabels[vi], series.values[vi] ?? 0, series.numberFormat),
             });
         });
         if (chartData.style?.hasDataLabels) {
@@ -16048,9 +16099,7 @@ function buildRadarViewModel(element, chartData, categoryLabels) {
             });
         }
     });
-    const legendPos = chartData.style?.legendPosition ?? 'b';
-    const { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop);
-    const title = chartData.style?.hasTitle && chartData.title ? chartData.title : undefined;
+    const legendPos = chartData.style?.legendPosition ?? 'b', { legend, legendX, legendY, legendAnchor } = buildLegend(chartData.series, chartData.colorPalette, layout.svgWidth, legendPos, layout.svgHeight, layout.plotTop), title = chartData.style?.hasTitle && chartData.title ? chartData.title : undefined;
     return {
         svgWidth: layout.svgWidth,
         svgHeight: layout.svgHeight,
@@ -16309,7 +16358,7 @@ function withChartTitle(chartData, title) {
  * Without a threshold every click on a bar would commit a (tiny) value change,
  * so a user could not select a mark without editing it.
  */
-const CHART_DRAG_THRESHOLD_PX$1 = 3;
+const CHART_DRAG_THRESHOLD_PX = 3;
 const STYLE_ELEMENT_ID$1 = 'pptx-chart-interaction-styles';
 const INTERACTION_CSS$1 = `
 .pptx-chart-interactive svg [data-chart-part] { pointer-events: auto; cursor: pointer; }
@@ -16345,19 +16394,19 @@ function ensureChartInteractionStyles$1() {
 /** Class a chart root carries while its marks are grabbable. */
 const CHART_INTERACTIVE_CLASS = 'pptx-chart-interactive';
 /** Class marking the currently selected mark. */
-const CHART_PART_SELECTED_CLASS$1 = 'pptx-chart-part-selected';
+const CHART_PART_SELECTED_CLASS = 'pptx-chart-part-selected';
 /**
  * Re-apply the selected-part highlight class inside `root`.
  *
  * Called after every render: the projectors re-create the SVG marks on each
  * chart change, which drops DOM-only classes. A null `part` only clears.
  */
-function applyChartPartHighlight$1(root, part) {
+function applyChartPartHighlight(root, part) {
     if (!root) {
         return;
     }
-    for (const node of root.querySelectorAll(`.${CHART_PART_SELECTED_CLASS$1}`)) {
-        node.classList.remove(CHART_PART_SELECTED_CLASS$1);
+    for (const node of root.querySelectorAll(`.${CHART_PART_SELECTED_CLASS}`)) {
+        node.classList.remove(CHART_PART_SELECTED_CLASS);
     }
     if (!part) {
         return;
@@ -16367,7 +16416,7 @@ function applyChartPartHighlight$1(root, part) {
         : ':not([data-chart-point])';
     const selector = `[data-chart-part='${part.role}'][data-chart-series='${part.seriesIndex}']${pointSelector}`;
     for (const node of root.querySelectorAll(selector)) {
-        node.classList.add(CHART_PART_SELECTED_CLASS$1);
+        node.classList.add(CHART_PART_SELECTED_CLASS);
     }
 }
 /**
@@ -16380,7 +16429,7 @@ function applyChartPartHighlight$1(root, part) {
  * preview, or the axis rescales under the pointer mid-drag and the mark runs
  * away from the cursor.
  */
-function beginChartValueDrag$1(params) {
+function beginChartValueDrag(params) {
     const { part, viewModel, chartData, clientY } = params;
     if (part.role !== 'dataPoint' || part.pointIndex === undefined || !viewModel.valueDrag) {
         return null;
@@ -16410,7 +16459,7 @@ function beginChartValueDrag$1(params) {
  * itself inside the slide's zoom transform.
  */
 function advanceChartValueDrag(state, clientY, svgHeight) {
-    if (!state.moved && Math.abs(clientY - state.startClientY) < CHART_DRAG_THRESHOLD_PX$1) {
+    if (!state.moved && Math.abs(clientY - state.startClientY) < CHART_DRAG_THRESHOLD_PX) {
         return null;
     }
     if (svgHeight === 0 || state.part.pointIndex === undefined) {
@@ -17059,6 +17108,9 @@ const ANIMATION_KEYFRAMES_CSS = `
  *
  * @module render/animation-authoring
  */
+/* oxlint-disable eslint/one-var -- each exported helper below declares its own
+   independent locals; merging unrelated declarations across the many
+   functions here would hurt readability, not help it. */
 // ==========================================================================
 // Option catalogs (value-only — bindings supply labels/icons)
 // ==========================================================================
@@ -17330,6 +17382,39 @@ function reorderAnimationUp(anims, elementId) {
 function reorderAnimationDown(anims, elementId) {
     return reorderByDelta(anims, elementId, +1);
 }
+/**
+ * Moves one animation entry to an arbitrary position and re-normalises
+ * `order` on the result. This is the drag-and-drop / move-to-index
+ * algorithm shared by every binding's animation timeline: sort by `order`,
+ * splice the moved entry out of its source position, splice it into the
+ * target position, then reassign `order` 0..n-1.
+ *
+ * `source` identifies the entry being moved, either as a resolved index into
+ * the `order`-sorted sequence (row-index drag-and-drop, used by most
+ * bindings) or as `{ elementId }` to resolve that position by id (the
+ * Svelte ribbon tab drags by the element under the pointer rather than a
+ * row index). `targetIndex` is always a resolved index into the sorted
+ * sequence: a caller that only has a target elementId (also the Svelte
+ * ribbon tab) resolves it with `animations.findIndex` first.
+ *
+ * Returns a sorted, re-indexed copy without moving anything when `source`
+ * cannot be resolved, `targetIndex` is out of range, or the entry is
+ * already at `targetIndex`.
+ */
+function reorderAnimationTo(animations, source, targetIndex) {
+    const sorted = [...animations].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    const sourceIndex = typeof source === 'number' ? source : sorted.findIndex((a) => a.elementId === source.elementId);
+    if (sourceIndex < 0 ||
+        sourceIndex >= sorted.length ||
+        targetIndex < 0 ||
+        targetIndex >= sorted.length ||
+        sourceIndex === targetIndex) {
+        return reindexOrder(sorted);
+    }
+    const [moved] = sorted.splice(sourceIndex, 1);
+    sorted.splice(targetIndex, 0, moved);
+    return reindexOrder(sorted);
+}
 // ==========================================================================
 // Immutable patch builders — coarse group preset apply/remove (Vue model)
 // ==========================================================================
@@ -17361,6 +17446,23 @@ function applyAnimationPreset(animations, elementId, group, preset) {
 function removeElementAnimation(animations, elementId) {
     return animations.filter((a) => a.elementId !== elementId);
 }
+/**
+ * Lays out the proportional timeline-strip bars for a slide's animations:
+ * each bar's `leftPercent`/`widthPercent` express its delay/duration as a
+ * percentage of the longest end time (`delayMs + durationMs`) across every
+ * entry, so the strip always spans the full authored sequence. Returned in
+ * `order` order (matching the reorderable list every binding renders beside
+ * the strip).
+ */
+function buildAnimationTimelineBars(animations) {
+    const sorted = [...animations].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+    const total = Math.max(1, ...sorted.map((animation) => (animation.delayMs ?? 0) + (animation.durationMs ?? 500)));
+    return sorted.map((animation) => ({
+        elementId: animation.elementId,
+        leftPercent: ((animation.delayMs ?? 0) / total) * 100,
+        widthPercent: ((animation.durationMs ?? 500) / total) * 100,
+    }));
+}
 // ==========================================================================
 // Internal ordering helpers
 // ==========================================================================
@@ -24962,15 +25064,6 @@ function computeSplitCell(td, rowIndex, columnIndex) {
     });
 }
 
-/**
- * table-style-presets.ts - framework-agnostic table style preset catalogue.
- *
- * Pure data: the quick-style swatches (light / medium / dark families) shown in
- * every binding's table properties panel. Each preset carries the header fill /
- * foreground, banded-row background, and border colour applied when the user
- * picks it. Ported from the React viewer's `constants/table-styles.ts` so React,
- * Vue, and Angular consume one copy.
- */
 const TABLE_STYLE_PRESETS = [
     // Light styles
     {
@@ -25048,6 +25141,29 @@ const TABLE_STYLE_PRESETS = [
         borderColor: '#548235',
     },
 ];
+/**
+ * Apply a table quick-style preset to every cell's style. Header cells (the
+ * first row, when `firstRowHeader` is set) get the header fill / foreground
+ * + bold; banded body rows get the band background; every cell gets the
+ * preset border colour. Returns a new rows array; does not mutate `td`.
+ */
+function applyTableStylePreset(td, preset) {
+    return td.rows.map((row, ri) => ({
+        ...row,
+        cells: row.cells.map((cell) => {
+            const isHeader = ri === 0 && Boolean(td.firstRowHeader);
+            const isBand = Boolean(td.bandedRows) && (ri - (td.firstRowHeader ? 1 : 0)) % 2 === 0;
+            const style = {
+                ...cell.style,
+                backgroundColor: isHeader ? preset.headerBg : isBand ? preset.bandBg : undefined,
+                color: isHeader ? preset.headerFg : cell.style?.color,
+                bold: isHeader ? true : cell.style?.bold,
+                borderColor: preset.borderColor,
+            };
+            return { ...cell, style };
+        }),
+    }));
+}
 
 // ---------------------------------------------------------------------------
 // Shared class tokens (match InspectorPane)
@@ -25072,22 +25188,14 @@ const GRADIENT_TYPE_OPTIONS = [
 // Subset of common patterns shown in the cell-fill pattern picker.
 const PATTERN_OPTIONS = OOXML_PATTERN_PRESETS.slice(0, 20);
 
-/**
- * table-resize.ts - framework-agnostic table drag-resize geometry.
- *
- * The pure math behind the column / row drag handles: cumulative column-boundary
- * positions, redistributing two adjacent column proportions by a drag delta
- * (clamped + renormalised to sum to 1), and clamping a dragged row height.
- * Extracted from the React viewer's `utils/table-render-resize.tsx` overlay so
- * every binding drives its own overlay component from one copy of the maths.
- * No framework imports.
- */
 /** Minimum proportion a single column may shrink to during a drag. */
 const MIN_COLUMN_PROPORTION = 0.03;
 /** Minimum height (px) a row may shrink to during a drag. */
 const MIN_ROW_HEIGHT = 16;
 /** Default row height (px) assumed when an actual measurement is unavailable. */
 const DEFAULT_ROW_HEIGHT = 32;
+/** Minimum proportion a column may be set to via the properties-panel width control. */
+const MIN_COLUMN_WIDTH_FRACTION = 0.05;
 /**
  * Cumulative left-edge positions (as percentages, 0-100) of the internal column
  * boundaries, i.e. one entry between each adjacent pair of columns. The leading
@@ -25134,6 +25242,58 @@ function computeResizedColumnWidths(initialWidths, index, deltaProportion) {
 function computeResizedRowHeight(initialRowHeight, deltaY) {
     return Math.round(Math.max(MIN_ROW_HEIGHT, initialRowHeight + deltaY));
 }
+/**
+ * Redistribute column widths when column `index` is set to `newFraction` (a
+ * proportion of the table width, 0-1), scaling every OTHER column
+ * proportionally so their relative ratios to each other are preserved and the
+ * array still sums to 1. This is the table-properties-inspector "set this
+ * column's width" slider/input, shared by every binding so a drag on one
+ * behaves identically to a drag on any other.
+ *
+ * Each non-target column is floored at {@link MIN_COLUMN_WIDTH_FRACTION}
+ * before the whole array is renormalised to sum to 1.
+ *
+ * Returns `widths` unchanged if `index` is out of range.
+ */
+function redistributeColumnWidth(widths, index, newFraction) {
+    const oldFraction = widths[index];
+    if (oldFraction === undefined) {
+        return widths;
+    }
+    const diff = newFraction - oldFraction;
+    const next = [...widths];
+    next[index] = newFraction;
+    const othersTotal = 1 - oldFraction;
+    if (othersTotal > 0) {
+        for (let j = 0; j < next.length; j++) {
+            if (j !== index) {
+                next[j] = Math.max(MIN_COLUMN_WIDTH_FRACTION, widths[j] - diff * (widths[j] / othersTotal));
+            }
+        }
+    }
+    const sum = next.reduce((a, b) => a + b, 0);
+    return sum > 0 ? next.map((w) => w / sum) : next;
+}
+/** An equal-width column array for `count` columns, each `1 / count` (empty for `count <= 0`). */
+function evenColumnWidths(count) {
+    if (count <= 0) {
+        return [];
+    }
+    return Array.from({ length: count }, () => 1 / count);
+}
+/**
+ * `rows` with a uniform height applied: every row's height is set to the
+ * rounded average of the rows' current heights (falling back to
+ * {@link DEFAULT_ROW_HEIGHT} for a row with no explicit height).
+ */
+function evenRowHeights(rows) {
+    const count = rows.length;
+    if (count === 0) {
+        return rows;
+    }
+    const avg = Math.round(rows.reduce((s, r) => s + (r.height ?? DEFAULT_ROW_HEIGHT), 0) / count);
+    return rows.map((r) => ({ ...r, height: avg }));
+}
 
 /**
  * Framework-agnostic helpers for inline (on-canvas) SmartArt node text editing.
@@ -29597,6 +29757,8 @@ const translationsEn = {
     'pptx.ribbon.customColour': 'Custom colour...',
     'pptx.ribbon.textHighlightColour': 'Text highlight colour',
     'pptx.ribbon.highlightColourValue': 'Highlight colour {{color}}',
+    'pptx.ribbon.fillColourValue': 'Fill colour {{color}}',
+    'pptx.ribbon.outlineColourValue': 'Outline colour {{color}}',
     'pptx.ribbon.bulletList': 'Bullet list',
     'pptx.ribbon.justify': 'Justify',
     'pptx.toolbar.findAndReplace': 'Find and replace',
@@ -50100,6 +50262,165 @@ function buildSmartArtA11y(data) {
     };
 }
 
+/**
+ * Per-layout bounds table. Layouts not listed here fall back to
+ * {@link DEFAULT_BOUNDS}.
+ */
+const LAYOUT_BOUNDS = {
+    // A Venn diagram is typically drawn with 2-3 overlapping sets; beyond a
+    // handful of circles it becomes unreadable.
+    venn: { min: 2, max: 3 },
+    // A 2x2 matrix has exactly four quadrants.
+    matrix: { min: 4, max: 4 },
+    // Pyramids and funnels need at least two tiers to convey a hierarchy.
+    pyramid: { min: 2, max: 5 },
+    funnel: { min: 2, max: 5 },
+    // A target is a small set of concentric rings.
+    target: { min: 2, max: 5 },
+    // Gears mesh in small clusters.
+    gear: { min: 2, max: 3 },
+    // Cycles need at least three steps to read as a loop.
+    cycle: { min: 3 },
+    // Relationship / process / list / hierarchy / timeline are flexible but
+    // still need at least one node to exist.
+};
+// Fallback bounds for any layout without an explicit entry. Kept as a
+// separate `export const` statement rather than combined with `LAYOUT_BOUNDS`
+// above: they have different export-ness, and combining them into one
+// declarator list (with a trailing `export { DEFAULT_BOUNDS };`) breaks the
+// generated .d.ts, which drops a name introduced only via a re-export.
+// eslint-disable-next-line one-var -- see comment above
+const DEFAULT_BOUNDS = { min: 1 };
+/**
+ * Resolve the node-count bounds for a given layout category.
+ * Returns {@link DEFAULT_BOUNDS} when the layout has no specific table entry.
+ */
+function getSmartArtNodeBounds(layout) {
+    if (!layout) {
+        return DEFAULT_BOUNDS;
+    }
+    return LAYOUT_BOUNDS[layout] ?? DEFAULT_BOUNDS;
+}
+/** Whether adding another top-level node stays within the layout's max. */
+function canAddTopLevelNode(layout, topLevelCount) {
+    const { max } = getSmartArtNodeBounds(layout);
+    return max === undefined || topLevelCount < max;
+}
+/** Whether removing a top-level node keeps the count at or above the min. */
+function canRemoveTopLevelNode(layout, topLevelCount) {
+    const { min } = getSmartArtNodeBounds(layout);
+    return topLevelCount > min;
+}
+/**
+ * Build a short, human-readable explanation of the bounds for a layout, or
+ * `undefined` when the layout imposes no meaningful limit (min <= 1, no max).
+ * The returned string is intended as a tooltip / hint, not a hard error.
+ *
+ * This text is deliberately framework-neutral English (matching the
+ * `pptx.smartArt.boundsHint*` i18n keys' English fallback text): a binding
+ * that wants a translated string applies its own i18n lookup keyed off
+ * {@link getSmartArtNodeBounds} on top of this, rather than this function
+ * taking a translation dependency.
+ */
+function describeSmartArtBounds$1(layout) {
+    const { min, max } = getSmartArtNodeBounds(layout);
+    if (min <= 1 && max === undefined) {
+        return undefined;
+    }
+    if (max === undefined) {
+        return `Works best with at least ${min} items.`;
+    }
+    if (min === max) {
+        return `This layout uses exactly ${max} items.`;
+    }
+    return `Works best with ${min} to ${max} items.`;
+}
+
+/** Count of top-level nodes (no parentId) in the data model. */
+function countTopLevel(data) {
+    return data.nodes.filter((n) => !n.parentId).length;
+}
+/**
+ * Enter: insert a sibling node immediately after the current one.
+ *
+ * Returns the new data and the id of the inserted sibling so the caller can
+ * move focus to it.
+ */
+function addSiblingAfter(data, nodeId) {
+    const next = addSmartArtNode(data, '', nodeId);
+    if (next === data) {
+        return undefined;
+    }
+    // The inserted node is the one directly after `nodeId` in the new list.
+    // oxlint-disable-next-line eslint/one-var -- depends on `next` past the conditional return above; can't merge.
+    const idx = next.nodes.findIndex((n) => n.id === nodeId), inserted = idx >= 0 ? next.nodes[idx + 1] : undefined;
+    return { data: next, focusNodeId: inserted?.id };
+}
+/**
+ * Delete / Backspace on an empty node: remove it (when more than one node
+ * remains). Returns the previous sibling / node id to focus when available.
+ */
+function removeEmptyNode(data, nodeId) {
+    if (data.nodes.length <= 1) {
+        return undefined;
+    }
+    const removedIndex = data.nodes.findIndex((n) => n.id === nodeId), next = removeSmartArtNode(data, nodeId);
+    if (next === data) {
+        return undefined;
+    }
+    // Prefer focusing the node that took the removed slot, else the previous one.
+    // oxlint-disable-next-line eslint/one-var -- depends on `next` past the conditional return above; can't merge.
+    const focusNode = next.nodes[Math.max(0, removedIndex - 1)];
+    return { data: next, focusNodeId: focusNode?.id };
+}
+/** Tab: demote a node under its preceding sibling (connection-aware). */
+function demote(data, nodeId) {
+    const next = demoteSmartArtNode(data, nodeId);
+    return next === data ? undefined : next;
+}
+/** Shift+Tab: promote a node to its parent's level (connection-aware). */
+function promote(data, nodeId) {
+    const next = promoteSmartArtNode(data, nodeId);
+    return next === data ? undefined : next;
+}
+/** Move a node up (-1) or down (+1) within its sibling group. */
+function reorder(data, nodeId, direction) {
+    const next = reorderSmartArtNode(data, nodeId, direction);
+    return next === data ? undefined : next;
+}
+/** Index of a node among its siblings (nodes sharing its parentId). */
+function siblingIndex(data, nodeId) {
+    const node = data.nodes.find((n) => n.id === nodeId);
+    if (!node) {
+        return -1;
+    }
+    // oxlint-disable-next-line eslint/one-var -- depends on `node` past the conditional return above; can't merge.
+    const siblings = data.nodes.filter((n) => n.parentId === node.parentId);
+    return siblings.findIndex((n) => n.id === nodeId);
+}
+/** Number of siblings (including the node itself) sharing its parentId. */
+function siblingCount(data, nodeId) {
+    const node = data.nodes.find((n) => n.id === nodeId);
+    if (!node) {
+        return 0;
+    }
+    return data.nodes.filter((n) => n.parentId === node.parentId).length;
+}
+/** Connection types that represent the plain parent/child tree we edit inline. */
+const TREE_CONNECTION_TYPES = new Set(['parOf', 'presParOf', undefined]);
+/**
+ * Connections beyond the editable parent/child tree (e.g. `sibTrans`,
+ * `presOf`). Surfaced read-only so the user knows the diagram carries
+ * relationships the simple text pane does not edit.
+ */
+function classifyExtraConnections(data) {
+    return (data.connections ?? []).filter((c) => !TREE_CONNECTION_TYPES.has(c.type));
+}
+/** Count of connections beyond the editable parent/child tree. */
+function extraConnectionCount(data) {
+    return classifyExtraConnections(data).length;
+}
+
 /**
  * Vanilla three.js GLTF/GLB model scene controller (framework-agnostic).
  *
@@ -51090,7 +51411,7 @@ const DEFAULT_FONT_SIZE$1 = 12;
  * Returns the fill colour of the element's shapeStyle, or a white default.
  * Only meaningful for elements that pass `hasShapeProperties`.
  */
-function fillColorOf(el) {
+function fillColorOf$1(el) {
     if (hasShapeProperties(el)) {
         return el.shapeStyle?.fillColor ?? DEFAULT_FILL;
     }
@@ -51151,7 +51472,7 @@ function isUnderline(el) {
  * Builds a Partial<PptxElement> patch that merges the given changes into the
  * element's existing shapeStyle without dropping any other shapeStyle fields.
  */
-function shapeStylePatch(el, changes) {
+function shapeStylePatch$1(el, changes) {
     const base = hasShapeProperties(el) ? (el.shapeStyle ?? {}) : {};
     return {
         shapeStyle: {
@@ -60339,6 +60660,9 @@ function applyUniformCellPaddingPatch(el, padding) {
     };
 }
 
+/* oxlint-disable eslint/one-var -- pervasive pre-existing pattern in this file
+   (each mutator is a short sequence of independent `const`s); merging them
+   isn't a style choice here. */
 /**
  * Pure, framework-agnostic comment-array transforms, shared by every binding.
  *
@@ -60362,7 +60686,7 @@ function generateCommentId() {
  * Append a new comment to a comment list.
  * @returns the NEW full comment array, or `null` when `text` is blank.
  */
-function addCommentToList(comments, text, authorName, x, y) {
+function addCommentToList(comments, text, authorName, x, y, elementId) {
     const trimmed = text.trim();
     if (trimmed.length === 0) {
         return null;
@@ -60375,19 +60699,83 @@ function addCommentToList(comments, text, authorName, x, y) {
         resolved: false,
         ...(typeof x === 'number' ? { x } : {}),
         ...(typeof y === 'number' ? { y } : {}),
+        ...(elementId ? { elementId } : {}),
     };
     return [...comments, comment];
 }
 /**
- * Remove a comment (by id) from a comment list.
+ * Immutably map the comment matching `id` anywhere in the tree (top-level
+ * rows and nested `replies`, at any depth), applying `fn` to it.
+ * @returns a tuple of the new tree and whether a match was found/changed.
+ */
+function mapCommentTree(comments, id, fn) {
+    let changed = false;
+    const next = comments.map((comment) => {
+        if (comment.id === id) {
+            changed = true;
+            return fn(comment);
+        }
+        if (comment.replies && comment.replies.length > 0) {
+            const [replies, repliesChanged] = mapCommentTree(comment.replies, id, fn);
+            if (repliesChanged) {
+                changed = true;
+                return { ...comment, replies };
+            }
+        }
+        return comment;
+    });
+    return [next, changed];
+}
+/**
+ * Immutably drop the comment matching `id` anywhere in the tree (top-level
+ * rows and nested `replies`, at any depth).
+ * @returns a tuple of the new tree and whether anything was removed.
+ */
+function filterCommentTree(comments, id) {
+    let changed = false;
+    const next = [];
+    for (const comment of comments) {
+        if (comment.id === id) {
+            changed = true;
+            continue;
+        }
+        if (comment.replies && comment.replies.length > 0) {
+            const [replies, repliesChanged] = filterCommentTree(comment.replies, id);
+            if (repliesChanged) {
+                changed = true;
+                next.push({ ...comment, replies });
+                continue;
+            }
+        }
+        next.push(comment);
+    }
+    return [next, changed];
+}
+/**
+ * Remove a comment (by id) from a comment list. Searches the whole tree, so
+ * a nested reply (at any depth) is removed just like a top-level comment.
  * @returns the NEW full comment array, or `null` when nothing changed.
  */
 function removeCommentFromList(comments, id) {
-    const next = comments.filter((comment) => comment.id !== id);
-    if (next.length === comments.length) {
+    const [next, changed] = filterCommentTree(comments, id);
+    return changed ? next : null;
+}
+/**
+ * Update the text of a comment (by id) anywhere in the tree (top-level rows
+ * and nested `replies`, at any depth).
+ * @returns the NEW full comment array, or `null` when `text` is blank or the
+ *   comment is not found.
+ */
+function editCommentInList(comments, id, text) {
+    const trimmed = text.trim();
+    if (trimmed.length === 0) {
         return null;
     }
-    return next;
+    const [next, changed] = mapCommentTree(comments, id, (comment) => ({
+        ...comment,
+        text: trimmed,
+    }));
+    return changed ? next : null;
 }
 /**
  * Append a threaded reply under the top-level comment `parentId`.
@@ -60421,22 +60809,17 @@ function replyToCommentInList(comments, parentId, text, authorName) {
         : comment);
 }
 /**
- * Toggle the `resolved` flag of a comment (by id) in a comment list.
+ * Toggle the `resolved` flag of a comment (by id) in a comment list. Searches
+ * the whole tree, so a nested reply (at any depth) can be resolved just like
+ * a top-level comment.
  * @returns the NEW full comment array, or `null` when nothing changed.
  */
 function toggleCommentResolvedInList(comments, id) {
-    let changed = false;
-    const next = comments.map((comment) => {
-        if (comment.id !== id) {
-            return comment;
-        }
-        changed = true;
-        return { ...comment, resolved: !comment.resolved };
-    });
-    if (!changed) {
-        return null;
-    }
-    return next;
+    const [next, changed] = mapCommentTree(comments, id, (comment) => ({
+        ...comment,
+        resolved: !comment.resolved,
+    }));
+    return changed ? next : null;
 }
 
 /**
@@ -65679,6 +66062,20 @@ function select(group, key, labelKey, choiceList) {
 function numberControl(group, key, labelKey, min, max, unitKey) {
     return { kind: 'number', group, key, labelKey, min, max, unitKey };
 }
+/**
+ * Clamp a File > Options number-control edit into its schema range.
+ *
+ * Returns `undefined` when `raw` does not parse to a finite number, so the
+ * caller can skip the commit and leave the field's prior value in place
+ * (matches the behaviour every binding except one already had).
+ */
+function clampOptionNumber(raw, min, max) {
+    const parsed = Number(raw);
+    if (!Number.isFinite(parsed)) {
+        return undefined;
+    }
+    return Math.min(max, Math.max(min, parsed));
+}
 function textControl(group, key, labelKey) {
     return { kind: 'text', group, key, labelKey, maxLength: 64 };
 }
@@ -66163,16 +66560,24 @@ function overlayStored(base, stored) {
  * download, short enough not to leak the object URL.
  */
 /** Default fallback name used when a download filename is empty or unusable. */
-const FALLBACK_DOWNLOAD_NAME = 'presentation.pptx';
+const FALLBACK_DOWNLOAD_NAME = 'presentation.pptx', 
+/** Fallback stem used by {@link resolveExportBaseName} when no usable name remains. */
+EXPORT_BASE_NAME_FALLBACK = 'presentation', 
+/**
+ * Extensions {@link resolveExportBaseName} strips by default: every format the
+ * export surface (PNG/PDF/GIF/WebM) or the original source deck (pptx) can be
+ * named after. Bare, lower-case, no leading dot.
+ */
+DEFAULT_EXPORT_STRIP_EXTENSIONS = ['pptx', 'pdf', 'png', 'gif', 'webm'], 
 /** Revoke delay (ms) after triggering a download click. */
-const REVOKE_DELAY_MS = 200;
+REVOKE_DELAY_MS = 200, 
 /**
  * Revoke delay (ms) after opening a payload in a new tab. Longer than the
  * download delay: the new document may still be fetching the object URL (a PDF
  * viewer, an image) well after the current task finishes, so we keep the URL
  * alive for a minute before releasing it.
  */
-const OPEN_REVOKE_DELAY_MS = 60_000;
+OPEN_REVOKE_DELAY_MS = 60_000;
 /**
  * Strip control characters, filesystem-reserved characters, and path-traversal
  * sequences from a user-supplied download filename. CR/LF in particular can
@@ -66213,6 +66618,28 @@ function sanitizeDownloadFilename(input) {
     }
     return cleaned;
 }
+/**
+ * Derive the base (extensionless) file name for an export download from a
+ * user-supplied source file name: trims whitespace, strips one trailing
+ * extension from `extensions` (case-insensitive), and falls back to
+ * `presentation` when `sourceName` is `undefined` or the result is empty.
+ *
+ * Used by every binding's export controller to turn a loaded deck's source
+ * name (e.g. `Deck.pptx`) into the stem for its own export downloads (e.g.
+ * `Deck-slide-1.png`, `Deck.gif`) without doubling up the extension.
+ *
+ * @param sourceName - The raw source file name, or `undefined` when none is
+ *   known yet.
+ * @param extensions - Extensions to strip, without the leading dot. Defaults
+ *   to the full export-surface set (`pptx`, `pdf`, `png`, `gif`, `webm`).
+ */
+function resolveExportBaseName(sourceName, extensions = DEFAULT_EXPORT_STRIP_EXTENSIONS) {
+    if (sourceName === undefined) {
+        return EXPORT_BASE_NAME_FALLBACK;
+    }
+    const pattern = new RegExp(`\\.(?:${extensions.join('|')})$`, 'iu'), trimmed = sourceName.trim().replace(pattern, '');
+    return trimmed === '' ? EXPORT_BASE_NAME_FALLBACK : trimmed;
+}
 /**
  * Trigger a browser download for a Blob. The `filename` is used verbatim: pass a
  * name through {@link sanitizeDownloadFilename} first if it may be hostile.
@@ -66221,8 +66648,7 @@ function sanitizeDownloadFilename(input) {
  * @param filename - The suggested download name.
  */
 function downloadBlob(blob, filename) {
-    const url = URL.createObjectURL(blob);
-    const anchor = document.createElement('a');
+    const url = URL.createObjectURL(blob), anchor = document.createElement('a');
     anchor.href = url;
     anchor.download = filename;
     document.body.appendChild(anchor);
@@ -66262,13 +66688,11 @@ function dataUrlToBlob(dataUrl) {
     if (!match?.groups) {
         return undefined;
     }
-    const mime = match.groups.mime || 'application/octet-stream';
-    const isBase64 = Boolean(match.groups.base64);
-    const payload = match.groups.payload ?? '';
+    // eslint-disable-next-line one-var -- separated from `match` above by a guard clause
+    const mime = match.groups.mime || 'application/octet-stream', isBase64 = Boolean(match.groups.base64), payload = match.groups.payload ?? '';
     try {
         if (isBase64) {
-            const binary = atob(payload);
-            const bytes = new Uint8Array(binary.length);
+            const binary = atob(payload), bytes = new Uint8Array(binary.length);
             for (let i = 0; i < binary.length; i++) {
                 bytes[i] = binary.charCodeAt(i);
             }
@@ -66291,14 +66715,13 @@ function dataUrlToBlob(dataUrl) {
  * @param url - The payload URL (typically a recovered `data:` URL).
  */
 function openUrlInNewTab(url) {
-    const blob = url.startsWith('data:') ? dataUrlToBlob(url) : undefined;
-    const target = blob ? URL.createObjectURL(blob) : url;
+    const blob = url.startsWith('data:') ? dataUrlToBlob(url) : undefined, target = blob ? URL.createObjectURL(blob) : url, 
     // NB: no `noopener` here. A `blob:` object URL is resolved from the opener's
     // origin-partitioned blob store, and Chromium refuses to resolve it in the
     // disconnected browsing context `noopener` creates (the new tab lands on an
     // empty document). We instead sever the child's back-reference to us
     // afterwards, which mitigates reverse-tabnabbing without breaking the blob.
-    const opened = window.open(target, '_blank');
+    opened = window.open(target, '_blank');
     if (opened) {
         try {
             opened.opener = null;
@@ -70857,7 +71280,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-IYWfGg1_.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-DG82Zq8L.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -80413,53 +80836,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-/** Minimum pointer travel (px) before a mark press becomes a value drag. */
-const CHART_DRAG_THRESHOLD_PX = 3;
-/** Class toggled onto the SVG marks matching the selected chart part. */
-const CHART_PART_SELECTED_CLASS = 'pptx-chart-part-selected';
-/**
- * Begin a value drag for a pressed part, or return null when the part is not
- * a draggable data point (series lines, non-cartesian charts, missing drag
- * context).
- */
-function beginChartValueDrag(part, vm, chartData, startClientY) {
-    if (part.role !== 'dataPoint' || part.pointIndex === undefined || !vm.valueDrag) {
-        return null;
-    }
-    const startValue = chartData.series[part.seriesIndex]?.values[part.pointIndex] ?? 0;
-    return {
-        part,
-        drag: vm.valueDrag,
-        svgHeight: vm.svgHeight,
-        startClientY,
-        anchorViewY: dragAnchorViewY(startValue, vm.valueDrag, part.seriesIndex),
-        baseChartData: chartData,
-        moved: false,
-        lastData: null,
-        lastValue: null,
-    };
-}
-/**
- * Advance a drag session for a pointer move. Returns the preview chart data +
- * live value once the pointer has travelled past the threshold, or null while
- * the press still counts as a click (or geometry is unusable).
- */
-function moveChartValueDrag(session, clientY, renderedSvgHeight) {
-    if (!session.moved && Math.abs(clientY - session.startClientY) < CHART_DRAG_THRESHOLD_PX) {
-        return null;
-    }
-    if (session.part.pointIndex === undefined || renderedSvgHeight === 0) {
-        return null;
-    }
-    session.moved = true;
-    const deltaViewY = ((clientY - session.startClientY) / renderedSvgHeight) * session.svgHeight;
-    const viewY = session.anchorViewY + deltaViewY;
-    const value = dragValueForPart(viewY, session.drag, session.part.seriesIndex);
-    const data = withChartPointValue(session.baseChartData, session.part.seriesIndex, session.part.pointIndex, value);
-    session.lastData = data;
-    session.lastValue = value;
-    return { data, value };
-}
+// ─────────────────────────────────────────────────────────────────────────────
+// 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).
@@ -80490,57 +80869,29 @@ function commitChartElementData(editor, elementId, chartData, templateSlideId) {
     editor.updateElement(slideIndex, elementId, { chartData });
 }
 // ─────────────────────────────────────────────────────────────────────────────
-// Selected-part highlight
-// ─────────────────────────────────────────────────────────────────────────────
-/**
- * CSS selector matching the SVG marks tagged with `part`. A part without a
- * `pointIndex` must NOT match point-level marks of the same series (and vice
- * versa), so the point clause is always present in one form or the other.
- */
-function chartPartSelector(part) {
-    const pointSel = part.pointIndex !== undefined
-        ? `[data-chart-point='${part.pointIndex}']`
-        : ':not([data-chart-point])';
-    return `[data-chart-part='${part.role}'][data-chart-series='${part.seriesIndex}']${pointSel}`;
-}
-/**
- * Re-apply the selected-part highlight class inside `root`: clears every
- * existing highlight, then tags the marks matching `part` (no-op for null).
- * Runs after each render because re-created SVG marks drop DOM-only classes.
- */
-function applyChartPartHighlight(root, part) {
-    for (const node of root.querySelectorAll(`.${CHART_PART_SELECTED_CLASS}`)) {
-        node.classList.remove(CHART_PART_SELECTED_CLASS);
-    }
-    if (!part) {
-        return;
-    }
-    for (const node of root.querySelectorAll(chartPartSelector(part))) {
-        node.classList.add(CHART_PART_SELECTED_CLASS);
-    }
-}
-// ─────────────────────────────────────────────────────────────────────────────
-// Singleton interaction stylesheet
+// Interaction stylesheet (shared base rules + Angular's own badge/editor CSS)
 // ─────────────────────────────────────────────────────────────────────────────
 const STYLE_ELEMENT_ID = 'pptx-ng-chart-interaction-styles';
 /**
- * Interaction CSS, injected once into `document.head` (component styles are
- * view-encapsulated in Angular, so they could not reach into the chart
- * renderer's SVG). The `[data-chart-part]` rules match React's stylesheet;
- * the `pptx-ng-*` rules style this binding's badge / inline title editor.
+ * 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-chart-interactive svg [data-chart-part] { pointer-events: auto; cursor: pointer; }
-.pptx-chart-interactive svg [data-chart-part]:hover { filter: brightness(1.12); }
-.pptx-chart-interactive svg [data-chart-part='title'] { cursor: text; }
-.pptx-chart-interactive svg .${CHART_PART_SELECTED_CLASS} { filter: drop-shadow(0 0 2.5px #3b82f6); }
-.pptx-chart-interactive svg .${CHART_PART_SELECTED_CLASS}:hover { filter: drop-shadow(0 0 2.5px #3b82f6) brightness(1.12); }
 .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 (singleton) interaction stylesheet for chart part hit targets. */
+/**
+ * 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;
     }
@@ -80675,7 +81026,11 @@ class ChartPrimitivesComponent {
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asRect(prim).title !== undefined) {
+							<svg:title>{{ asRect(prim).title }}</svg:title>
+						}
+					</svg:rect>
 				}
 				@case ('path') {
 					<svg:path
@@ -80709,7 +81064,11 @@ class ChartPrimitivesComponent {
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asPolyline(prim).title !== undefined) {
+							<svg:title>{{ asPolyline(prim).title }}</svg:title>
+						}
+					</svg:polyline>
 				}
 				@case ('circle') {
 					<svg:circle
@@ -80721,7 +81080,11 @@ class ChartPrimitivesComponent {
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asCircle(prim).title !== undefined) {
+							<svg:title>{{ asCircle(prim).title }}</svg:title>
+						}
+					</svg:circle>
 				}
 				@case ('line') {
 					<svg:line
@@ -80731,7 +81094,11 @@ class ChartPrimitivesComponent {
 						[attr.y2]="asLine(prim).y2"
 						[attr.stroke]="asLine(prim).stroke"
 						[attr.stroke-width]="asLine(prim).strokeWidth"
-					/>
+					>
+						@if (asLine(prim).title !== undefined) {
+							<svg:title>{{ asLine(prim).title }}</svg:title>
+						}
+					</svg:line>
 				}
 				@case ('polygon') {
 					<svg:polygon
@@ -80744,7 +81111,11 @@ class ChartPrimitivesComponent {
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asPolygon(prim).title !== undefined) {
+							<svg:title>{{ asPolygon(prim).title }}</svg:title>
+						}
+					</svg:polygon>
 				}
 				@case ('text') {
 					<svg:text
@@ -80786,7 +81157,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asRect(prim).title !== undefined) {
+							<svg:title>{{ asRect(prim).title }}</svg:title>
+						}
+					</svg:rect>
 				}
 				@case ('path') {
 					<svg:path
@@ -80820,7 +81195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asPolyline(prim).title !== undefined) {
+							<svg:title>{{ asPolyline(prim).title }}</svg:title>
+						}
+					</svg:polyline>
 				}
 				@case ('circle') {
 					<svg:circle
@@ -80832,7 +81211,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asCircle(prim).title !== undefined) {
+							<svg:title>{{ asCircle(prim).title }}</svg:title>
+						}
+					</svg:circle>
 				}
 				@case ('line') {
 					<svg:line
@@ -80842,7 +81225,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 						[attr.y2]="asLine(prim).y2"
 						[attr.stroke]="asLine(prim).stroke"
 						[attr.stroke-width]="asLine(prim).strokeWidth"
-					/>
+					>
+						@if (asLine(prim).title !== undefined) {
+							<svg:title>{{ asLine(prim).title }}</svg:title>
+						}
+					</svg:line>
 				}
 				@case ('polygon') {
 					<svg:polygon
@@ -80855,7 +81242,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 						[attr.data-chart-part]="partRole(prim)"
 						[attr.data-chart-series]="partSeries(prim)"
 						[attr.data-chart-point]="partPoint(prim)"
-					/>
+					>
+						@if (asPolygon(prim).title !== undefined) {
+							<svg:title>{{ asPolygon(prim).title }}</svg:title>
+						}
+					</svg:polygon>
 				}
 				@case ('text') {
 					<svg:text
@@ -80904,7 +81295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * Input:    `element` - required `PptxElement` narrowed to `type === 'chart'`
  */
 const LEGEND_SWATCH_SIZE = 10;
-const LEGEND_ITEM_WIDTH = 80;
 class ChartRendererComponent {
     constructor() {
         this.element = input.required(/* @ts-ignore */
@@ -80914,15 +81304,11 @@ class ChartRendererComponent {
         this.viewBox = computed(() => `0 0 ${this.vm().svgWidth} ${this.vm().svgHeight}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
         this.swatchSize = LEGEND_SWATCH_SIZE;
+        this.legendItems = computed(() => computeChartLegendLayout(this.vm()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "legendItems" }] : /* istanbul ignore next */ []));
     }
-    legendTransform(index) {
-        const v = this.vm();
-        const isVertical = v.legendAnchor === 'start';
-        const x = isVertical
-            ? v.legendX
-            : v.legendX - (v.legend.length * LEGEND_ITEM_WIDTH) / 2 + index * LEGEND_ITEM_WIDTH;
-        const y = isVertical ? v.legendY + index * 14 : v.legendY;
-        return `translate(${x.toFixed(1)},${y.toFixed(1)})`;
+    legendTransform(item) {
+        return `translate(${item.x.toFixed(1)},${item.y.toFixed(1)})`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ChartRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ChartRendererComponent, isStandalone: true, selector: "pptx-chart-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
@@ -81061,19 +81447,19 @@ class ChartRendererComponent {
 			}
 
 			<!-- Legend -->
-			@if (vm().legend.length > 0) {
-				@for (entry of vm().legend; track $index) {
-					<g [attr.transform]="legendTransform($index)">
+			@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]="entry.color"
+							[attr.fill]="item.color"
 						/>
 						<text [attr.x]="swatchSize + 3" y="3" font-size="9" fill="#475569">
-							{{ entry.label }}
+							{{ item.label }}
 						</text>
 					</g>
 				}
@@ -81224,19 +81610,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 			}
 
 			<!-- Legend -->
-			@if (vm().legend.length > 0) {
-				@for (entry of vm().legend; track $index) {
-					<g [attr.transform]="legendTransform($index)">
+			@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]="entry.color"
+							[attr.fill]="item.color"
 						/>
 						<text [attr.x]="swatchSize + 3" y="3" font-size="9" fill="#475569">
-							{{ entry.label }}
+							{{ item.label }}
 						</text>
 					</g>
 				}
@@ -81246,6 +81632,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 }]
         }], propDecorators: { element: [{ type: i0.Input, args: [{ isSignal: true, alias: "element", required: true }] }] } });
 
+/* oxlint-disable eslint/one-var -- pervasive pre-existing pattern in this file:
+   independent handler-local `const`s, not one statement */
 /**
  * ChartElementViewComponent (Angular port of React's `ChartElementView.tsx`):
  * renders a chart and, while it is selected + editable, makes its data marks
@@ -81409,7 +81797,12 @@ class ChartElementViewComponent {
         if (!chartData || !vm) {
             return;
         }
-        const session = beginChartValueDrag(part, vm, chartData, event.clientY);
+        const session = beginChartValueDrag({
+            part,
+            viewModel: vm,
+            chartData,
+            clientY: event.clientY,
+        });
         if (!session) {
             return;
         }
@@ -81430,14 +81823,11 @@ class ChartElementViewComponent {
             return;
         }
         const svg = this.wrapper()?.nativeElement.querySelector('svg');
-        const rect = svg?.getBoundingClientRect();
-        if (!rect || rect.height === 0) {
-            return;
-        }
-        const result = moveChartValueDrag(session, event.clientY, rect.height);
-        if (result) {
-            this.previewData.set(result.data);
-            this.dragValue.set(result.value);
+        const height = svg?.getBoundingClientRect().height ?? 0;
+        const step = advanceChartValueDrag(session, event.clientY, height);
+        if (step) {
+            this.previewData.set(step.chartData);
+            this.dragValue.set(step.value);
         }
     }
     onPointerUp() {
@@ -87075,6 +87465,9 @@ function affordanceElements(elements, editTemplateMode, isTemplate) {
  * rendering, clearing on pointerup) stays in `SlideCanvasComponent`.
  */
 
+/* oxlint-disable eslint/one-var -- pervasive pre-existing pattern in this file
+   (many independent short-lived `const`s per handler); merging them isn't a
+   style choice here. */
 /** Pixels (screen-space) a pointer must move before a click becomes a drag. */
 const DRAG_THRESHOLD = 3;
 /** Handle size in screen pixels (fine pointer: mouse/trackpad). */
@@ -87965,7 +88358,12 @@ class SlideCanvasComponent {
             return;
         }
         event.preventDefault();
-        const id = this.interactiveElementIdAt(event.target);
+        // The inline text editor renders as an overlay beside the elements, not a
+        // child of the one it edits, so a right-click inside it hit-tests to
+        // nothing via interactiveElementIdAt. Fall back to the element being
+        // edited rather than swallowing the menu on the element the user just
+        // clicked (matches Vue's and Svelte's useContextMenu/onStageContextMenu).
+        const hitId = this.interactiveElementIdAt(event.target), id = resolveContextMenuElementId(hitId, event.target, this.editingId());
         this.contextMenu.emit({ id, x: event.clientX, y: event.clientY });
     }
     onHandlePointerDown(event, handle) {
@@ -88694,6 +89092,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 	`, styles: [".master-sidebar{display:flex;width:224px;min-height:0;flex-direction:column;border-right:1px solid var(--pptx-border, #33334d);background:var(--pptx-card, #1e1e2e)}header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px}header strong{color:var(--pptx-muted-foreground, #a5a5b5);font-size:11px;text-transform:uppercase}header button{border:0;background:transparent;color:inherit;font-size:20px;cursor:pointer}.tabs{display:flex;padding:0 4px;border-bottom:1px solid var(--pptx-border, #33334d)}.tabs button{flex:1;padding:6px 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pptx-muted-foreground, #a5a5b5);font-size:10px;cursor:pointer}.tabs button[aria-selected=true]{border-bottom-color:#f59e0b;color:#f59e0b}.body{flex:1;min-height:0;overflow:auto;padding:8px}.master-item{display:block;width:100%;margin-bottom:6px;padding:8px;border:1px solid transparent;border-radius:5px;background:transparent;color:inherit;text-align:left}.master-item.layout{width:calc(100% - 14px);margin-left:14px}.master-item[aria-pressed=true]{border-color:var(--pptx-primary, #6366f1)}section,.background-editor{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:10px;border:1px solid var(--pptx-border, #33334d);border-radius:6px}.counts{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.counts button[aria-pressed=true]{background:var(--pptx-primary, #6366f1);color:#fff}.background-editor input{width:100%;height:34px}\n"] }]
         }], propDecorators: { tab: [{ type: i0.Input, args: [{ isSignal: true, alias: "tab", required: true }] }], slideMasters: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideMasters", required: true }] }], notesMaster: [{ type: i0.Input, args: [{ isSignal: true, alias: "notesMaster", required: false }] }], handoutMaster: [{ type: i0.Input, args: [{ isSignal: true, alias: "handoutMaster", required: false }] }], activeMasterIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeMasterIndex", required: false }] }], activeLayoutIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeLayoutIndex", required: false }] }], handoutSlidesPerPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "handoutSlidesPerPage", required: false }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }], selectMaster: [{ type: i0.Output, args: ["selectMaster"] }], selectLayout: [{ type: i0.Output, args: ["selectLayout"] }], slidesPerPageChange: [{ type: i0.Output, args: ["slidesPerPageChange"] }], backgroundChange: [{ type: i0.Output, args: ["backgroundChange"] }], close: [{ type: i0.Output, args: ["close"] }] } });
 
+/**
+ * Apply a bottom-bar tap: decide the next sheet with shared's `toggleSheet`
+ * (tapping the open sheet closes it, tapping a different one switches to
+ * it), then close everything and open whatever `toggleSheet` decided, if
+ * anything.
+ */
+function applyMobileBarSheetTap(tapped, current, actions) {
+    const next = toggleSheet(current, tapped);
+    actions.closeAll();
+    switch (next) {
+        case 'slides':
+            actions.openSlides();
+            break;
+        case 'inspector':
+            actions.openInspector();
+            break;
+        case 'comments':
+            actions.openComments();
+            break;
+        case 'notes':
+            actions.openNotes();
+            break;
+    }
+}
+
 /**
  * mobile-bottom-bar.component.ts: Persistent mobile bottom action bar.
  *
@@ -88739,36 +89162,40 @@ class MobileBottomBarComponent {
         /** User tapped the Notes button. */
         this.notes = output();
         // ── Derived action list ───────────────────────────────────────────────────
+        // Shared `buildBarActions` decides which slots are disabled (no slides
+        // loaded); this binding only maps the resulting descriptor's `key` and
+        // `disabled` onto its own labels, icons and outputs.
         this.actions = computed(() => {
-            const count = this.slideCount();
-            const noSlides = count === 0;
-            const active = this.activeSheet();
+            const active = this.activeSheet(), disabledByKey = new Map(buildBarActions({ slideCount: this.slideCount() }).map((descriptor) => [
+                descriptor.key,
+                descriptor.disabled,
+            ]));
             return [
                 {
                     key: 'slides',
                     labelKey: 'pptx.sections.slides',
-                    disabled: noSlides,
+                    disabled: disabledByKey.get('slides') ?? false,
                     active: active === 'slides',
                     emit: () => this.openSlides.emit(),
                 },
                 {
                     key: 'insert',
                     labelKey: 'pptx.editorToolbar.insert',
-                    disabled: noSlides,
+                    disabled: disabledByKey.get('insert') ?? false,
                     active: false,
                     emit: () => this.insert.emit(),
                 },
                 {
                     key: 'inspector',
                     labelKey: 'pptx.arrange.format',
-                    disabled: noSlides,
+                    disabled: disabledByKey.get('inspector') ?? false,
                     active: active === 'inspector',
                     emit: () => this.openFormat.emit(),
                 },
                 {
                     key: 'comments',
                     labelKey: 'pptx.toolbar.comments',
-                    disabled: noSlides,
+                    disabled: disabledByKey.get('comments') ?? false,
                     active: active === 'comments',
                     badge: this.commentCount(),
                     emit: () => this.openComments.emit(),
@@ -88777,7 +89204,7 @@ class MobileBottomBarComponent {
                     key: 'notes',
                     labelKey: 'pptx.notes.title',
                     ariaLabelKey: 'pptx.statusBar.toggleNotes',
-                    disabled: noSlides,
+                    disabled: disabledByKey.get('notes') ?? false,
                     active: active === 'notes',
                     emit: () => this.notes.emit(),
                 },
@@ -104025,9 +104452,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 }]
         }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }] } });
 
+/**
+ * ribbon-color-popover.component.ts: the hover-reveal swatch popover used for the
+ * Font-colour and Text-highlight pickers in {@link RibbonFontControlsComponent}.
+ * The trigger icon is projected via `<ng-content>`; the swatch grid + custom
+ * colour input are shared. Split out to keep the font controls under the 300-LOC
+ * cap; behaviour and markup are unchanged.
+ */
+class RibbonColorPopoverComponent {
+    constructor() {
+        this.current = input('#000000', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+        this.presets = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []));
+        this.disabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        this.titleKey = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "titleKey" }] : /* istanbul ignore next */ []));
+        this.swatchAriaKey = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "swatchAriaKey" }] : /* istanbul ignore next */ []));
+        this.pick = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonColorPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: RibbonColorPopoverComponent, isStandalone: true, selector: "pptx-ribbon-color-popover", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, swatchAriaKey: { classPropertyName: "swatchAriaKey", publicName: "swatchAriaKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: `
+		<div class="group relative">
+			<button
+				type="button"
+				class="pptx-rb-pill"
+				[disabled]="disabled()"
+				[title]="titleKey() | translate"
+				(mousedown)="$event.preventDefault()"
+			>
+				<ng-content />
+				<span class="-mt-0.5 block h-1 w-4 rounded-sm" [style.background]="current()"></span>
+			</button>
+			<div class="absolute left-0 top-full z-50 hidden pt-1 group-hover:block">
+				<div class="w-36 rounded-lg border border-border bg-card p-2 shadow-2xl">
+					<div class="mb-2 grid grid-cols-5 gap-1.5">
+						@for (c of presets(); track c) {
+							<button
+								type="button"
+								data-pptx-compact
+								class="h-5 w-5 rounded-full border transition-transform hover:scale-125"
+								[ngClass]="
+									current().toLowerCase() === c
+										? 'border-primary ring-1 ring-primary'
+										: 'border-border'
+								"
+								[style.background]="c"
+								[attr.aria-label]="swatchAriaKey() | translate: { color: c }"
+								(mousedown)="$event.preventDefault()"
+								(click)="pick.emit(c)"
+							></button>
+						}
+					</div>
+					<label
+						class="block w-full cursor-pointer py-1 text-center text-[10px] text-muted-foreground transition-colors hover:text-foreground"
+					>
+						{{ 'pptx.ribbon.customColour' | translate }}
+						<input
+							type="color"
+							class="sr-only"
+							[value]="current()"
+							(change)="pick.emit($any($event.target).value)"
+						/>
+					</label>
+				</div>
+			</div>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonColorPopoverComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-ribbon-color-popover',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NgClass, TranslatePipe],
+                    template: `
+		<div class="group relative">
+			<button
+				type="button"
+				class="pptx-rb-pill"
+				[disabled]="disabled()"
+				[title]="titleKey() | translate"
+				(mousedown)="$event.preventDefault()"
+			>
+				<ng-content />
+				<span class="-mt-0.5 block h-1 w-4 rounded-sm" [style.background]="current()"></span>
+			</button>
+			<div class="absolute left-0 top-full z-50 hidden pt-1 group-hover:block">
+				<div class="w-36 rounded-lg border border-border bg-card p-2 shadow-2xl">
+					<div class="mb-2 grid grid-cols-5 gap-1.5">
+						@for (c of presets(); track c) {
+							<button
+								type="button"
+								data-pptx-compact
+								class="h-5 w-5 rounded-full border transition-transform hover:scale-125"
+								[ngClass]="
+									current().toLowerCase() === c
+										? 'border-primary ring-1 ring-primary'
+										: 'border-border'
+								"
+								[style.background]="c"
+								[attr.aria-label]="swatchAriaKey() | translate: { color: c }"
+								(mousedown)="$event.preventDefault()"
+								(click)="pick.emit(c)"
+							></button>
+						}
+					</div>
+					<label
+						class="block w-full cursor-pointer py-1 text-center text-[10px] text-muted-foreground transition-colors hover:text-foreground"
+					>
+						{{ 'pptx.ribbon.customColour' | translate }}
+						<input
+							type="color"
+							class="sr-only"
+							[value]="current()"
+							(change)="pick.emit($any($event.target).value)"
+						/>
+					</label>
+				</div>
+			</div>
+		</div>
+	`,
+                }]
+        }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], titleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleKey", required: false }] }], swatchAriaKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "swatchAriaKey", required: false }] }], pick: [{ type: i0.Output, args: ["pick"] }] } });
+
 /**
  * ribbon-drawing-group.component.ts: Drawing group for the Home tab ribbon.
- * Provides shape insertion, layer arrangement, and shape formatting placeholders.
+ * Provides shape insertion, layer arrangement, and shape Fill/Outline colour
+ * pickers (Shape Effects stays a disabled placeholder: it is genuinely
+ * unimplemented in every binding).
  *
  * The Arrange menu also carries Group / Ungroup, which is where PowerPoint
  * puts them (Home > Drawing > Arrange) and where the other bindings expose
@@ -104040,9 +104596,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * The picker lists the first 12 entries of the shared preset catalogue
  * ({@link SHAPE_PRESET_DEFS}), so the geometry ids are valid OOXML
  * `a:prstGeom` values shared with every binding.
+ *
+ * Fill/Outline commit through `pptx-viewer-shared`'s `shapeFillChange` /
+ * `shapeOutlineChange` decision functions (the same ones React's and Vue's
+ * DrawingGroup use), so the two keys written (`fillColor`+`fillMode` /
+ * `strokeColor`) can't drift from the other bindings a third time. The
+ * buttons used to be `disabled` placeholders that did nothing when clicked.
+ */
+/**
+ * The quick "top shapes" row shared with React's toolbar (first 12 presets),
+ * and the fallbacks the Fill/Outline swatch dots show when the selection has
+ * none set (declared together: oxlint's `one-var` wants one `const` statement
+ * per top-level scope).
+ */
+const TOP_SHAPES = SHAPE_PRESET_DEFS.slice(0, 12), DEFAULT_FILL_COLOR = '#ffffff', DEFAULT_OUTLINE_COLOR = '#000000';
+/** Fill/Outline only apply to an editable, selected shape-like element. */
+function canFormatShapeSelection(canEdit, element) {
+    return canEdit && element !== null && hasShapeProperties(element);
+}
+/** The colour the Fill swatch dot shows for the current selection. */
+function fillColorOf(element) {
+    if (element === null || !hasShapeProperties(element)) {
+        return DEFAULT_FILL_COLOR;
+    }
+    return element.shapeStyle?.fillColor ?? DEFAULT_FILL_COLOR;
+}
+/** The colour the Outline swatch dot shows for the current selection. */
+function outlineColorOf(element) {
+    if (element === null || !hasShapeProperties(element)) {
+        return DEFAULT_OUTLINE_COLOR;
+    }
+    return element.shapeStyle?.strokeColor ?? DEFAULT_OUTLINE_COLOR;
+}
+/**
+ * The element patch a Fill/Outline swatch pick commits, or `undefined` when
+ * the selection has no shape style to patch. Merges into the EXISTING
+ * `shapeStyle` (not a replace) so picking a fill colour never clears an
+ * already-set outline, and vice versa.
  */
-/** The quick "top shapes" row shared with React's toolbar (first 12 presets). */
-const TOP_SHAPES = SHAPE_PRESET_DEFS.slice(0, 12);
+function shapeStylePatch(element, style) {
+    if (element === null || !hasShapeProperties(element)) {
+        return undefined;
+    }
+    return { shapeStyle: { ...element.shapeStyle, ...style } };
+}
 class RibbonDrawingGroupComponent {
     constructor() {
         this.editor = inject(EditorStateService);
@@ -104051,11 +104648,36 @@ class RibbonDrawingGroupComponent {
         /** Index of the active slide (insertion target). */
         this.slideIndex = input(0, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "slideIndex" }] : /* istanbul ignore next */ []));
+        this.selectedElement = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedElement" }] : /* istanbul ignore next */ []));
         this.shapes = TOP_SHAPES;
         this.shapesOpen = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "shapesOpen" }] : /* istanbul ignore next */ []));
         this.arrangeOpen = signal(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "arrangeOpen" }] : /* istanbul ignore next */ []));
+        this.swatches = RIBBON_SHAPE_SWATCHES;
+        this.canFormatShape = computed(() => canFormatShapeSelection(this.canEdit(), this.selectedElement()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canFormatShape" }] : /* istanbul ignore next */ []));
+        this.fillColor = computed(() => fillColorOf(this.selectedElement()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fillColor" }] : /* istanbul ignore next */ []));
+        this.outlineColor = computed(() => outlineColorOf(this.selectedElement()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "outlineColor" }] : /* istanbul ignore next */ []));
+    }
+    /** Commit a picked Fill swatch through the shared decision function. */
+    onFill(color) {
+        this.patchShapeStyle(shapeFillChange(color));
+    }
+    /** Commit a picked Outline swatch through the shared decision function. */
+    onOutline(color) {
+        this.patchShapeStyle(shapeOutlineChange(color));
+    }
+    /** Merge a Fill/Outline patch into the selection's shape style, if it has one. */
+    patchShapeStyle(style) {
+        const el = this.selectedElement(), patch = shapeStylePatch(el, style);
+        if (!this.canFormatShape() || el === null || !patch) {
+            return;
+        }
+        this.editor.updateElement(this.slideIndex(), el.id, patch);
     }
     /** Insert the picked preset immediately (selects it and records history). */
     onShapeSelect(shape) {
@@ -104088,7 +104710,7 @@ class RibbonDrawingGroupComponent {
         this.editor.sendSelectedToBack(this.slideIndex());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonDrawingGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: RibbonDrawingGroupComponent, isStandalone: true, selector: "pptx-ribbon-drawing-group", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: RibbonDrawingGroupComponent, isStandalone: true, selector: "pptx-ribbon-drawing-group", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<!-- Shapes -->
 		<div class="flex flex-col items-center gap-0.5">
 			<div class="pptx-rb-grp">
@@ -104185,16 +104807,36 @@ class RibbonDrawingGroupComponent {
 			</span>
 		</div>
 		<span class="pptx-rb-sep"></span>
-		<!-- Shape formatting (placeholders) -->
+		<!-- Shape formatting -->
 		<div class="flex flex-col items-center gap-0.5">
-			<div class="pptx-rb-grp">
-				<button type="button" class="pptx-rb-gb" disabled>
+			<div class="flex items-center gap-1">
+				<pptx-ribbon-color-popover
+					[current]="fillColor()"
+					[presets]="swatches"
+					[disabled]="!canFormatShape()"
+					titleKey="pptx.drawing.shapeFill"
+					swatchAriaKey="pptx.ribbon.fillColourValue"
+					(pick)="onFill($event)"
+				>
 					{{ 'pptx.drawing.shapeFill' | translate }}
-				</button>
-				<button type="button" class="pptx-rb-gb" disabled>
+				</pptx-ribbon-color-popover>
+				<pptx-ribbon-color-popover
+					[current]="outlineColor()"
+					[presets]="swatches"
+					[disabled]="!canFormatShape()"
+					titleKey="pptx.drawing.shapeOutline"
+					swatchAriaKey="pptx.ribbon.outlineColourValue"
+					(pick)="onOutline($event)"
+				>
 					{{ 'pptx.drawing.shapeOutline' | translate }}
-				</button>
-				<button type="button" class="pptx-rb-gb" disabled>
+				</pptx-ribbon-color-popover>
+				<!-- Shape Effects: genuinely unimplemented (React/Vue parity), left as a placeholder. -->
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					disabled
+					[title]="'pptx.drawing.shapeEffectsUnavailable' | translate"
+				>
 					{{ 'pptx.drawing.shapeEffectsUnavailable' | translate }}
 				</button>
 			</div>
@@ -104202,7 +104844,7 @@ class RibbonDrawingGroupComponent {
 				{{ 'pptx.ribbon.groupShapeStyles' | translate }}
 			</span>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, dependencies: [{ kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: RibbonColorPopoverComponent, selector: "pptx-ribbon-color-popover", inputs: ["current", "presets", "disabled", "titleKey", "swatchAriaKey"], outputs: ["pick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonDrawingGroupComponent, decorators: [{
             type: Component,
@@ -104211,7 +104853,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { class: 'contents' },
-                    imports: [TranslatePipe, LucideChevronDown],
+                    imports: [TranslatePipe, LucideChevronDown, RibbonColorPopoverComponent],
                     template: `
 		<!-- Shapes -->
 		<div class="flex flex-col items-center gap-0.5">
@@ -104309,16 +104951,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 			</span>
 		</div>
 		<span class="pptx-rb-sep"></span>
-		<!-- Shape formatting (placeholders) -->
+		<!-- Shape formatting -->
 		<div class="flex flex-col items-center gap-0.5">
-			<div class="pptx-rb-grp">
-				<button type="button" class="pptx-rb-gb" disabled>
+			<div class="flex items-center gap-1">
+				<pptx-ribbon-color-popover
+					[current]="fillColor()"
+					[presets]="swatches"
+					[disabled]="!canFormatShape()"
+					titleKey="pptx.drawing.shapeFill"
+					swatchAriaKey="pptx.ribbon.fillColourValue"
+					(pick)="onFill($event)"
+				>
 					{{ 'pptx.drawing.shapeFill' | translate }}
-				</button>
-				<button type="button" class="pptx-rb-gb" disabled>
+				</pptx-ribbon-color-popover>
+				<pptx-ribbon-color-popover
+					[current]="outlineColor()"
+					[presets]="swatches"
+					[disabled]="!canFormatShape()"
+					titleKey="pptx.drawing.shapeOutline"
+					swatchAriaKey="pptx.ribbon.outlineColourValue"
+					(pick)="onOutline($event)"
+				>
 					{{ 'pptx.drawing.shapeOutline' | translate }}
-				</button>
-				<button type="button" class="pptx-rb-gb" disabled>
+				</pptx-ribbon-color-popover>
+				<!-- Shape Effects: genuinely unimplemented (React/Vue parity), left as a placeholder. -->
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					disabled
+					[title]="'pptx.drawing.shapeEffectsUnavailable' | translate"
+				>
 					{{ 'pptx.drawing.shapeEffectsUnavailable' | translate }}
 				</button>
 			</div>
@@ -104328,10 +104990,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 		</div>
 	`,
                 }]
-        }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }] } });
+        }], 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 = "2.18.6";
+const PPTX_ANGULAR_VIEWER_VERSION = "2.19.0";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -104682,133 +105344,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             args: [{ selector: 'pptx-ribbon-file-section', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'contents' }, imports: [BackstageNavIconComponent, AccountPageComponent, TranslatePipe], template: "<div\n\tclass=\"bs\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-label]=\"'pptx.backstage.title' | translate\"\n>\n\t<aside>\n\t\t<button\n\t\t\tclass=\"back\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"'pptx.backstage.back' | translate\"\n\t\t\t(click)=\"close.emit()\"\n\t\t>\n\t\t\t<pptx-backstage-nav-icon page=\"back\" />\n\t\t</button>\n\t\t<nav>\n\t\t\t@for (item of mainNav(); track item.id) {\n\t\t\t\t<button type=\"button\" [class.active]=\"page() === item.id\" (click)=\"selectPage(item.id)\">\n\t\t\t\t\t<span><pptx-backstage-nav-icon [page]=\"item.id\" /></span>{{ item.labelKey | translate }}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<i></i>\n\t\t\t@for (item of footerNav; track item.id) {\n\t\t\t\t<button type=\"button\" [class.active]=\"page() === item.id\" (click)=\"selectPage(item.id)\">\n\t\t\t\t\t<span><pptx-backstage-nav-icon [page]=\"item.id\" /></span>{{ item.labelKey | translate }}\n\t\t\t\t</button>\n\t\t\t}\n\t\t</nav>\n\t</aside>\n\t<main>\n\t\t<h1>{{ (page() === 'home' ? 'pptx.backstage.greeting' : titleKey()) | translate }}</h1>\n\t\t@if (page() === 'home' || page() === 'new') {\n\t\t\t<h2>{{ 'pptx.backstage.newHeading' | translate }}</h2>\n\t\t\t<div class=\"templates\">\n\t\t\t\t@for (template of templates; track template.id) {\n\t\t\t\t\t<button type=\"button\" (click)=\"create(template.id)\">\n\t\t\t\t\t\t<b [style.background]=\"template.preview\"></b\n\t\t\t\t\t\t><strong>{{ template.nameKey | translate }}</strong\n\t\t\t\t\t\t><small>{{ template.descriptionKey | translate }}</small>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t\t@if (page() === 'home' || page() === 'open') {\n\t\t\t<input\n\t\t\t\tclass=\"search\"\n\t\t\t\ttype=\"search\"\n\t\t\t\t[attr.placeholder]=\"'pptx.backstage.searchPlaceholder' | translate\"\n\t\t\t\t[value]=\"query()\"\n\t\t\t\t(input)=\"query.set($any($event.target).value)\"\n\t\t\t/>\n\t\t\t@if (page() === 'open') {\n\t\t\t\t<button class=\"primary\" type=\"button\" (click)=\"run(openFile)\">\n\t\t\t\t\t{{ 'pptx.backstage.browseDevice' | translate }}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<h2>{{ 'pptx.backstage.recentHeading' | translate }}</h2>\n\t\t\t<div class=\"recent\">\n\t\t\t\t<header>\n\t\t\t\t\t<span>{{ 'pptx.backstage.columnName' | translate }}</span\n\t\t\t\t\t><span>{{ 'pptx.backstage.columnModified' | translate }}</span\n\t\t\t\t\t><span>{{ 'pptx.backstage.columnSize' | translate }}</span>\n\t\t\t\t</header>\n\t\t\t\t@for (file of visibleRecent(); track file.key) {\n\t\t\t\t\t<button type=\"button\" (click)=\"openRecent(file.key)\">\n\t\t\t\t\t\t<span class=\"name\"\n\t\t\t\t\t\t\t><b>P</b\n\t\t\t\t\t\t\t><span\n\t\t\t\t\t\t\t\t><strong>{{ file.name }}</strong\n\t\t\t\t\t\t\t\t><small>{{ file.location }}</small></span\n\t\t\t\t\t\t\t></span\n\t\t\t\t\t\t><span>{{ date(file.timestamp) }}</span\n\t\t\t\t\t\t><span>{{ size(file.size) }}</span>\n\t\t\t\t\t</button>\n\t\t\t\t} @empty {\n\t\t\t\t\t<p>{{ 'pptx.backstage.noRecent' | translate }}</p>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t\t@if (actions().length) {\n\t\t\t<div class=\"actions\">\n\t\t\t\t@for (action of actions(); track action.titleKey) {\n\t\t\t\t\t<button type=\"button\" (click)=\"run(action.event)\">\n\t\t\t\t\t\t<b>{{ action.icon }}</b\n\t\t\t\t\t\t><span\n\t\t\t\t\t\t\t><strong>{{ action.titleKey | translate }}</strong\n\t\t\t\t\t\t\t><small>{{ action.bodyKey | translate }}</small></span\n\t\t\t\t\t\t>\n\t\t\t\t\t</button>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t\t@if (page() === 'account') {\n\t\t\t<pptx-account-page [accountAuth]=\"accountAuth()\" />\n\t\t}\n\t\t@if (page() === 'options') {\n\t\t\t<section class=\"card\">\n\t\t\t\t<b class=\"avatar\">\u2699</b>\n\t\t\t\t<h2>{{ 'pptx.backstage.optionsTitle' | translate }}</h2>\n\t\t\t\t<p>{{ 'pptx.backstage.optionsBody' | translate }}</p>\n\t\t\t\t<button class=\"primary\" type=\"button\" (click)=\"run(options)\">\n\t\t\t\t\t{{ 'pptx.backstage.openOptions' | translate }}\n\t\t\t\t</button>\n\t\t\t</section>\n\t\t}\n\t\t<footer>\n\t\t\t{{ fileName() || ('pptx.backstage.untitled' | translate) }} \u00B7\n\t\t\t{{ 'pptx.backstage.savedToBrowser' | translate }}\n\t\t</footer>\n\t</main>\n</div>\n", styles: [":host{font-family:Aptos,Segoe UI,sans-serif}.bs{position:fixed;inset:0;z-index:200;display:flex;background:var(--pptx-background, #fafafa);color:var(--pptx-foreground, #242424)}.bs aside{display:flex;width:148px;flex:none;flex-direction:column;border-right:1px solid var(--pptx-border, #d7d7d7);background:var(--pptx-secondary, #f5eee9)}.back{height:48px;border:0;border-bottom:1px solid var(--pptx-border, #ddd);background:none;color:inherit;font-size:22px}.back:hover,nav button:hover,.recent>button:hover{background:var(--pptx-accent, #eadfd8)}nav{display:flex;min-height:0;flex:1;flex-direction:column;padding:8px 0}nav i{flex:1}nav button{display:flex;min-height:40px;align-items:center;gap:12px;padding:0 16px;border:0;border-left:2px solid transparent;background:none;color:inherit;font-size:12px;text-align:left}nav button span{width:16px;font-size:16px;text-align:center}nav button.active{border-left-color:var(--pptx-primary, #c43e1c);background:var(--pptx-card, #fff);color:var(--pptx-primary, #c43e1c)}main{min-width:0;flex:1;overflow:auto;padding:20px clamp(32px,4vw,72px)}h1{margin:0;font-size:24px;font-weight:600}h2{margin:28px 0 18px;font-size:17px}.templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px}.templates button{border:0;background:none;color:inherit;text-align:left}.templates button>b{display:block;aspect-ratio:16/9;border:1px solid var(--pptx-border, #ccc);box-shadow:0 1px 2px #0002;transition:.15s}.templates button:hover>b{transform:translateY(-2px);border-color:var(--pptx-primary, #c43e1c);box-shadow:0 7px 18px #0002}.templates strong,.templates small{display:block;overflow:hidden;margin-top:8px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.templates small{margin-top:2px;color:var(--pptx-muted-foreground, #777);font-size:10px}.search{display:block;width:min(540px,100%);height:40px;margin-top:32px;padding:0 14px;border:1px solid var(--pptx-input, #888);background:var(--pptx-card, #fff);color:var(--pptx-card-foreground, #242424)}.search:focus{border-color:var(--pptx-ring, #c43e1c);outline:none}.primary{margin-top:16px;padding:10px 20px;border:0;background:var(--pptx-primary, #c43e1c);color:var(--pptx-primary-foreground, #fff);font-weight:600}.recent{border-top:1px solid var(--pptx-border, #ddd)}.recent header,.recent>button{display:grid;grid-template-columns:1fr 120px 90px;align-items:center;padding:10px 12px}.recent header{color:var(--pptx-muted-foreground, #666);font-size:11px;font-weight:600}.recent>button{width:100%;border:0;border-top:1px solid var(--pptx-border, #e5e5e5);background:none;color:inherit;font-size:11px;text-align:left}.name{display:flex;min-width:0;align-items:center;gap:12px}.name>b{display:grid;width:32px;height:32px;place-items:center;background:var(--pptx-primary, #d24726);color:var(--pptx-primary-foreground, #fff)}.name strong,.name small{display:block;overflow:hidden;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.name small,.recent p{color:var(--pptx-muted-foreground, #666);font-size:11px}.recent p{text-align:center}.actions{display:grid;max-width:900px;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.actions button{display:flex;min-height:112px;gap:16px;padding:20px;border:1px solid var(--pptx-border, #ddd);background:var(--pptx-card, #fff);color:var(--pptx-card-foreground, #242424);text-align:left}.actions button:hover{border-color:var(--pptx-primary, #c43e1c);box-shadow:0 5px 15px #0002}.actions button>b{display:grid;width:40px;height:40px;flex:none;place-items:center;background:var(--pptx-accent, #fbe9e3);color:var(--pptx-primary, #c43e1c)}.actions strong,.actions small{display:block;font-size:15px}.actions small{margin-top:7px;color:var(--pptx-muted-foreground, #666);font-size:12px;line-height:1.5}.card{max-width:760px;margin-top:32px;padding:28px;border:1px solid var(--pptx-border, #ddd);background:var(--pptx-card, #fff);color:var(--pptx-card-foreground, #242424)}.avatar{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--pptx-primary, #c43e1c);color:var(--pptx-primary-foreground, #fff);font-size:20px}.card p,footer{color:var(--pptx-muted-foreground, #666)}.card p{line-height:1.6}footer{margin-top:48px;font-size:11px}@media(max-width:640px),(pointer:coarse){.bs{flex-direction:column}.bs aside{width:100%;flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid var(--pptx-border, #d7d7d7)}.back{min-width:48px;flex-shrink:0;border-bottom:0;border-right:1px solid var(--pptx-border, #ddd)}nav{flex-direction:row;align-items:center;padding:0}nav i{display:none}nav button{flex-shrink:0;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:0 12px}nav button.active{border-left-color:transparent;border-bottom-color:var(--pptx-primary, #c43e1c)}main{padding:16px}.actions{grid-template-columns:1fr}.recent header,.recent>button{grid-template-columns:1fr 90px}.recent header span:last-child,.recent>button>span:last-child{display:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], hasMacros: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasMacros", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], accountAuth: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountAuth", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], createPresentation: [{ type: i0.Output, args: ["createPresentation"] }], openFile: [{ type: i0.Output, args: ["openFile"] }], openRecentFile: [{ type: i0.Output, args: ["openRecentFile"] }], save: [{ type: i0.Output, args: ["save"] }], savePpsx: [{ type: i0.Output, args: ["savePpsx"] }], savePptm: [{ type: i0.Output, args: ["savePptm"] }], packageForSharing: [{ type: i0.Output, args: ["packageForSharing"] }], exportPng: [{ type: i0.Output, args: ["exportPng"] }], exportPdf: [{ type: i0.Output, args: ["exportPdf"] }], exportGif: [{ type: i0.Output, args: ["exportGif"] }], exportVideo: [{ type: i0.Output, args: ["exportVideo"] }], exportJson: [{ type: i0.Output, args: ["exportJson"] }], copySlideAsImage: [{ type: i0.Output, args: ["copySlideAsImage"] }], print: [{ type: i0.Output, args: ["print"] }], info: [{ type: i0.Output, args: ["info"] }], signatures: [{ type: i0.Output, args: ["signatures"] }], replace: [{ type: i0.Output, args: ["replace"] }], openPassword: [{ type: i0.Output, args: ["openPassword"] }], openFontEmbedding: [{ type: i0.Output, args: ["openFontEmbedding"] }], openVersionHistory: [{ type: i0.Output, args: ["openVersionHistory"] }], share: [{ type: i0.Output, args: ["share"] }], options: [{ type: i0.Output, args: ["options"] }] } });
 
-/**
- * ribbon-color-popover.component.ts: the hover-reveal swatch popover used for the
- * Font-colour and Text-highlight pickers in {@link RibbonFontControlsComponent}.
- * The trigger icon is projected via `<ng-content>`; the swatch grid + custom
- * colour input are shared. Split out to keep the font controls under the 300-LOC
- * cap; behaviour and markup are unchanged.
- */
-class RibbonColorPopoverComponent {
-    constructor() {
-        this.current = input('#000000', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
-        this.presets = input([], /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "presets" }] : /* istanbul ignore next */ []));
-        this.disabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-        this.titleKey = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "titleKey" }] : /* istanbul ignore next */ []));
-        this.swatchAriaKey = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "swatchAriaKey" }] : /* istanbul ignore next */ []));
-        this.pick = output();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonColorPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: RibbonColorPopoverComponent, isStandalone: true, selector: "pptx-ribbon-color-popover", inputs: { current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, presets: { classPropertyName: "presets", publicName: "presets", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, titleKey: { classPropertyName: "titleKey", publicName: "titleKey", isSignal: true, isRequired: false, transformFunction: null }, swatchAriaKey: { classPropertyName: "swatchAriaKey", publicName: "swatchAriaKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pick: "pick" }, ngImport: i0, template: `
-		<div class="group relative">
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				[disabled]="disabled()"
-				[title]="titleKey() | translate"
-				(mousedown)="$event.preventDefault()"
-			>
-				<ng-content />
-				<span class="-mt-0.5 block h-1 w-4 rounded-sm" [style.background]="current()"></span>
-			</button>
-			<div class="absolute left-0 top-full z-50 hidden pt-1 group-hover:block">
-				<div class="w-36 rounded-lg border border-border bg-card p-2 shadow-2xl">
-					<div class="mb-2 grid grid-cols-5 gap-1.5">
-						@for (c of presets(); track c) {
-							<button
-								type="button"
-								data-pptx-compact
-								class="h-5 w-5 rounded-full border transition-transform hover:scale-125"
-								[ngClass]="
-									current().toLowerCase() === c
-										? 'border-primary ring-1 ring-primary'
-										: 'border-border'
-								"
-								[style.background]="c"
-								[attr.aria-label]="swatchAriaKey() | translate: { color: c }"
-								(mousedown)="$event.preventDefault()"
-								(click)="pick.emit(c)"
-							></button>
-						}
-					</div>
-					<label
-						class="block w-full cursor-pointer py-1 text-center text-[10px] text-muted-foreground transition-colors hover:text-foreground"
-					>
-						{{ 'pptx.ribbon.customColour' | translate }}
-						<input
-							type="color"
-							class="sr-only"
-							[value]="current()"
-							(change)="pick.emit($any($event.target).value)"
-						/>
-					</label>
-				</div>
-			</div>
-		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonColorPopoverComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pptx-ribbon-color-popover',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgClass, TranslatePipe],
-                    template: `
-		<div class="group relative">
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				[disabled]="disabled()"
-				[title]="titleKey() | translate"
-				(mousedown)="$event.preventDefault()"
-			>
-				<ng-content />
-				<span class="-mt-0.5 block h-1 w-4 rounded-sm" [style.background]="current()"></span>
-			</button>
-			<div class="absolute left-0 top-full z-50 hidden pt-1 group-hover:block">
-				<div class="w-36 rounded-lg border border-border bg-card p-2 shadow-2xl">
-					<div class="mb-2 grid grid-cols-5 gap-1.5">
-						@for (c of presets(); track c) {
-							<button
-								type="button"
-								data-pptx-compact
-								class="h-5 w-5 rounded-full border transition-transform hover:scale-125"
-								[ngClass]="
-									current().toLowerCase() === c
-										? 'border-primary ring-1 ring-primary'
-										: 'border-border'
-								"
-								[style.background]="c"
-								[attr.aria-label]="swatchAriaKey() | translate: { color: c }"
-								(mousedown)="$event.preventDefault()"
-								(click)="pick.emit(c)"
-							></button>
-						}
-					</div>
-					<label
-						class="block w-full cursor-pointer py-1 text-center text-[10px] text-muted-foreground transition-colors hover:text-foreground"
-					>
-						{{ 'pptx.ribbon.customColour' | translate }}
-						<input
-							type="color"
-							class="sr-only"
-							[value]="current()"
-							(change)="pick.emit($any($event.target).value)"
-						/>
-					</label>
-				</div>
-			</div>
-		</div>
-	`,
-                }]
-        }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], titleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleKey", required: false }] }], swatchAriaKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "swatchAriaKey", required: false }] }], pick: [{ type: i0.Output, args: ["pick"] }] } });
-
 /**
  * ribbon-font-controls.component.ts: the ribbon's reusable Font control group
  * (family/size dropdowns, grow/shrink, clear-formatting, bold/italic/underline/
@@ -106056,6 +106591,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * markup are unchanged. Font/Paragraph controls are the shared
  * {@link RibbonFontControlsComponent} / {@link RibbonParagraphControlsComponent}.
  */
+/**
+ * Home > Reset: re-apply the active slide's own layout, restoring inherited
+ * placeholder geometry and formatting (React/Vue parity via the shared
+ * `resetSlideLayoutPath` decision function). A no-op when the slide records
+ * no layout. Exported as a pure dispatch function (rather than inlined in the
+ * component) so it is directly testable without constructing the component,
+ * whose constructor runs an `effect()` that needs a full Angular
+ * `ChangeDetectionScheduler` this package's TestBed-free unit tests don't
+ * provide (see `action-settings-panel.component.test.ts`).
+ */
+function performResetSlide(editor, slideIndex) {
+    const path = resetSlideLayoutPath(editor.slides()[slideIndex]);
+    if (path) {
+        void editor.applyLayout(slideIndex, path);
+    }
+}
 class RibbonHomeSectionComponent {
     constructor() {
         this.editor = inject(EditorStateService);
@@ -106091,6 +106642,7 @@ class RibbonHomeSectionComponent {
         this.openTemplateGallery = output();
         /** Emitted with the layout the user picked, after it has been applied. */
         this.applyLayout = output();
+        /** Emitted after Home > Reset has re-applied the slide's layout. */
         this.resetSlide = output();
         // The menus open on hover with no event to hang a lazy load off, so the
         // fetch is kicked off once a deck is present. It is still deferred out of
@@ -106119,6 +106671,14 @@ class RibbonHomeSectionComponent {
         void this.editor.applyLayout(this.slideIndex(), layoutPath);
         this.applyLayout.emit(layoutPath);
     }
+    /**
+     * The button used to `resetSlide.emit()` to nobody, so clicking it did
+     * nothing; {@link performResetSlide} now actually performs the reset.
+     */
+    onResetSlide() {
+        performResetSlide(this.editor, this.slideIndex());
+        this.resetSlide.emit();
+    }
     copy() {
         this.editor.copySelected(this.slideIndex());
     }
@@ -106273,8 +106833,9 @@ class RibbonHomeSectionComponent {
 					<button
 						type="button"
 						class="pptx-rb-gb whitespace-nowrap"
+						[disabled]="!canEdit()"
 						[title]="'pptx.sections.resetSlideTitle' | translate"
-						(click)="resetSlide.emit()"
+						(click)="onResetSlide()"
 					>
 						<svg lucideRotateCcw class="h-4 w-4"></svg> {{ 'pptx.animations.reset' | translate }}
 					</button>
@@ -106498,8 +107059,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 					<button
 						type="button"
 						class="pptx-rb-gb whitespace-nowrap"
+						[disabled]="!canEdit()"
 						[title]="'pptx.sections.resetSlideTitle' | translate"
-						(click)="resetSlide.emit()"
+						(click)="onResetSlide()"
 					>
 						<svg lucideRotateCcw class="h-4 w-4"></svg> {{ 'pptx.animations.reset' | translate }}
 					</button>
@@ -107696,7 +108258,11 @@ class RibbonContentComponent {
 					(openTemplateGallery)="openTemplateGallery.emit()"
 				/>
 				<span class="pptx-rb-sep"></span>
-				<pptx-ribbon-drawing-group [canEdit]="canEdit()" [slideIndex]="slideIndex()" />
+				<pptx-ribbon-drawing-group
+					[canEdit]="canEdit()"
+					[slideIndex]="slideIndex()"
+					[selectedElement]="selectedElement()"
+				/>
 				<span class="pptx-rb-sep"></span>
 				<!--
 					React parity (Toolbar.tsx: sArr = sHome || toolbarSection === 'arrange'):
@@ -107746,7 +108312,7 @@ class RibbonContentComponent {
 				/>
 			}
 		}
-	`, isInline: true, dependencies: [{ kind: "component", type: RibbonFileSectionComponent, selector: "pptx-ribbon-file-section", inputs: ["fileName", "slideCount", "exporting", "hasMacros", "hiddenActions", "accountAuth"], outputs: ["close", "createPresentation", "openFile", "openRecentFile", "save", "savePpsx", "savePptm", "packageForSharing", "exportPng", "exportPdf", "exportGif", "exportVideo", "exportJson", "copySlideAsImage", "print", "info", "signatures", "replace", "openPassword", "openFontEmbedding", "openVersionHistory", "share", "options"] }, { kind: "component", type: RibbonHomeSectionComponent, selector: "pptx-ribbon-home-section", inputs: ["slideIndex", "selectedElement", "canEdit", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter", "findReplace", "openTemplateGallery", "applyLayout", "resetSlide"] }, { kind: "component", type: RibbonInsertSectionComponent, selector: "pptx-ribbon-insert-section", inputs: ["slideIndex", "newChartType", "newShapeType"], outputs: ["openSmartArtDialog", "openEquationDialog", "openHyperlink", "chartTypeChange", "shapeTypeChange"] }, { kind: "component", type: RibbonFontControlsComponent, selector: "pptx-ribbon-font-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonParagraphControlsComponent, selector: "pptx-ribbon-paragraph-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonArrangeSectionComponent, selector: "pptx-ribbon-arrange-section", inputs: ["slideIndex", "selectedElement", "canEdit", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter"] }, { kind: "component", type: RibbonDrawingGroupComponent, selector: "pptx-ribbon-drawing-group", inputs: ["canEdit", "slideIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, dependencies: [{ kind: "component", type: RibbonFileSectionComponent, selector: "pptx-ribbon-file-section", inputs: ["fileName", "slideCount", "exporting", "hasMacros", "hiddenActions", "accountAuth"], outputs: ["close", "createPresentation", "openFile", "openRecentFile", "save", "savePpsx", "savePptm", "packageForSharing", "exportPng", "exportPdf", "exportGif", "exportVideo", "exportJson", "copySlideAsImage", "print", "info", "signatures", "replace", "openPassword", "openFontEmbedding", "openVersionHistory", "share", "options"] }, { kind: "component", type: RibbonHomeSectionComponent, selector: "pptx-ribbon-home-section", inputs: ["slideIndex", "selectedElement", "canEdit", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter", "findReplace", "openTemplateGallery", "applyLayout", "resetSlide"] }, { kind: "component", type: RibbonInsertSectionComponent, selector: "pptx-ribbon-insert-section", inputs: ["slideIndex", "newChartType", "newShapeType"], outputs: ["openSmartArtDialog", "openEquationDialog", "openHyperlink", "chartTypeChange", "shapeTypeChange"] }, { kind: "component", type: RibbonFontControlsComponent, selector: "pptx-ribbon-font-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonParagraphControlsComponent, selector: "pptx-ribbon-paragraph-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonArrangeSectionComponent, selector: "pptx-ribbon-arrange-section", inputs: ["slideIndex", "selectedElement", "canEdit", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter"] }, { kind: "component", type: RibbonDrawingGroupComponent, selector: "pptx-ribbon-drawing-group", inputs: ["canEdit", "slideIndex", "selectedElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: RibbonContentComponent, decorators: [{
             type: Component,
@@ -107810,7 +108376,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 					(openTemplateGallery)="openTemplateGallery.emit()"
 				/>
 				<span class="pptx-rb-sep"></span>
-				<pptx-ribbon-drawing-group [canEdit]="canEdit()" [slideIndex]="slideIndex()" />
+				<pptx-ribbon-drawing-group
+					[canEdit]="canEdit()"
+					[slideIndex]="slideIndex()"
+					[selectedElement]="selectedElement()"
+				/>
 				<span class="pptx-rb-sep"></span>
 				<!--
 					React parity (Toolbar.tsx: sArr = sHome || toolbarSection === 'arrange'):
@@ -110411,31 +110981,10 @@ function previewAngularAnimation(animation) {
     return true;
 }
 
-function reorderAnimationTimeline(animations, sourceIndex, targetIndex) {
-    const sorted = [...animations].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-    if (sourceIndex < 0 ||
-        targetIndex < 0 ||
-        sourceIndex >= sorted.length ||
-        targetIndex >= sorted.length ||
-        sourceIndex === targetIndex) {
-        return sorted.map((animation, order) => ({ ...animation, order }));
-    }
-    const [moved] = sorted.splice(sourceIndex, 1);
-    if (!moved) {
-        return sorted;
-    }
-    sorted.splice(targetIndex, 0, moved);
-    return sorted.map((animation, order) => ({ ...animation, order }));
-}
-function buildAnimationTimelineBars(animations) {
-    const sorted = [...animations].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
-    const total = Math.max(1, ...sorted.map((animation) => (animation.delayMs ?? 0) + (animation.durationMs ?? 500)));
-    return sorted.map((animation) => ({
-        elementId: animation.elementId,
-        leftPercent: ((animation.delayMs ?? 0) / total) * 100,
-        widthPercent: ((animation.durationMs ?? 500) / total) * 100,
-    }));
-}
+/* oxlint-disable eslint/one-var -- the component's own field/method
+   declarations below are independent, not adjacent initializations of
+   related values; merging them would hurt readability far more than it
+   helps. */
 class AnimationTimelineComponent {
     constructor() {
         this.animations = input.required(/* @ts-ignore */
@@ -110493,7 +111042,7 @@ class AnimationTimelineComponent {
         event.preventDefault();
         const source = this.dragIndex();
         if (source !== undefined) {
-            this.animationsChange.emit(reorderAnimationTimeline(this.animations(), source, index));
+            this.animationsChange.emit(reorderAnimationTo(this.animations(), source, index));
         }
         this.clearDrag();
     }
@@ -117025,9 +117574,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  *     drawingShapes so the renderer reflows with the override). Reading the
  *     current value off `node.style` drives the inspector controls.
  *
- *  2. **Node-count bounds** - soft, per-layout min/max guards mirroring the
- *     React `smartart-node-limits.ts`, so the text-pane Add / Remove
- *     affordances can be disabled with an explanatory hint at the bounds.
+ *  2. **Node-count bounds** - soft, per-layout min/max guards. The table,
+ *     `getSmartArtNodeBounds`, `canAddTopLevelNode` and `canRemoveTopLevelNode`
+ *     are re-exported from the single shared implementation in
+ *     `pptx-viewer-shared` (`packages/shared/src/render/smartart-node-limits.ts`),
+ *     which also backs the React and Vue bindings. `describeSmartArtBounds`
+ *     stays a thin Angular wrapper: it takes the shared function's neutral
+ *     English text and, when a `TranslateService` is supplied, swaps in the
+ *     translated string keyed off the same bounds, so the shared module never
+ *     takes an i18n dependency.
  *
  * @module angular-viewer/smart-art-node-style-helpers
  *
@@ -117074,61 +117629,39 @@ function toggleNodeBold(data, node) {
 function toggleNodeItalic(data, node) {
     return setNodeStyle(data, node.id, { italic: !nodeItalic(node) });
 }
-/** Per-layout bounds table; layouts not listed fall back to {@link DEFAULT_BOUNDS}. */
-const LAYOUT_BOUNDS = {
-    venn: { min: 2, max: 3 },
-    matrix: { min: 4, max: 4 },
-    pyramid: { min: 2, max: 5 },
-    funnel: { min: 2, max: 5 },
-    target: { min: 2, max: 5 },
-    gear: { min: 2, max: 3 },
-    cycle: { min: 3 },
-};
-/** Fallback bounds for any layout without an explicit entry. */
-const DEFAULT_BOUNDS = { min: 1 };
-/** Resolve the node-count bounds for a layout category. */
-function getSmartArtNodeBounds(layout) {
-    if (!layout) {
-        return DEFAULT_BOUNDS;
-    }
-    return LAYOUT_BOUNDS[layout] ?? DEFAULT_BOUNDS;
-}
+// ── Node-count bounds (re-exported from pptx-viewer-shared) ────────────────
+// See the module doc comment: the table, `getSmartArtNodeBounds`,
+// `canAddTopLevelNode` and `canRemoveTopLevelNode` are re-exported above,
+// unmodified, from the single shared implementation. Only
+// `describeSmartArtBounds` stays defined here, as a thin wrapper that applies
+// this binding's `TranslateService` on top of the shared neutral text.
 /** Count of top-level (parentless) nodes in a diagram. */
 function topLevelNodeCount(data) {
     return (data.nodes ?? []).filter((node) => !node.parentId).length;
 }
-/** Whether adding another top-level node stays within the layout's max. */
-function canAddTopLevelNode(layout, topLevelCount) {
-    const { max } = getSmartArtNodeBounds(layout);
-    return max === undefined || topLevelCount < max;
-}
-/** Whether removing a top-level node keeps the count at or above the min. */
-function canRemoveTopLevelNode(layout, topLevelCount) {
-    const { min } = getSmartArtNodeBounds(layout);
-    return topLevelCount > min;
-}
 /**
  * Short, human-readable explanation of a layout's bounds for a tooltip / hint,
  * or `undefined` when the layout imposes no meaningful limit.
+ *
+ * Delegates the neutral English text to the shared implementation; when a
+ * `TranslateService` is supplied, swaps in the translated string for the same
+ * bounds instead.
  */
 function describeSmartArtBounds(layout, translate) {
     const { min, max } = getSmartArtNodeBounds(layout);
+    if (!translate) {
+        return describeSmartArtBounds$1(layout);
+    }
     if (min <= 1 && max === undefined) {
         return undefined;
     }
     if (max === undefined) {
-        return translate
-            ? translate.instant('pptx.smartArt.boundsHintMin', { min })
-            : `Works best with at least ${min} items.`;
+        return translate.instant('pptx.smartArt.boundsHintMin', { min });
     }
     if (min === max) {
-        return translate
-            ? translate.instant('pptx.smartArt.boundsHintExact', { max })
-            : `This layout uses exactly ${max} items.`;
+        return translate.instant('pptx.smartArt.boundsHintExact', { max });
     }
-    return translate
-        ? translate.instant('pptx.smartArt.boundsHintRange', { min, max })
-        : `Works best with ${min} to ${max} items.`;
+    return translate.instant('pptx.smartArt.boundsHintRange', { min, max });
 }
 
 /**
@@ -117895,6 +118428,22 @@ function inputValue$1(event) {
     return target instanceof HTMLInputElement ? target.value : null;
 }
 
+/**
+ * table-properties-helpers.ts: pure helpers for the table properties inspector.
+ *
+ * The small immutable transforms behind the Angular port of the React
+ * `TablePropertiesPanel` / `TableCellAdvancedFill`: building a CSS gradient
+ * string from structured stops so the renderer shows edited gradients live.
+ * Table quick-style preset application (`applyTableStylePreset`) and
+ * column-width redistribution / "distribute evenly" one-liners live in
+ * `pptx-viewer-shared`'s `render/table-style-presets.ts` and
+ * `render/table-resize.ts` (imported from `../internal/shared`) so every
+ * binding shares one copy of that logic.
+ *
+ * No Angular imports, so they are unit-testable with plain vitest.
+ */
+/* oxlint-disable eslint/one-var -- independent, unrelated locals across these
+   helpers; merging them into one statement would hurt readability. */
 /** Default row height (px) used when a row has no explicit height. */
 const DEFAULT_TABLE_ROW_HEIGHT = 32;
 /** The structure / style toggle flags shown as checkboxes, with i18n dictionary keys. */
@@ -117906,69 +118455,6 @@ const TABLE_STRUCTURE_TOGGLES = [
     { key: 'lastCol', labelKey: 'pptx.table.lastColumn' },
     { key: 'lastRow', labelKey: 'pptx.table.lastRow' },
 ];
-/**
- * Apply a table quick-style preset to every cell's style, mirroring the React
- * `TablePropertiesPanel` preset `onClick`. Header cells get the header fill /
- * foreground + bold; banded body rows get the band background; every cell gets
- * the preset border colour. Returns a new rows array.
- */
-function applyTableStylePreset(td, preset) {
-    return td.rows.map((row, ri) => ({
-        ...row,
-        cells: row.cells.map((cell) => {
-            const isHeader = ri === 0 && Boolean(td.firstRowHeader);
-            const isBand = Boolean(td.bandedRows) && (ri - (td.firstRowHeader ? 1 : 0)) % 2 === 0;
-            const style = {
-                ...cell.style,
-                backgroundColor: isHeader ? preset.headerBg : isBand ? preset.bandBg : undefined,
-                color: isHeader ? preset.headerFg : cell.style?.color,
-                bold: isHeader ? true : cell.style?.bold,
-                borderColor: preset.borderColor,
-            };
-            return { ...cell, style };
-        }),
-    }));
-}
-/**
- * Redistribute column widths when a single column is set to `newFraction`,
- * scaling the other columns proportionally so the array still sums to 1.
- * Mirrors the React column-width slider `onChange`.
- */
-function redistributeColumnWidth(widths, index, newFraction) {
-    const oldFraction = widths[index];
-    if (oldFraction === undefined) {
-        return widths;
-    }
-    const diff = newFraction - oldFraction;
-    const next = [...widths];
-    next[index] = newFraction;
-    const othersTotal = 1 - oldFraction;
-    if (othersTotal > 0) {
-        for (let j = 0; j < next.length; j++) {
-            if (j !== index) {
-                next[j] = Math.max(0.05, widths[j] - diff * (widths[j] / othersTotal));
-            }
-        }
-    }
-    const sum = next.reduce((a, b) => a + b, 0);
-    return sum > 0 ? next.map((w) => w / sum) : next;
-}
-/** An equal-width column array for `count` columns. */
-function evenColumnWidths(count) {
-    if (count <= 0) {
-        return [];
-    }
-    return Array.from({ length: count }, () => 1 / count);
-}
-/** Rows with a uniform (average) height applied. */
-function evenRowHeights(td) {
-    const count = td.rows.length;
-    if (count === 0) {
-        return td.rows;
-    }
-    const avg = Math.round(td.rows.reduce((s, r) => s + (r.height ?? DEFAULT_TABLE_ROW_HEIGHT), 0) / count);
-    return td.rows.map((r) => ({ ...r, height: avg }));
-}
 /**
  * Build a CSS gradient string from structured cell-style gradient fields, so
  * the renderer (which reads `gradientFillCss`) shows an edited gradient live.
@@ -119389,6 +119875,8 @@ function stringFromEvent$1(event) {
  * controls. Every edit emits a fully-updated element through `elementChange`,
  * committed by the inspector as one undoable history entry.
  */
+/* oxlint-disable eslint/one-var -- each handler declares its own independent
+   locals; merging them into one statement would hurt readability. */
 class TablePropertiesComponent {
     constructor() {
         /** The table element being edited. */
@@ -119435,7 +119923,7 @@ class TablePropertiesComponent {
     onEvenRows() {
         const data = this.td();
         if (data) {
-            this.emit({ rows: evenRowHeights(data) });
+            this.emit({ rows: evenRowHeights(data.rows) });
         }
     }
     onColWidth(index, event) {
@@ -120869,7 +121357,7 @@ class InspectorPanelComponent {
                 height: cur.height,
                 rotation: cur.rotation ?? 0,
                 opacity: cur.opacity ?? 1,
-                fillColor: fillColorOf(cur),
+                fillColor: fillColorOf$1(cur),
                 strokeColor: strokeColorOf(cur),
                 textColor: textColorOf(cur),
                 fontSize: fontSizeOf(cur),
@@ -121000,7 +121488,7 @@ class InspectorPanelComponent {
             return;
         }
         const cur = this.el();
-        this.editor.updateElement(this.slideIndex(), cur.id, shapeStylePatch(cur, { fillColor: color }));
+        this.editor.updateElement(this.slideIndex(), cur.id, shapeStylePatch$1(cur, { fillColor: color }));
     }
     onStrokeColorChange(event) {
         const color = stringFromEvent(event);
@@ -121008,7 +121496,7 @@ class InspectorPanelComponent {
             return;
         }
         const cur = this.el();
-        this.editor.updateElement(this.slideIndex(), cur.id, shapeStylePatch(cur, { strokeColor: color }));
+        this.editor.updateElement(this.slideIndex(), cur.id, shapeStylePatch$1(cur, { strokeColor: color }));
     }
     // ── Text style ───────────────────────────────────────────────────────────
     onTextColorChange(event) {
@@ -129590,19 +130078,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 /** Read a control's current primitive value off the options snapshot. */
 function readOptionValue(options, control) {
     const group = options[control.group];
+    // oxlint-disable-next-line eslint/one-var -- distinct concern from the lookup above, forcing one statement hurts readability
     const value = group[control.key];
     return typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'
         ? value
         : undefined;
 }
-/** Clamp a number-control edit into its schema range (NaN falls to min). */
-function clampOptionNumber(raw, min, max) {
-    const parsed = Number(raw);
-    if (!Number.isFinite(parsed)) {
-        return min;
-    }
-    return Math.min(max, Math.max(min, parsed));
-}
 class OptionsPaneComponent {
     constructor() {
         this.tab = input.required(/* @ts-ignore */
@@ -129639,8 +130120,10 @@ class OptionsPaneComponent {
         if (control.kind !== 'number') {
             return;
         }
-        const raw = event.target.value;
-        this.emit(control, clampOptionNumber(raw, control.min, control.max));
+        const clamped = clampOptionNumber(event.target.value, control.min, control.max);
+        if (clamped !== undefined) {
+            this.emit(control, clamped);
+        }
     }
     emitText(control, event) {
         this.emit(control, event.target.value);
@@ -133297,16 +133780,33 @@ class PowerPointViewerComponent {
         }
     }
     /**
-     * Mobile "Format" slot: surface the inspector for the current selection.
-     * On mobile the format pane starts closed (React parity: the canvas owns
-     * the first paint), so this explicitly opens it; with an element selected
-     * it shows the element inspector, otherwise the slide-properties view.
+     * Mobile bottom-bar tap: decide the next sheet with shared's `toggleSheet`
+     * (via `applyMobileBarSheetTap`), same priority every binding follows -
+     * tapping the open sheet closes it, tapping a different one switches to it.
+     * `mobileSheetSvc` and `inspectorPanel` back different bar slots (slides/
+     * notes vs. format/comments), so this is the one place that coordinates
+     * both from the shared decision.
      */
-    onMobileFormat() {
-        this.mobileSheetSvc.mobileSheet.set(null);
-        // Close any tool panel, clear the mobile-closed default, and undo a
-        // prior swipe-down dismissal so the format pane surfaces.
-        this.inspectorPanel.openFormatPanel();
+    applyMobileSheetTap(tapped) {
+        applyMobileBarSheetTap(tapped, this.mobileBarSheet(), {
+            openSlides: () => this.mobileSheetSvc.mobileSheet.set('slides'),
+            // Close any tool panel, clear the mobile-closed default, and undo a
+            // prior swipe-down dismissal so the format pane surfaces (with an
+            // element selected it shows the element inspector, otherwise slide
+            // properties).
+            openInspector: () => this.inspectorPanel.openFormatPanel(),
+            openComments: () => {
+                this.inspectorPanel.activePanel.set('comments');
+                this.inspectorPanel.mobileInspectorHidden.set(false);
+            },
+            openNotes: () => this.mobileSheetSvc.showNotes.set(true),
+            closeAll: () => {
+                this.mobileSheetSvc.mobileSheet.set(null);
+                this.mobileSheetSvc.showNotes.set(false);
+                this.inspectorPanel.activePanel.set(null);
+                this.inspectorPanel.formatPanelClosed.set(true);
+            },
+        });
     }
     /** Receive draw-tool state changes from the ribbon Draw tab. */
     onDrawToolChange(state) {
@@ -134241,15 +134741,11 @@ class PowerPointViewerComponent {
 					[slideCount]="slideCount()"
 					[commentCount]="activeComments().length"
 					[activeSheet]="mobileBarSheet()"
-					(openSlides)="
-						mobileSheetSvc.mobileSheet.set(
-							mobileSheetSvc.mobileSheet() === 'slides' ? null : 'slides'
-						)
-					"
+					(openSlides)="applyMobileSheetTap('slides')"
 					(insert)="mobileSheetSvc.onMobileInsert()"
-					(openFormat)="onMobileFormat()"
-					(openComments)="inspectorPanel.togglePanel('comments')"
-					(notes)="mobileSheetSvc.toggleNotes()"
+					(openFormat)="applyMobileSheetTap('inspector')"
+					(openComments)="applyMobileSheetTap('comments')"
+					(notes)="applyMobileSheetTap('notes')"
 				/>
 			}
 		</div>
@@ -135179,15 +135675,11 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "22.1.2", ng
 					[slideCount]="slideCount()"
 					[commentCount]="activeComments().length"
 					[activeSheet]="mobileBarSheet()"
-					(openSlides)="
-						mobileSheetSvc.mobileSheet.set(
-							mobileSheetSvc.mobileSheet() === 'slides' ? null : 'slides'
-						)
-					"
+					(openSlides)="applyMobileSheetTap('slides')"
 					(insert)="mobileSheetSvc.onMobileInsert()"
-					(openFormat)="onMobileFormat()"
-					(openComments)="inspectorPanel.togglePanel('comments')"
-					(notes)="mobileSheetSvc.toggleNotes()"
+					(openFormat)="applyMobileSheetTap('inspector')"
+					(openComments)="applyMobileSheetTap('comments')"
+					(notes)="applyMobileSheetTap('notes')"
 				/>
 			}
 		</div>
@@ -137493,5 +137985,5 @@ function cn(...values) {
  * Generated bundle index. Do not edit.
  */
 
-export { CommentsPanelComponent as $, ALIGN_OPTIONS as A, AnimationPlaybackService as B, AutosaveRecoveryDialogComponent as C, AutosaveService as D, BroadcastDialogComponent as E, CHART_EDITOR_STYLES as F, CURSOR_PALETTE as G, CanvasFitService as H, ChartAxisOptionsComponent as I, ChartAxisStyleOptionsComponent as J, ChartComboTypeOptionsComponent as K, ChartDataEditorComponent as L, ChartDataLabelOptionsComponent as M, ChartDatapointMarkerOptionsComponent as N, ChartDatapointOptionsComponent as O, ChartDisplayOptionsComponent as P, ChartElementViewComponent as Q, ChartErrorBarOptionsComponent as R, ChartMarkerOptionsComponent as S, ChartPartSelectionService as T, ChartPrimitivesComponent as U, ChartRendererComponent as V, ChartTrendlineOptionsComponent as W, CollaborationCursorsComponent as X, CollaborationService as Y, ColorChangedImageComponent as Z, CommentMarkersOverlayComponent as _, ANIMATION_PRESET_CATEGORIES as a, InspectorPanelComponent as a$, CommentsService as a0, ComparePanelComponent as a1, ConnectorRendererComponent as a2, ConnectorTextOverlayComponent as a3, CustomShowsComponent as a4, DATA_TABLE_HEADER_H as a5, DATA_TABLE_KEY_W as a6, DATA_TABLE_PADDING as a7, DATA_TABLE_ROW_H as a8, DEFAULT_BOUNDS as a9, EditorToolbarComponent as aA, EffectsPanelComponent as aB, ElementRendererComponent as aC, EmbeddedFontsService as aD, EncryptedFileDialogComponent as aE, EquationEditorDialogComponent as aF, EquationRendererComponent as aG, EquationTemplateGalleryComponent as aH, ExportProgressModalComponent as aI, ExportService as aJ, FieldContextService as aK, FindBarComponent as aL, FindReplaceBarComponent as aM, FollowModeBarComponent as aN, FontEmbeddingListComponent as aO, FontEmbeddingPanelComponent as aP, GALLERY_THEME_PRESETS as aQ, GRIDLINE_COLOR as aR, GradientPickerComponent as aS, HANDOUT_OPTIONS as aT, HeaderFooterDialogComponent as aU, HyperlinkDialogComponent as aV, ImagePropertiesPanelComponent as aW, InkDrawingService as aX, InkRendererComponent as aY, InsertSmartArtDialogComponent as aZ, InspectorPaneHeaderComponent as a_, DEFAULT_BROADCAST_SERVER_URL as aa, DEFAULT_CANVAS_HEIGHT as ab, DEFAULT_CANVAS_WIDTH as ac, DEFAULT_COLOR_SCHEME as ad, DEFAULT_FILL_COLOR as ae, DEFAULT_LAYOUT as af, DEFAULT_PALETTE$1 as ag, DEFAULT_PATTERN_FILL_PRESET as ah, DEFAULT_PRINT_SETTINGS as ai, DEFAULT_SLIDE_BACKGROUND as aj, DEFAULT_STROKE_COLOR as ak, DEFAULT_STYLE as al, DEFAULT_TABLE_ROW_HEIGHT as am, DEFAULT_TEXT_COLOR$1 as an, DEFAULT_VIEWER_PROFILE as ao, DIRECTIONAL_PRESETS as ap, DIRECTION_OPTIONS as aq, DocumentPropertiesCardComponent as ar, EMBEDDED_FONTS_STYLE_ID as as, EMPHASIS_PRESETS as at, ENTRANCE_PRESETS as au, TEMPLATES as av, EXIT_PRESETS as aw, EditorContextMenuComponent as ax, EditorHistory as ay, EditorStateService as az, AUDIENCE_HASH as b, RibbonComponent as b$, IsMobileService as b0, KeepAnnotationsDialogComponent as b1, LOCALE_CATALOG as b2, LONG_PRESS_DURATION_MS as b3, LONG_PRESS_MOVE_TOLERANCE_PX as b4, LoadContentService as b5, LocalPresencePublisher as b6, MAX_ZOOM_SCALE as b7, MIN_ZOOM_SCALE as b8, MOTION_PATH_COLUMNS as b9, PasswordStrengthMeterComponent as bA, PowerPointViewerComponent as bB, PresentToolbarAutoHide as bC, PresentationAnnotationOverlayComponent as bD, PresentationAnnotationsService as bE, PresentationOverlayComponent as bF, PresentationPropertiesPanelComponent as bG, PresentationSettingsCardComponent as bH, PresentationSubtitleBarComponent as bI, PresentationToolbarComponent as bJ, PresentationTransitionOverlayComponent as bK, PresenterViewComponent as bL, PresenterWindowService as bM, PrintDialogComponent as bN, PrintService as bO, PrintSettingsPanelComponent as bP, PropertiesDialogComponent as bQ, REPEAT_MODE_OPTIONS as bR, RESIZE_HANDLES as bS, RULER_FONT_SIZE as bT, RULER_THICKNESS as bU, ReadingViewOverlayComponent as bV, RemoteSelectionOverlayComponent as bW, RibbonAnimationGalleryComponent as bX, RibbonAnimationsSectionComponent as bY, RibbonArrangeSectionComponent as bZ, RibbonColorPopoverComponent as b_, MediaPreviewComponent as ba, MediaPropertiesPanelComponent as bb, MediaRendererComponent as bc, MediaTrimTimelineComponent as bd, MobileBottomBarComponent as be, MobileMenuSheetComponent as bf, MobilePresenterViewComponent as bg, MobileSheetComponent as bh, MobileSlidesSheetComponent as bi, MobileToolbarComponent as bj, ModalDialogComponent as bk, Model3DRendererComponent as bl, NotesHandoutCardComponent as bm, NotesPanelComponent as bn, NotesToolbarComponent as bo, OleRendererComponent as bp, OutlineViewOverlayComponent as bq, POWER_POINT_VIEWER_PROVIDERS as br, PPTX_OPEN_ACCEPT as bs, PRESENTATION_OPEN_EXTENSIONS as bt, PRESENTER_CHANNEL_NAME as bu, PRESENTER_MSG_ORIGIN as bv, PRESENTER_TIMER_SEGMENT_MS as bw, PX_PER_CM as bx, PX_PER_INCH as by, PasswordProtectionDialogComponent as bz, AUDIENCE_NONCE_KEY as c, TEXT_3D_TOP_BEVEL_KEYS as c$, RibbonDesignSectionComponent as c0, RibbonDrawSectionComponent as c1, RibbonDrawingGroupComponent as c2, RibbonEditingSectionComponent as c3, RibbonFileSectionComponent as c4, RibbonFontControlsComponent as c5, RibbonHomeSectionComponent as c6, RibbonHyperlinkButtonComponent as c7, RibbonInsertFieldsComponent as c8, RibbonInsertSectionComponent as c9, SettingsLanguageTabComponent as cA, ShareDialogComponent as cB, ShortcutPanelComponent as cC, ShowOptionsFieldsetComponent as cD, ShowSlidesFieldsetComponent as cE, SignatureStrippedDialogComponent as cF, SignaturesPanelComponent as cG, SignaturesService as cH, SlideBackgroundCardComponent as cI, SlideCanvasComponent as cJ, SlideDefaultInspectorComponent as cK, SlideDiffChangesComponent as cL, SlideDiffRowComponent as cM, SlideDiffThumbnailsComponent as cN, SlideSizeCardComponent as cO, SlideSorterOverlayComponent as cP, SlideThemeOverridePanelComponent as cQ, SlideTransitionCardComponent as cR, SlidesPanelComponent as cS, SmartArt3DRendererComponent as cT, SmartArt3DService as cU, SmartArtPreviewComponent as cV, SmartArtPropertiesComponent as cW, SmartArtRendererComponent as cX, StatusBarComponent as cY, TABLE_STRUCTURE_TOGGLES as cZ, TEXT_3D_BOTTOM_BEVEL_KEYS as c_, RibbonMotionPathGalleryComponent as ca, RibbonParagraphControlsComponent as cb, RibbonPrimaryRowComponent as cc, RibbonReviewSectionComponent as cd, RibbonShapeExtrasComponent as ce, RibbonSlideshowSectionComponent as cf, RibbonTransitionsSectionComponent as cg, RibbonViewSectionComponent as ch, RulerGuidesService as ci, SEQUENCE_OPTIONS as cj, SEVERITY_GROUPS as ck, SEVERITY_LABELS as cl, SHORTCUT_REFERENCE_ITEMS as cm, SLIDE_TRANSITION_KEYFRAMES as cn, DEFAULT_PALETTE as co, PALETTES$1 as cp, SMART_ART_COLOR_SCHEMES as cq, SMART_ART_STYLE_OPTIONS as cr, SUB_ITEM_LABEL as cs, SVG_WARP_PRESETS as ct, SWIPE_MAX_VERTICAL_PX as cu, SWIPE_THRESHOLD_PX as cv, SelectionPaneComponent as cw, SetUpSlideShowDialogComponent as cx, SettingsAppearanceTabComponent as cy, SettingsDialogComponent as cz, AVATAR_COLOR_SWATCHES as d, animationPresetLabelKey as d$, TEXT_DIRECTION_OPTIONS$1 as d0, THEME_CATALOG as d1, TIMING_CURVE_OPTIONS as d2, TRIGGER_OPTIONS as d3, TYPE_LABELS as d4, TableCellAdvancedFillComponent as d5, TableCellFormattingComponent as d6, TableDataEditorComponent as d7, TablePropertiesComponent as d8, TableRendererComponent as d9, ViewerFileIOService as dA, ViewerFindReplaceService as dB, ViewerFormatPainterService as dC, ViewerInspectorPanelService as dD, ViewerKeyboardService as dE, ViewerMobileSheetService as dF, ViewerPresentationModeService as dG, ViewerThemeGalleryService as dH, ViewerTouchGesturesService as dI, ViewerZoomService as dJ, WEBM_MIME_CANDIDATES as dK, WriteBackScheduler as dL, ZERO_LINE_COLOR as dM, ZoomNavigationService as dN, ZoomRendererComponent as dO, ZoomTargetService as dP, addCategory as dQ, addCommentToList as dR, addGradientStopPatch as dS, addItem as dT, addSeries as dU, addSubItem as dV, advanceStep as dW, affordanceElements as dX, aiToggleVisible as dY, alignPatch as dZ, animationFor as d_, TableResizeOverlayComponent as da, TableSelectionService as db, TagsCardComponent as dc, Text3DBevelSectionComponent as dd, Text3DPanelComponent as de, TextAdvancedPanelComponent as df, ThemeEditorFieldsComponent as dg, ThemeGalleryComponent as dh, ThemeSelectorCardComponent as di, TitleBarComponent as dj, TitleBarSearchComponent as dk, TransitionDirectionPickerComponent as dl, TransitionPreviewComponent as dm, VALIGN_OPTIONS as dn, VIEWER_THEME as dp, VersionHistoryPanelComponent as dq, ViewerCanvasEditingService as dr, ViewerCollabCursorService as ds, ViewerCollaborationSessionService as dt, ViewerCompareService as du, ViewerCustomShowsService as dv, ViewerDialogsService as dw, ViewerDocumentPropertiesService as dx, ViewerExportService as dy, ViewerExtraDialogsComponent as dz, AXIS_LABEL_COLOR as e, buildWaterfallViewModel as e$, annotationMapToInkInserts as e0, applyAcceptedDiff as e1, applyAnimationPreset as e2, applyFindReplacements as e3, applyFormatToElement as e4, applyMove as e5, applyResize as e6, applyTableStylePreset as e7, asMediaElement as e8, assignUserColor as e9, buildEquationElement as eA, buildEquationSegment as eB, buildFallbackViewModel as eC, buildFontFaceRule as eD, buildGradientFillCss as eE, buildGridlinesAndLabels as eF, buildHyperlinkPatch as eG, buildInkContainerStyle as eH, buildInkStrokes as eI, buildLegend as eJ, buildModel3DContainerStyle as eK, buildModel3DViewModel as eL, buildOleActionModel as eM, buildOleInfoRows as eN, buildPatternFillCss as eO, buildPrintHtmlDocument as eP, buildPropertiesPatch as eQ, buildRegionMapViewModel as eR, buildSaveSlides as eS, buildShareUrl as eT, buildSmartArtInsertElement as eU, buildSmartArtNodes as eV, buildStockViewModel as eW, buildSurfaceViewModel as eX, buildTableViewModel as eY, buildTreemapViewModel as eZ, buildTrimFragment as e_, attachShowVisibilityPause as ea, attachTouchGestures as eb, axisTickValues as ec, beginNodeEdit as ed, bevelSizePatch as ee, boolFromEvent as ef, bringForward as eg, bringToFront as eh, buildBarActions as ei, buildBroadcastConfig as ej, buildBroadcastViewerUrl as ek, buildCategoryLabels as el, buildCellParagraphs as em, buildChartViewModel as en, buildChatLogExport as eo, buildChatLogMarkdown as ep, buildChromeStyle as eq, buildClearHyperlinkPatch as er, buildClickGroups as es, buildColStyles as et, buildCollaborationConfig as eu, buildComboViewModel as ev, buildCssGradientFromShapeStyle as ew, buildDuotoneFilter as ex, buildDuotoneFilterId as ey, buildEmbeddedFontStyles as ez, AccessibilityPanelComponent as f, computeScatterXDomain as f$, buildZeroLine as f0, buildZoomContainerStyle as f1, buildZoomViewModel as f2, bulletIndentPx as f3, canAddTopLevelNode as f4, canGroupSelection as f5, canRemoveTopLevelNode as f6, canSetStrokeWidth as f7, canStartBroadcast as f8, canStartShare as f9, commitNodeText as fA, computeAlign as fB, computeAxisTitlePrimitives as fC, computeBarRects as fD, computeBubbleRadius as fE, computeCornerHandle as fF, computeDataTablePrimitives as fG, computeDistribute as fH, computeDrawingViewBox as fI, computeErrorBarPrimitives as fJ, computeFocusTargets as fK, computeHandleBoxes as fL, computeHandoutLayout as fM, computeIsMobile as fN, computeIsTablet as fO, computeLinePoints as fP, computeLinearRegression as fQ, computePageCount as fR, computePieLayout as fS, computePieSlicePath as fT, computePieSlices as fU, computePlotLayout as fV, computeRSquared as fW, computeRadarPoints as fX, computeResizeHandleBoxes as fY, computeRotateHandleBox as fZ, computeScatterDots as f_, canUngroupSelection as fa, canUseClipboard as fb, captionDisplayText as fc, cellRunStyle as fd, cellStyleToStyleMap as fe, cellTdStyle as ff, changeCountLabel as fg, changeIcon as fh, characterSpacingPatch as fi, chartPreserveAspectRatio as fj, checkFontAvailable as fk, clampCursorPosition as fl, clampGifDimensions as fm, clampIndex as fn, clampNotesFontSize as fo, clampScale as fp, clampStep as fq, clearAllLocalViewerData as fr, clearAudienceContent as fs, cn as ft, collectAccessibilityIssues as fu, collectElementText as fv, collectSlideText as fw, collectStoredChats as fx, collectUsedFontFamilies as fy, columnWidthStyle as fz, AccessibilityService as g, formatAxisValue as g$, computeSelectionBoxes as g0, computeSingleSelected as g1, computeSlideIndices as g2, computeSnap as g3, computeStackedBarRects as g4, computeStackedValueRange as g5, computeTrendlinePrimitives as g6, computeValueRange as g7, convertOmmlToMathMl as g8, copyFormatFromElement as g9, durationOf as gA, effectsStateOf as gB, enableGlowPatch as gC, enableInnerShadowPatch as gD, enableOuterShadowPatch as gE, enableReflectionPatch as gF, enableSoftEdgePatch as gG, encodeGif as gH, endShowMediaCleanup as gI, estimatePageCount as gJ, evenColumnWidths as gK, evenRowHeights as gL, exitPresentationFullscreen as gM, exportAiChatLogs as gN, extractPathPoints as gO, eyedropperAvailable as gP, fillColorOf as gQ, findInSlides as gR, findOwningSlideIndex as gS, findSlideIndexByElementId as gT, firstVisibleIndex as gU, fitPolynomial as gV, fitZoom as gW, focusTargetChips as gX, fontMimeForFormat as gY, fontSizeOf as gZ, forgetSessionDeck as g_, countAccessibilityIssues as ga, countAnnotationStrokes as gb, createAngularAiBridge as gc, createCustomShow as gd, createSwipeDismissDrag as ge, createWebrtcBundle as gf, createWebsocketBundle as gg, cssObjectToStyleMap as gh, currentColorScheme as gi, currentLayout as gj, currentStyle as gk, defaultCssVars as gl, defaultRadius as gm, defaultThemeColors as gn, deleteElementsByIds as go, deleteVersion as gp, demoteNode as gq, deriveModel3DBlobUrl as gr, derivePresenceList as gs, describeSmartArtBounds as gt, disableGlowPatch as gu, disableInnerShadowPatch as gv, disableOuterShadowPatch as gw, disableReflectionPatch as gx, disableSoftEdgePatch as gy, duplicateElementById as gz, AccountPageComponent as h, isInjectableUrl as h$, formatBytes as h0, formatCursorLabel as h1, formatElapsed as h2, formatFileSize as h3, formatPropertyDate as h4, formatTime as h5, fpsToFrameIntervalMs as h6, generateBroadcastRoomId as h7, generateCommentId as h8, generateCustomShowId as h9, getTextWarp as hA, getTouchDistance as hB, getWarpCategory as hC, getWarpPath as hD, gradientStateFromStyle as hE, gradientStateOf as hF, gradientStatePatch as hG, gridColumns as hH, groupIssuesBySeverity as hI, hasAnimation as hJ, hasCopyableFormat as hK, hasExistingLink as hL, hasExitedFullscreen as hM, hasGradientFill as hN, hasPressureVariation as hO, hasVisibleSlideAfter as hP, headerLabel as hQ, imageDimensions as hR, inkViewBox as hS, insertTableElementColumn as hT, insertTableElementRow as hU, interpolateWidth as hV, isAudienceTab as hW, isBold as hX, isBrowserOpenableMime as hY, isChildNode as hZ, isElementInteractive as h_, generatePressureCircles as ha, generateTicks as hb, getClrChangeParams as hc, getContainerStyle as hd, getDuotoneFilterDef as he, getImageSrc as hf, getLocalStorageUsageSummary as hg, getOleAriaLabel as hh, getOleBadgeLabel as hi, getOleDisplayName as hj, getOleDownloadFileName as hk, getOleTypeColor as hl, getOleTypeLabel as hm, getPasswordStrength as hn, getPatternSvg as ho, getPlaceholderStyle as hp, getVersions as hq, getResolvedShapeClipPath as hr, getResolvedShapeClipPathFor as hs, getSessionTabId as ht, getShapeFillStrokeStyle as hu, getSlideBackgroundStyle as hv, getSlideTransitionAnimations as hw, getSmartArtNodeBounds as hx, getSpeechRecognitionCtor as hy, getTextBlockStyle as hz, ActionSettingsPanelComponent as i, parseAudienceNonce as i$, isItalic as i0, isLegacyBinaryPresentation as i1, isPpactionUrl as i2, isPresenterMessage as i3, isSigned as i4, isSupportedPresentationFile as i5, isTextElement as i6, isTwoTableFocus as i7, isUnderline as i8, isUrlSafe as i9, narrowToCircle as iA, narrowToPolygon as iB, narrowToRect as iC, newChartElement as iD, newEquationElement as iE, newPresetShapeElement as iF, newShapeElement as iG, newSmartArtElement as iH, newTableElement as iI, newTextElement as iJ, nextVisibleIndex as iK, nodeBold as iL, nodeEditBox as iM, nodeFillColor as iN, nodeFontColor as iO, nodeIdFromKey as iP, nodeItalic as iQ, nodeStyle as iR, normalizeFontFormat as iS, normalizeSlidesPerPage as iT, normalizeValue as iU, numFromEvent as iV, ommlToMathml as iW, ooxmlDashToCssBorderStyle as iX, openNativeEyeDropper as iY, overallStatus as iZ, paletteColor as i_, isValidRoomId as ia, isViewportBackgroundPressTarget as ib, isZoomActivationKey as ic, issueTrackKey as id, issueTypeLabel as ie, keyToLabel as ig, lastVisibleIndex as ih, latexToMathml as ii, layoutConnectorPaints as ij, layoutNodeLabels as ik, linePointsToSvgString as il, lineSpacingPatch as im, loadAudienceContent as io, loadSessionDeck as ip, mediaFallbackFor as iq, mediaSurfaceFor as ir, mergeCaptionResults as is, mergeDown as it, mergeRight as iu, mergeSelection as iv, moveElementBy as iw, moveNodeDown as ix, moveNodeUp as iy, msToFrameDelayCs as iz, AdvancedChartEditorComponent as j, restoreSessionDeck as j$, parseNodeTextarea as j0, partitionSlides as j1, patchChartData as j2, patchChartStyle as j3, patchTableData as j4, patchTextStyle as j5, patternPresetOptions as j6, pendingElementStyles as j7, pickColorByClickFallback as j8, pickFile as j9, removeElementAnimation as jA, removeGradientStopPatch as jB, removeNode as jC, removeTableElementRow as jD, removeSeries as jE, renderToCanvas as jF, reorderAnimationDown as jG, reorderAnimationUp as jH, replaceInSlides as jI, replaceMatch as jJ, requestPresentationFullscreen as jK, resizeElement as jL, resolveCaptionTracks as jM, resolveChartKind as jN, resolveFontVariant as jO, resolveHyperlinkHref as jP, resolveInteractiveElementId as jQ, resolveMediaSrc as jR, resolveOleType as jS, resolveParagraphBullet as jT, resolvePresenterNotes as jU, resolveProfileInitial as jV, resolveRegionCode as jW, resolveSlideAutoAdvanceMs as jX, resolvePalette as jY, resolveThemeCatalogEntry as jZ, resolveTransitionDuration as j_, pickSupportedMimeType as ja, planGifFrames as jb, planVideoSegments 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, redistributeColumnWidth as jt, registerCrossSlideAudio as ju, rememberSessionDeck as jv, removeAnimation as jw, removeCategory as jx, removeTableElementColumn as jy, removeCommentFromList as jz, AiChangeOverlayComponent as k, shapeStylePatch as k$, revealedElementStyles as k0, routeOrthogonalConnector as k1, rowStyle as k2, rulerDragToGuidePosition as k3, rulerHighlight as k4, rulerStripTicks as k5, sampleColorFromSlide as k6, sanitizeColor as k7, sanitizeSlideIndex as k8, sanitizeUserName as k9, setDataPointFill as kA, setDataPointLabel as kB, setDataPointMarker as kC, setDelay as kD, setDirection as kE, setDuration as kF, setElementPosition as kG, setGridlineStyle as kH, setLayout as kI, setLegend as kJ, setNodeStyle as kK, setNodeText as kL, setRepeatCount as kM, setRepeatMode as kN, setSequence as kO, setSeriesChartType as kP, setSeriesColor as kQ, setSeriesErrorBars as kR, setSeriesMarker as kS, setSeriesName as kT, setSeriesTrendline as kU, setSeriesValue as kV, setStyle as kW, setTimingCurve as kX, setTitle as kY, setTrigger as kZ, setTriggerShapeId as k_, saveViewerProfile as ka, savedPresentationFileName as kb, scanAvailableFonts as kc, searchSlides as kd, seedBroadcastFields as ke, seedHyperlinkDraft as kf, seedPropertiesDraft as kg, seedShareFields as kh, segmentFrameCount as ki, selectValue$2 as kj, sendBackward as kk, sendToBack as kl, sequentialColorScale as km, serializeWriteBack as kn, seriesColor as ko, setAnimationEmphasis as kp, setAnimationEntrance as kq, setAnimationExit as kr, setAxis as ks, setAxisLogScale as kt, setAxisTitleStyle as ku, setCategoryLabel as kv, setCellText as kw, setColorScheme as kx, setDataLabels as ky, setDataPointExplosion as kz, AiChatPanelComponent as l, sheetAfterNavigate as l0, shouldBlockClickAdvance as l1, shouldUseSvgWarp as l2, showDirectionPicker as l3, showsTemplateAffordance as l4, signatureCountLabel as l5, signatureKey as l6, signatureTimestamp as l7, signerName as l8, statusLabel as l9, toggleCommentResolvedInList as lA, toggleNodeBold as lB, toggleNodeItalic as lC, toggleSheet as lD, topLevelNodeCount as lE, transformSelectedTextCase as lF, translationsEn as lG, updateElementById as lH, updateGlowPatch as lI, updateGradientStopPatch as lJ, updateInnerShadowPatch as lK, updateOuterShadowPatch as lL, updateReflectionPatch as lM, vAlignPatch as lN, validatePassword as lO, validatePrintSettings as lP, validateRoomId as lQ, valueToY as lR, vermilionDarkColors as lS, vermilionDarkTheme as lT, vermilionLightColors as lU, vermilionLightTheme as lV, vermilionRadius as lW, waypointsToPathD as lX, worstStatus as lY, zoomTargetSlideIndex as lZ, slideNumberOf as la, slidesWithReappliedLayout as lb, smartArtNodes as lc, paletteColour as ld, snapToGridStep as le, splitCursorCell as lf, splitMergedCell as lg, statusKind as lh, statusLabel$1 as li, storeAudienceContent as lj, stringFromEvent$5 as lk, strokeColorOf as ll, strokeToInkElement as lm, strokeWidthOf as ln, styleShadowFilter as lo, textAdvancedPatch as lp, textAdvancedStateFromStyle as lq, textAdvancedStateOf as lr, textColorOf as ls, textDirectionPatch as lt, textStyleOf as lu, textStylePatch as lv, themeStyle as lw, themeToCssVars as lx, thumbnailHeight as ly, thumbnailZoom as lz, AiChatService as m, AiComposerComponent as n, AiFocusBarComponent as o, AiFocusHighlightOverlayComponent as p, AiHistoryMenuComponent as q, AiHistoryService as r, AiMessageListComponent as s, toChatSummary as t, AiPanelStore as u, AiProposalCardComponent as v, AiSettingsSectionComponent as w, AiToolCallCardComponent as x, AnimationAuthorPanelComponent as y, AnimationPanelComponent as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-CgQt2SkW.mjs.map
+export { CommentsPanelComponent as $, ALIGN_OPTIONS as A, AnimationPlaybackService as B, AutosaveRecoveryDialogComponent as C, AutosaveService as D, BroadcastDialogComponent as E, CHART_EDITOR_STYLES as F, CURSOR_PALETTE as G, CanvasFitService as H, ChartAxisOptionsComponent as I, ChartAxisStyleOptionsComponent as J, ChartComboTypeOptionsComponent as K, ChartDataEditorComponent as L, ChartDataLabelOptionsComponent as M, ChartDatapointMarkerOptionsComponent as N, ChartDatapointOptionsComponent as O, ChartDisplayOptionsComponent as P, ChartElementViewComponent as Q, ChartErrorBarOptionsComponent as R, ChartMarkerOptionsComponent as S, ChartPartSelectionService as T, ChartPrimitivesComponent as U, ChartRendererComponent as V, ChartTrendlineOptionsComponent as W, CollaborationCursorsComponent as X, CollaborationService as Y, ColorChangedImageComponent as Z, CommentMarkersOverlayComponent as _, ANIMATION_PRESET_CATEGORIES as a, InspectorPanelComponent as a$, CommentsService as a0, ComparePanelComponent as a1, ConnectorRendererComponent as a2, ConnectorTextOverlayComponent as a3, CustomShowsComponent as a4, DATA_TABLE_HEADER_H as a5, DATA_TABLE_KEY_W as a6, DATA_TABLE_PADDING as a7, DATA_TABLE_ROW_H as a8, DEFAULT_BOUNDS as a9, EditorToolbarComponent as aA, EffectsPanelComponent as aB, ElementRendererComponent as aC, EmbeddedFontsService as aD, EncryptedFileDialogComponent as aE, EquationEditorDialogComponent as aF, EquationRendererComponent as aG, EquationTemplateGalleryComponent as aH, ExportProgressModalComponent as aI, ExportService as aJ, FieldContextService as aK, FindBarComponent as aL, FindReplaceBarComponent as aM, FollowModeBarComponent as aN, FontEmbeddingListComponent as aO, FontEmbeddingPanelComponent as aP, GALLERY_THEME_PRESETS as aQ, GRIDLINE_COLOR as aR, GradientPickerComponent as aS, HANDOUT_OPTIONS as aT, HeaderFooterDialogComponent as aU, HyperlinkDialogComponent as aV, ImagePropertiesPanelComponent as aW, InkDrawingService as aX, InkRendererComponent as aY, InsertSmartArtDialogComponent as aZ, InspectorPaneHeaderComponent as a_, DEFAULT_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_PALETTE$1 as ag, DEFAULT_PATTERN_FILL_PRESET as ah, DEFAULT_PRINT_SETTINGS as ai, DEFAULT_SLIDE_BACKGROUND as aj, DEFAULT_STROKE_COLOR as ak, DEFAULT_STYLE as al, DEFAULT_TABLE_ROW_HEIGHT as am, DEFAULT_TEXT_COLOR$1 as an, DEFAULT_VIEWER_PROFILE as ao, DIRECTIONAL_PRESETS as ap, DIRECTION_OPTIONS as aq, DocumentPropertiesCardComponent as ar, EMBEDDED_FONTS_STYLE_ID as as, EMPHASIS_PRESETS as at, ENTRANCE_PRESETS as au, TEMPLATES as av, EXIT_PRESETS as aw, EditorContextMenuComponent as ax, EditorHistory as ay, EditorStateService as az, AUDIENCE_HASH as b, RibbonComponent as b$, IsMobileService as b0, KeepAnnotationsDialogComponent as b1, LOCALE_CATALOG as b2, LONG_PRESS_DURATION_MS as b3, LONG_PRESS_MOVE_TOLERANCE_PX as b4, LoadContentService as b5, LocalPresencePublisher as b6, MAX_ZOOM_SCALE as b7, MIN_ZOOM_SCALE as b8, MOTION_PATH_COLUMNS as b9, PasswordStrengthMeterComponent as bA, PowerPointViewerComponent as bB, PresentToolbarAutoHide as bC, PresentationAnnotationOverlayComponent as bD, PresentationAnnotationsService as bE, PresentationOverlayComponent as bF, PresentationPropertiesPanelComponent as bG, PresentationSettingsCardComponent as bH, PresentationSubtitleBarComponent as bI, PresentationToolbarComponent as bJ, PresentationTransitionOverlayComponent as bK, PresenterViewComponent as bL, PresenterWindowService as bM, PrintDialogComponent as bN, PrintService as bO, PrintSettingsPanelComponent as bP, PropertiesDialogComponent as bQ, REPEAT_MODE_OPTIONS as bR, RESIZE_HANDLES as bS, RULER_FONT_SIZE as bT, RULER_THICKNESS as bU, ReadingViewOverlayComponent as bV, RemoteSelectionOverlayComponent as bW, RibbonAnimationGalleryComponent as bX, RibbonAnimationsSectionComponent as bY, RibbonArrangeSectionComponent as bZ, RibbonColorPopoverComponent as b_, MediaPreviewComponent as ba, MediaPropertiesPanelComponent as bb, MediaRendererComponent as bc, MediaTrimTimelineComponent as bd, MobileBottomBarComponent as be, MobileMenuSheetComponent as bf, MobilePresenterViewComponent as bg, MobileSheetComponent as bh, MobileSlidesSheetComponent as bi, MobileToolbarComponent as bj, ModalDialogComponent as bk, Model3DRendererComponent as bl, NotesHandoutCardComponent as bm, NotesPanelComponent as bn, NotesToolbarComponent as bo, OleRendererComponent as bp, OutlineViewOverlayComponent as bq, POWER_POINT_VIEWER_PROVIDERS as br, PPTX_OPEN_ACCEPT as bs, PRESENTATION_OPEN_EXTENSIONS as bt, PRESENTER_CHANNEL_NAME as bu, PRESENTER_MSG_ORIGIN as bv, PRESENTER_TIMER_SEGMENT_MS as bw, PX_PER_CM as bx, PX_PER_INCH as by, PasswordProtectionDialogComponent as bz, AUDIENCE_NONCE_KEY as c, TEXT_3D_TOP_BEVEL_KEYS as c$, RibbonDesignSectionComponent as c0, RibbonDrawSectionComponent as c1, RibbonDrawingGroupComponent as c2, RibbonEditingSectionComponent as c3, RibbonFileSectionComponent as c4, RibbonFontControlsComponent as c5, RibbonHomeSectionComponent as c6, RibbonHyperlinkButtonComponent as c7, RibbonInsertFieldsComponent as c8, RibbonInsertSectionComponent as c9, SettingsLanguageTabComponent as cA, ShareDialogComponent as cB, ShortcutPanelComponent as cC, ShowOptionsFieldsetComponent as cD, ShowSlidesFieldsetComponent as cE, SignatureStrippedDialogComponent as cF, SignaturesPanelComponent as cG, SignaturesService as cH, SlideBackgroundCardComponent as cI, SlideCanvasComponent as cJ, SlideDefaultInspectorComponent as cK, SlideDiffChangesComponent as cL, SlideDiffRowComponent as cM, SlideDiffThumbnailsComponent as cN, SlideSizeCardComponent as cO, SlideSorterOverlayComponent as cP, SlideThemeOverridePanelComponent as cQ, SlideTransitionCardComponent as cR, SlidesPanelComponent as cS, SmartArt3DRendererComponent as cT, SmartArt3DService as cU, SmartArtPreviewComponent as cV, SmartArtPropertiesComponent as cW, SmartArtRendererComponent as cX, StatusBarComponent as cY, TABLE_STRUCTURE_TOGGLES as cZ, TEXT_3D_BOTTOM_BEVEL_KEYS as c_, RibbonMotionPathGalleryComponent as ca, RibbonParagraphControlsComponent as cb, RibbonPrimaryRowComponent as cc, RibbonReviewSectionComponent as cd, RibbonShapeExtrasComponent as ce, RibbonSlideshowSectionComponent as cf, RibbonTransitionsSectionComponent as cg, RibbonViewSectionComponent as ch, RulerGuidesService as ci, SEQUENCE_OPTIONS as cj, SEVERITY_GROUPS as ck, SEVERITY_LABELS as cl, SHORTCUT_REFERENCE_ITEMS as cm, SLIDE_TRANSITION_KEYFRAMES as cn, DEFAULT_PALETTE as co, PALETTES$1 as cp, SMART_ART_COLOR_SCHEMES as cq, SMART_ART_STYLE_OPTIONS as cr, SUB_ITEM_LABEL as cs, SVG_WARP_PRESETS as ct, SWIPE_MAX_VERTICAL_PX as cu, SWIPE_THRESHOLD_PX as cv, SelectionPaneComponent as cw, SetUpSlideShowDialogComponent as cx, SettingsAppearanceTabComponent as cy, SettingsDialogComponent as cz, AVATAR_COLOR_SWATCHES as d, animationPresetLabelKey as d$, TEXT_DIRECTION_OPTIONS$1 as d0, THEME_CATALOG as d1, TIMING_CURVE_OPTIONS as d2, TRIGGER_OPTIONS as d3, TYPE_LABELS as d4, TableCellAdvancedFillComponent as d5, TableCellFormattingComponent as d6, TableDataEditorComponent as d7, TablePropertiesComponent as d8, TableRendererComponent as d9, ViewerFileIOService as dA, ViewerFindReplaceService as dB, ViewerFormatPainterService as dC, ViewerInspectorPanelService as dD, ViewerKeyboardService as dE, ViewerMobileSheetService as dF, ViewerPresentationModeService as dG, ViewerThemeGalleryService as dH, ViewerTouchGesturesService as dI, ViewerZoomService as dJ, WEBM_MIME_CANDIDATES as dK, WriteBackScheduler as dL, ZERO_LINE_COLOR as dM, ZoomNavigationService as dN, ZoomRendererComponent as dO, ZoomTargetService as dP, addCategory as dQ, addCommentToList as dR, addGradientStopPatch as dS, addItem as dT, addSeries as dU, addSubItem as dV, advanceStep as dW, affordanceElements as dX, aiToggleVisible as dY, alignPatch as dZ, animationFor as d_, TableResizeOverlayComponent as da, TableSelectionService as db, TagsCardComponent as dc, Text3DBevelSectionComponent as dd, Text3DPanelComponent as de, TextAdvancedPanelComponent as df, ThemeEditorFieldsComponent as dg, ThemeGalleryComponent as dh, ThemeSelectorCardComponent as di, TitleBarComponent as dj, TitleBarSearchComponent as dk, TransitionDirectionPickerComponent as dl, TransitionPreviewComponent as dm, VALIGN_OPTIONS as dn, VIEWER_THEME as dp, VersionHistoryPanelComponent as dq, ViewerCanvasEditingService as dr, ViewerCollabCursorService as ds, ViewerCollaborationSessionService as dt, ViewerCompareService as du, ViewerCustomShowsService as dv, ViewerDialogsService as dw, ViewerDocumentPropertiesService as dx, ViewerExportService as dy, ViewerExtraDialogsComponent as dz, AXIS_LABEL_COLOR as e, buildWaterfallViewModel as e$, annotationMapToInkInserts as e0, applyAcceptedDiff as e1, applyAnimationPreset as e2, applyFindReplacements as e3, applyFormatToElement as e4, applyMove as e5, applyResize as e6, asMediaElement as e7, assignUserColor as e8, attachShowVisibilityPause as e9, buildEquationSegment as eA, buildFallbackViewModel as eB, buildFontFaceRule as eC, buildGradientFillCss as eD, buildGridlinesAndLabels as eE, buildHyperlinkPatch as eF, buildInkContainerStyle as eG, buildInkStrokes as eH, buildLegend as eI, buildMarkTooltip as eJ, buildModel3DContainerStyle as eK, buildModel3DViewModel as eL, buildOleActionModel as eM, buildOleInfoRows as eN, buildPatternFillCss as eO, buildPrintHtmlDocument as eP, buildPropertiesPatch as eQ, buildRegionMapViewModel as eR, buildSaveSlides as eS, buildShareUrl as eT, buildSmartArtInsertElement as eU, buildSmartArtNodes as eV, buildStockViewModel as eW, buildSurfaceViewModel as eX, buildTableViewModel as eY, buildTreemapViewModel as eZ, buildTrimFragment as e_, attachTouchGestures as ea, axisTickValues as eb, beginNodeEdit as ec, bevelSizePatch as ed, boolFromEvent as ee, bringForward as ef, bringToFront as eg, buildBarActions as eh, buildBroadcastConfig as ei, buildBroadcastViewerUrl as ej, buildCategoryLabels as ek, buildCellParagraphs as el, buildChartViewModel as em, buildChatLogExport as en, buildChatLogMarkdown as eo, buildChromeStyle as ep, buildClearHyperlinkPatch as eq, buildClickGroups as er, buildColStyles as es, buildCollaborationConfig as et, buildComboViewModel as eu, buildCssGradientFromShapeStyle as ev, buildDuotoneFilter as ew, buildDuotoneFilterId as ex, buildEmbeddedFontStyles as ey, buildEquationElement as ez, AccessibilityPanelComponent as f, computeScatterXDomain as f$, buildZeroLine as f0, buildZoomContainerStyle as f1, buildZoomViewModel as f2, bulletIndentPx as f3, canAddTopLevelNode as f4, canGroupSelection as f5, canRemoveTopLevelNode as f6, canSetStrokeWidth as f7, canStartBroadcast as f8, canStartShare as f9, commitNodeText as fA, computeAlign as fB, computeAxisTitlePrimitives as fC, computeBarRects as fD, computeBubbleRadius as fE, computeCornerHandle as fF, computeDataTablePrimitives as fG, computeDistribute as fH, computeDrawingViewBox as fI, computeErrorBarPrimitives as fJ, computeFocusTargets as fK, computeHandleBoxes as fL, computeHandoutLayout as fM, computeIsMobile as fN, computeIsTablet as fO, computeLinePoints as fP, computeLinearRegression as fQ, computePageCount as fR, computePieLayout as fS, computePieSlicePath as fT, computePieSlices as fU, computePlotLayout as fV, computeRSquared as fW, computeRadarPoints as fX, computeResizeHandleBoxes as fY, computeRotateHandleBox as fZ, computeScatterDots as f_, canUngroupSelection as fa, canUseClipboard as fb, captionDisplayText as fc, cellRunStyle as fd, cellStyleToStyleMap as fe, cellTdStyle as ff, changeCountLabel as fg, changeIcon as fh, characterSpacingPatch as fi, chartPreserveAspectRatio as fj, checkFontAvailable as fk, clampCursorPosition as fl, clampGifDimensions as fm, clampIndex as fn, clampNotesFontSize as fo, clampScale as fp, clampStep as fq, clearAllLocalViewerData as fr, clearAudienceContent as fs, cn as ft, collectAccessibilityIssues as fu, collectElementText as fv, collectSlideText as fw, collectStoredChats as fx, collectUsedFontFamilies as fy, columnWidthStyle as fz, AccessibilityService as g, formatCursorLabel as g$, computeSelectionBoxes as g0, computeSingleSelected as g1, computeSlideIndices as g2, computeSnap as g3, computeStackedBarRects as g4, computeStackedValueRange as g5, computeTrendlinePrimitives as g6, computeValueRange as g7, convertOmmlToMathMl as g8, copyFormatFromElement as g9, durationOf as gA, effectsStateOf as gB, enableGlowPatch as gC, enableInnerShadowPatch as gD, enableOuterShadowPatch as gE, enableReflectionPatch as gF, enableSoftEdgePatch as gG, encodeGif as gH, endShowMediaCleanup as gI, estimatePageCount as gJ, exitPresentationFullscreen as gK, exportAiChatLogs as gL, extractPathPoints as gM, eyedropperAvailable as gN, fillColorOf$1 as gO, findInSlides as gP, findOwningSlideIndex as gQ, findSlideIndexByElementId as gR, firstVisibleIndex as gS, fitPolynomial as gT, fitZoom as gU, focusTargetChips as gV, fontMimeForFormat as gW, fontSizeOf as gX, forgetSessionDeck as gY, formatAxisValue as gZ, formatBytes as g_, countAccessibilityIssues as ga, countAnnotationStrokes as gb, createAngularAiBridge as gc, createCustomShow as gd, createSwipeDismissDrag as ge, createWebrtcBundle as gf, createWebsocketBundle as gg, cssObjectToStyleMap as gh, currentColorScheme as gi, currentLayout as gj, currentStyle as gk, defaultCssVars as gl, defaultRadius as gm, defaultThemeColors as gn, deleteElementsByIds as go, deleteVersion as gp, demoteNode as gq, deriveModel3DBlobUrl as gr, derivePresenceList as gs, describeSmartArtBounds as gt, disableGlowPatch as gu, disableInnerShadowPatch as gv, disableOuterShadowPatch as gw, disableReflectionPatch as gx, disableSoftEdgePatch as gy, duplicateElementById as gz, AccountPageComponent as h, isLegacyBinaryPresentation as h$, formatElapsed as h0, formatFileSize as h1, formatPropertyDate as h2, formatTime as h3, fpsToFrameIntervalMs as h4, generateBroadcastRoomId as h5, generateCommentId as h6, generateCustomShowId as h7, generatePressureCircles as h8, generateTicks as h9, getWarpCategory as hA, getWarpPath as hB, gradientStateFromStyle as hC, gradientStateOf as hD, gradientStatePatch as hE, gridColumns as hF, groupIssuesBySeverity as hG, hasAnimation as hH, hasCopyableFormat as hI, hasExistingLink as hJ, hasExitedFullscreen as hK, hasGradientFill as hL, hasPressureVariation as hM, hasVisibleSlideAfter as hN, headerLabel as hO, imageDimensions as hP, inkViewBox as hQ, insertTableElementColumn as hR, insertTableElementRow as hS, interpolateWidth as hT, isAudienceTab as hU, isBold as hV, isBrowserOpenableMime as hW, isChildNode as hX, isElementInteractive as hY, isInjectableUrl as hZ, isItalic as h_, getClrChangeParams as ha, getContainerStyle as hb, getDuotoneFilterDef as hc, getImageSrc as hd, getLocalStorageUsageSummary as he, getOleAriaLabel as hf, getOleBadgeLabel as hg, getOleDisplayName as hh, getOleDownloadFileName as hi, getOleTypeColor as hj, getOleTypeLabel as hk, getPasswordStrength as hl, getPatternSvg as hm, getPlaceholderStyle as hn, getVersions as ho, getResolvedShapeClipPath as hp, getResolvedShapeClipPathFor as hq, getSessionTabId as hr, getShapeFillStrokeStyle as hs, getSlideBackgroundStyle as ht, getSlideTransitionAnimations as hu, getSmartArtNodeBounds as hv, getSpeechRecognitionCtor as hw, getTextBlockStyle as hx, getTextWarp as hy, getTouchDistance as hz, ActionSettingsPanelComponent as i, partitionSlides as i$, isPpactionUrl as i0, isPresenterMessage as i1, isSigned as i2, isSupportedPresentationFile as i3, isTextElement as i4, isTwoTableFocus as i5, isUnderline as i6, isUrlSafe as i7, isValidRoomId as i8, isViewportBackgroundPressTarget as i9, narrowToRect as iA, newChartElement as iB, newEquationElement as iC, newPresetShapeElement as iD, newShapeElement as iE, newSmartArtElement as iF, newTableElement as iG, newTextElement as iH, nextVisibleIndex as iI, nodeBold as iJ, nodeEditBox as iK, nodeFillColor as iL, nodeFontColor as iM, nodeIdFromKey as iN, nodeItalic as iO, nodeStyle as iP, normalizeFontFormat as iQ, normalizeSlidesPerPage as iR, normalizeValue as iS, numFromEvent as iT, ommlToMathml as iU, ooxmlDashToCssBorderStyle as iV, openNativeEyeDropper as iW, overallStatus as iX, paletteColor as iY, parseAudienceNonce as iZ, parseNodeTextarea as i_, isZoomActivationKey as ia, issueTrackKey as ib, issueTypeLabel as ic, keyToLabel as id, lastVisibleIndex as ie, latexToMathml as ig, layoutConnectorPaints as ih, layoutNodeLabels as ii, linePointsToSvgString as ij, lineSpacingPatch as ik, loadAudienceContent as il, loadSessionDeck as im, mediaFallbackFor as io, mediaSurfaceFor as ip, mergeCaptionResults as iq, mergeDown as ir, mergeRight as is, mergeSelection as it, moveElementBy as iu, moveNodeDown as iv, moveNodeUp as iw, msToFrameDelayCs as ix, narrowToCircle as iy, narrowToPolygon as iz, AdvancedChartEditorComponent as j, rowStyle as j$, patchChartData as j0, patchChartStyle as j1, patchTableData as j2, patchTextStyle as j3, patternPresetOptions as j4, pendingElementStyles as j5, pickColorByClickFallback as j6, pickFile as j7, pickSupportedMimeType as j8, planGifFrames as j9, removeTableElementRow as jA, removeSeries as jB, renderToCanvas as jC, reorderAnimationDown as jD, reorderAnimationUp as jE, replaceInSlides as jF, replaceMatch as jG, requestPresentationFullscreen as jH, resizeElement as jI, resolveCaptionTracks as jJ, resolveChartKind as jK, resolveFontVariant as jL, resolveHyperlinkHref as jM, resolveInteractiveElementId as jN, resolveMediaSrc as jO, resolveOleType as jP, resolveParagraphBullet as jQ, resolvePresenterNotes as jR, resolveProfileInitial as jS, resolveRegionCode as jT, resolveSlideAutoAdvanceMs as jU, resolvePalette as jV, resolveThemeCatalogEntry as jW, resolveTransitionDuration as jX, restoreSessionDeck as jY, revealedElementStyles as jZ, routeOrthogonalConnector as j_, planVideoSegments as ja, pointsToSvgPathD as jb, presenceToCursors as jc, presentationBaseName as jd, presentationStageStyle as je, presenterTimerProgress as jf, presetByLayout as jg, presetsForCategory as jh, pressuresToWidths as ji, prevVisibleIndex as jj, projectDrawingShapes as jk, promoteNode as jl, provideViewerTheme as jm, radarAngle as jn, radarRingPoints as jo, readAsDataUrl as jp, recordWebm as jq, registerCrossSlideAudio as jr, rememberSessionDeck as js, removeAnimation as jt, removeCategory as ju, removeTableElementColumn as jv, removeCommentFromList as jw, removeElementAnimation as jx, removeGradientStopPatch as jy, removeNode as jz, AiChangeOverlayComponent as k, shouldUseSvgWarp as k$, rulerDragToGuidePosition as k0, rulerHighlight as k1, rulerStripTicks as k2, sampleColorFromSlide as k3, sanitizeColor as k4, sanitizeSlideIndex as k5, sanitizeUserName as k6, saveViewerProfile as k7, savedPresentationFileName as k8, scanAvailableFonts as k9, setDelay as kA, setDirection as kB, setDuration as kC, setElementPosition as kD, setGridlineStyle as kE, setLayout as kF, setLegend as kG, setNodeStyle as kH, setNodeText as kI, setRepeatCount as kJ, setRepeatMode as kK, setSequence as kL, setSeriesChartType as kM, setSeriesColor as kN, setSeriesErrorBars as kO, setSeriesMarker as kP, setSeriesName as kQ, setSeriesTrendline as kR, setSeriesValue as kS, setStyle as kT, setTimingCurve as kU, setTitle as kV, setTrigger as kW, setTriggerShapeId as kX, shapeStylePatch$1 as kY, sheetAfterNavigate as kZ, shouldBlockClickAdvance as k_, searchSlides as ka, seedBroadcastFields as kb, seedHyperlinkDraft as kc, seedPropertiesDraft as kd, seedShareFields as ke, segmentFrameCount as kf, selectValue$2 as kg, sendBackward as kh, sendToBack as ki, sequentialColorScale as kj, serializeWriteBack as kk, seriesColor as kl, setAnimationEmphasis as km, setAnimationEntrance as kn, setAnimationExit as ko, setAxis as kp, setAxisLogScale as kq, setAxisTitleStyle as kr, setCategoryLabel as ks, setCellText as kt, setColorScheme as ku, setDataLabels as kv, setDataPointExplosion as kw, setDataPointFill as kx, setDataPointLabel as ky, setDataPointMarker as kz, AiChatPanelComponent as l, showDirectionPicker as l0, showsTemplateAffordance as l1, signatureCountLabel as l2, signatureKey as l3, signatureTimestamp as l4, signerName as l5, statusLabel as l6, slideNumberOf as l7, slidesWithReappliedLayout as l8, smartArtNodes as l9, toggleSheet as lA, topLevelNodeCount as lB, transformSelectedTextCase as lC, translationsEn as lD, updateElementById as lE, updateGlowPatch as lF, updateGradientStopPatch as lG, updateInnerShadowPatch as lH, updateOuterShadowPatch as lI, updateReflectionPatch as lJ, vAlignPatch as lK, validatePassword as lL, validatePrintSettings as lM, validateRoomId as lN, valueToY as lO, vermilionDarkColors as lP, vermilionDarkTheme as lQ, vermilionLightColors as lR, vermilionLightTheme as lS, vermilionRadius as lT, waypointsToPathD as lU, worstStatus as lV, zoomTargetSlideIndex as lW, paletteColour as la, snapToGridStep as lb, splitCursorCell as lc, splitMergedCell as ld, statusKind as le, statusLabel$1 as lf, storeAudienceContent as lg, stringFromEvent$5 as lh, strokeColorOf as li, strokeToInkElement as lj, strokeWidthOf as lk, styleShadowFilter as ll, textAdvancedPatch as lm, textAdvancedStateFromStyle as ln, textAdvancedStateOf as lo, textColorOf as lp, textDirectionPatch as lq, textStyleOf as lr, textStylePatch as ls, themeStyle as lt, themeToCssVars as lu, thumbnailHeight as lv, thumbnailZoom as lw, toggleCommentResolvedInList as lx, toggleNodeBold as ly, toggleNodeItalic as lz, AiChatService as m, AiComposerComponent as n, AiFocusBarComponent as o, AiFocusHighlightOverlayComponent as p, AiHistoryMenuComponent as q, AiHistoryService as r, AiMessageListComponent as s, toChatSummary as t, AiPanelStore as u, AiProposalCardComponent as v, AiSettingsSectionComponent as w, AiToolCallCardComponent as x, AnimationAuthorPanelComponent as y, AnimationPanelComponent as z };
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-DrfIMkrX.mjs.map