pptx-angular-viewer 4.16.0 → 4.16.1

package/fesm2022/{pptx-angular-viewer-pptx-angular-viewer-Bc1e9poJ.mjs → pptx-angular-viewer-pptx-angular-viewer-ByBs8vwz.mjs}

@@ -1,6 +1,6 @@
 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, Directive, afterNextRender, untracked, HostListener, Renderer2, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, forwardRef, afterRenderEffect, Input, Pipe, EventEmitter, Output, linkedSignal } from '@angular/core';
+import { InjectionToken, input, output, inject, computed, ChangeDetectionStrategy, Component, signal, Injectable, DestroyRef, viewChild, effect, Injector, ElementRef, Directive, afterNextRender, untracked, HostListener, Renderer2, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, forwardRef, afterRenderEffect, Input, linkedSignal } from '@angular/core';
 import { TranslateService, TranslatePipe, translate } from '@ngx-translate/core';
 import { evaluateCustomGeometryPathData, getShapeClipPath, getAdjustmentAwareClipPath, getShapeClipPathFromPreset, getCloudPathForRendering, evaluateCustomGeometryPaths, customGeometryPathsToSvgSubpaths, evaluatePresetShape, hasShapeProperties, ooxmlGradientAngleToCssDegrees, getShapeType, isImageLikeElement as isImageLikeElement$1, getElementTextContent, getRoundRectRadiusPx as getRoundRectRadiusPx$1, applyDrawingColorTransforms as applyDrawingColorTransforms$1, hslToRgb as hslToRgb$1, PRESET_COLOR_MAP, getSubstituteFontFamily, parsePanoseString, hasTextProperties, evaluateGuides, deobfuscateFont, detectFontFormat, stripXmlOrderSuffix, orderedXmlKey, parseDataUrlToBytes, sampleFirstPixelColorFromBytes, flattenChartUserShapes, chartDataChangeType, isParetoChartData, resolveDisplayedChartTypeName, chartDataAddSeries, chartDataRemoveSeries, chartDataAddCategory, chartDataRemoveCategory, chartDataUpdatePoint, resolveThemeColorRef, resolveOoxmlPresetMapping, getCapturedPreset, resolveDirectionSubtype, capturedPresetNativeAnimation, timingCurveToAccelDecel, rebuildTableStructureInRawXml, updateCellTextInRawXml, deepCloneData, cloneTemplateElementsBySlideId, cloneSlide, MIN_ELEMENT_SIZE as MIN_ELEMENT_SIZE$1, EMU_PER_PX as EMU_PER_PX$6, DEFAULT_POWERPOINT_TABLE_STYLE_ID, DEFAULT_SCHEME_COLOR_MAP as DEFAULT_SCHEME_COLOR_MAP$1, formatAutoNumberMarker, createAutoNumberSequence, nextAutoNumber, breakAutoNumberRun, ELEMENT_PARAGRAPH_GEOMETRY_KEYS, getLinkedTextBoxSegments, deriveSlideTitle, svgPathToPolygons, THEME_COLOR_SCHEME_KEYS, createBuiltinVariables, resolveCoordinate, getPresetConnectionSites, getConnectorPathGeometry, resolveCustomGeometryToken, resolveCustomGeometryGuideContext, lookupPresetShape, normalizeStShapeType, PptxHandler, styleStroke, strokeFor, fitFontSize, nodeTextStyle, truncate, nodeOpacity, nodeStroke, nodeFill, styleShadow, buildTree, treeWidth, treeDepth, gearPoints, flattenNodes, interpretSmartArtLayout, smartArtQuickStyleHas3d, relayoutSmartArt, addSmartArtNode, removeSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, createEditorId, makeStoreAwareId, reassignDescendantIds, checkMissingAltText, checkMissingSlideTitle, checkLowContrast, checkComplexTables, checkBlankSlide, checkDuplicateTitles, createChartElement, createImageElement, THEME_COLOR_PALETTE_COLUMNS, hexToRgbChannels as hexToRgbChannels$2, rgbToHsl as rgbToHsl$1, renameSlideMaster, deleteSlideMaster, duplicateSlideMaster, insertSlideMaster, renameLayout, deleteLayout, duplicateLayout, insertLayout, detectFileFormat, themeColorRefFromColorChoice, cropShapeForPresetGeometry, cloneElement, duplicateElement, resolveModifyVerifierAlgorithmName, verifyModifyPassword, TABLE_STYLE_PART_SEQUENCE, douglasPeucker, THEME_PRESETS, themeColorSchemesEqual, guideEmuToPx, serializePptxToJson, PPTX_JSON_MIME_TYPE, PptxMarkdownConverter, ThemePresets, formatCommentTimestamp as formatCommentTimestamp$1, EncryptedFileError, decodeXmlEntities, parseSignatureXml, groupElements, ungroupElements, updateSmartArtNodeText, setSmartArtNodeStyle, isInkElement, isZoomElement, SvgExporter, applyThemeToData, reResolveElementFonts, reResolveElementColors, pptxActionToElementAction, elementActionToPptxAction, setChartTitle, setChartLegend, setChartDataLabels, setChartAxis, setChartSeriesTrendline, setChartSeriesErrorBars, setChartDataPointLabel, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointMarker, setChartDataPointExplosion, getOleSheetGrid, getOleDocumentParagraphs, getOleNestedDeckDetail, applyOleSheetCellEdit, applyOleDocumentParagraphEdit, applyOleNestedDeckElementTextEdit, replaceOleFile, getOleObjectTypeLabel, addSmartArtNodeAsChild, switchSmartArtLayout, SWITCHABLE_LAYOUT_TYPES, normalizeTableStyleGuid, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, applyThemeOverrideToSlide, TRANSITION_VALID_DIRECTIONS, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES } from 'pptx-viewer-core';
 import * as opentypeModule from 'opentype.js';
@@ -226,8 +226,11 @@ function markWebControlContract(ctor) {
 
 const RIBBON_COMMAND_STYLES = `
 :host { display: inline-flex; flex: none; }
+:host([hidden]) { display: none !important; }
+.badge { position:absolute; top:0; right:0; border-radius:99px; padding:0 3px; background:var(--pptx-primary,#6366f1); color:var(--pptx-primary-foreground,#fff); font-size:9px; }
+.badge[hidden] { display:none; }
 button {
-	box-sizing: border-box; display: inline-flex; flex-direction: column; align-items: center;
+	box-sizing: border-box; position:relative; display: inline-flex; flex-direction: column; align-items: center;
 	justify-content: flex-start; gap: 2px; min-width: 54px; max-width: 78px; height: 58px;
 	padding: 4px; border: 0; border-radius: 4px; background: transparent;
 	color: var(--pptx-foreground, #f9fafb); cursor: pointer; font: inherit;
@@ -253,6 +256,24 @@ button:focus-visible { outline: 2px solid var(--pptx-ring, #6366f1); outline-off
 
 /** Trusted, shared SVG paths. No host-supplied markup is inserted into the icon. */
 const RIBBON_ICON_PATHS = {
+    spelling: 'M2 14 6 5l4 9M3.4 11.4h5.2M12 13.5l2 2 4-4.5',
+    book: 'M3 4h5a2 2 0 0 1 2 2v10a2 2 0 0 0-2-2H3zM17 4h-5a2 2 0 0 0-2 2v10a2 2 0 0 1 2-2h5z',
+    shield: 'M10 3 4 5.4v4.1c0 3.3 2.5 6 6 7.1 3.5-1.1 6-3.8 6-7.1V5.4zM7 10l2 2 4-4',
+    globe: 'M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M3 10h14M10 3c-4 4-4 10 0 14 4-4 4-10 0-14',
+    languages: 'M2 5h9M6 3v2M4 5c0 5 5 7 7 8M9 5c0 5-5 7-7 8M11 17l4-9 4 9M12.5 14h5',
+    copy: 'M7 7h10v10H7ZM3 13V3h10',
+    compare: 'M5 3v11M15 6v11M5 5h7l3 3M15 15H8l-3-3M3 14h4M13 6h4',
+    message: 'M3 4h14v9H8l-5 4z',
+    messagePlus: 'M3 4h14v9H8l-5 4zM10 6v5M7.5 8.5h5',
+    trash: 'M4 6h12M8 6V4h4v2M6 6l.8 10h6.4L14 6',
+    chevronLeft: 'm12 4-6 6 6 6',
+    chevronRight: 'm8 4 6 6-6 6',
+    lock: 'M4 9h12v8H4ZM7 9V6.5a3 3 0 0 1 6 0V9',
+    eyeOff: 'M2.5 10S5.5 5 10 5s7.5 5 7.5 5-3 5-7.5 5-7.5-5-7.5-5zM4 4l12 12',
+    palette: 'M10 2a8 8 0 1 0 0 16h1a2 2 0 0 0 1-3.7 1.5 1.5 0 0 1 1-2.3h2a3 3 0 0 0 3-3c0-4-4-7-8-7M6 6h.1M10 5h.1M14 7h.1M5 10h.1',
+    pencil: 'M12 3l5 5M3 17l1-5L13 3l4 4-9 9Z',
+    monitor: 'M2 3h16v11H2ZM7 18h6M10 14v4',
+    paint: 'M3 9l6-6 8 8-6 6ZM4 4l8 8M3 18h12M17 13s-2 3-2 4a2 2 0 0 0 4 0c0-1-2-4-2-4',
     camera: 'M2 6h4l2-3h4l2 3h4v11H2ZM7 11a3 3 0 1 0 6 0 3 3 0 1 0-6 0',
     eraser: 'M3 12l8-8 6 6-7 7H7ZM3 17h14M7 8l6 6',
     reset: 'M4 10a6 6 0 1 1 1.8 4.2M4 6v4h4',
@@ -288,6 +309,7 @@ function definePptxRibbonCommand(registry) {
             'expanded',
             'title',
             'data-ribbon-control',
+            'badge',
         ]; }
         constructor() {
             super();
@@ -303,6 +325,10 @@ function definePptxRibbonCommand(registry) {
             svg.append(this.path);
             this.text = document.createElement('span');
             this.button.append(svg, this.text);
+            this.badge = document.createElement('span');
+            this.badge.className = 'badge';
+            this.badge.setAttribute('aria-hidden', 'true');
+            this.button.append(this.badge);
             root.append(this.button);
             this.button.addEventListener('keydown', (event) => {
                 // Keep native activation out of the viewer's slide-navigation handlers.
@@ -328,6 +354,8 @@ function definePptxRibbonCommand(registry) {
         }
         sync() {
             this.text.textContent = this.getAttribute('label') ?? '';
+            this.badge.textContent = this.getAttribute('badge') ?? '';
+            this.badge.hidden = !this.badge.textContent;
             this.button.title = this.getAttribute('title') ?? this.text.textContent;
             this.button.disabled = this.hasAttribute('disabled');
             this.path.setAttribute('d', RIBBON_ICON_PATHS[this.getAttribute('icon') ?? ''] ?? '');
@@ -345,871 +373,6 @@ function definePptxRibbonCommand(registry) {
     registry.define('pptx-ui-ribbon-command', RibbonCommand);
 }
 
-const STYLES = `
-:host { display: inline-flex; flex: none; align-self: stretch; }
-.group { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
-	min-height: 78px; padding: 4px 8px 2px; border-right: 1px solid color-mix(in srgb, var(--pptx-border, #33334d) 60%, transparent); }
-:host(:last-child) .group { border-right: 0; }
-.row { display: flex; align-items: flex-start; gap: 4px; }
-::slotted(*) { flex-shrink: 0; }
-.caption { padding-top: 2px; color: var(--pptx-muted-foreground, #94a3b8); font: inherit;
-	font-size: 9px; line-height: 12px; text-align: center; white-space: nowrap; }
-`;
-/** Slotted view boundary; customization ids remain in the light DOM. */
-function definePptxRibbonGroup(registry) {
-    if (registry.get('pptx-ui-ribbon-group')) {
-        return;
-    }
-    class RibbonGroup extends HTMLElement {
-        static { this.observedAttributes = ['label']; }
-        constructor() {
-            super();
-            const root = this.attachShadow({ mode: 'open' });
-            attachControlStyles(root, STYLES);
-            const group = document.createElement('div');
-            group.className = 'group';
-            const row = document.createElement('div');
-            row.className = 'row';
-            row.append(document.createElement('slot'));
-            this.caption = document.createElement('span');
-            this.caption.className = 'caption';
-            group.append(row, this.caption);
-            root.append(group);
-        }
-        connectedCallback() {
-            this.setAttribute('role', 'group');
-            this.sync();
-        }
-        attributeChangedCallback() {
-            this.sync();
-        }
-        sync() {
-            const label = this.getAttribute('label') ?? '';
-            this.caption.textContent = label;
-            this.setAttribute('aria-label', label);
-        }
-    }
-    registry.define('pptx-ui-ribbon-group', RibbonGroup);
-}
-
-/** Controlled checkbox row sharing the existing checkbox's keyboard and focus behavior. */
-function definePptxRibbonToggle(registry) {
-    if (registry.get('pptx-ui-ribbon-toggle')) {
-        return;
-    }
-    class RibbonToggle extends HTMLElement {
-        static { this.observedAttributes = ['label', 'checked', 'disabled', 'title']; }
-        constructor() {
-            super();
-            const root = this.attachShadow({ mode: 'open' });
-            attachControlStyles(root, `
-:host { display: block; }
-label { display: flex; align-items: center; gap: 4px; min-height: 22px; padding: 0 4px;
-	color: var(--pptx-foreground, #f9fafb); font: inherit; font-size: 10px; white-space: nowrap; cursor: pointer; }
-:host([disabled]) label { color: var(--pptx-muted-foreground, #9ca3af); cursor: not-allowed; }
-@media (pointer: coarse), (max-width: 767px) { label { min-height: 44px; font-size: 12px; } }
-`);
-            const label = document.createElement('label');
-            this.checkbox = document.createElement('pptx-ui-checkbox');
-            this.text = document.createTextNode('');
-            label.append(this.checkbox, this.text);
-            label.addEventListener('click', (event) => {
-                event.preventDefault();
-                if (event.target !== this.checkbox) {
-                    this.checkbox.click();
-                }
-            });
-            this.checkbox.addEventListener('input', (event) => event.stopPropagation());
-            this.checkbox.addEventListener('change', (event) => {
-                event.stopPropagation();
-                const checked = this.checkbox.checked;
-                this.sync();
-                const id = this.getAttribute('data-ribbon-control');
-                if (!this.hasAttribute('disabled') && id) {
-                    this.dispatchEvent(new CustomEvent('toggle-request', {
-                        detail: { id, checked },
-                        bubbles: true,
-                        composed: true,
-                    }));
-                }
-            });
-            root.append(label);
-        }
-        connectedCallback() {
-            this.sync();
-        }
-        attributeChangedCallback() {
-            this.sync();
-        }
-        sync() {
-            const label = this.getAttribute('label') ?? '';
-            this.text.textContent = label;
-            this.checkbox.setAttribute('aria-label', label);
-            this.checkbox.title = this.getAttribute('title') ?? label;
-            this.checkbox.checked = this.hasAttribute('checked');
-            this.checkbox.disabled = this.hasAttribute('disabled');
-        }
-    }
-    registry.define('pptx-ui-ribbon-toggle', RibbonToggle);
-}
-
-const SEARCH_STYLES = `
-:host {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	box-sizing: border-box;
-	width: 100%;
-	height: 40px;
-	padding: 0 12px;
-	border: 1px solid var(--pptx-input, #374151);
-	background: var(--pptx-card, #111827);
-	color: var(--pptx-muted-foreground, #9ca3af);
-	font: inherit;
-}
-:host(:focus-within) { border-color: var(--pptx-ring, #6366f1); }
-:host([variant="titlebar"]) {
-	height: 28px;
-	gap: 7px;
-	padding-inline: 14px;
-	border-color: var(--pptx-border, #374151);
-	border-radius: 6px;
-	background: var(--pptx-background, #030712);
-}
-:host([variant="titlebar"]:focus-within) {
-	border-color: var(--pptx-ring, #6366f1);
-	color: var(--pptx-foreground, #f3f4f6);
-}
-:host([disabled]) { opacity: .5; cursor: not-allowed; }
-svg { width: 16px; height: 16px; flex: none; }
-:host([variant="titlebar"]) svg { width: 14px; height: 14px; }
-input {
-	min-width: 0;
-	width: 100%;
-	height: 100%;
-	flex: 1;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	background: transparent;
-	color: var(--pptx-card-foreground, #f3f4f6);
-	font: inherit;
-	font-size: 13px;
-}
-:host([variant="titlebar"]) input {
-	font-size: 11px;
-	color: var(--pptx-foreground, #f3f4f6);
-}
-input::placeholder {
-	color: var(--pptx-muted-foreground, #9ca3af);
-	opacity: .8;
-}
-input::-webkit-search-cancel-button { display: none; }
-@media (forced-colors: active) {
-	:host {
-		border-color: CanvasText;
-		background: Canvas;
-		color: CanvasText;
-	}
-	:host(:focus-within) {
-		outline: 2px solid Highlight;
-		outline-offset: 2px;
-	}
-	input { color: CanvasText; }
-}
-`;
-
-const SEARCH_ICON = `<svg part="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>`;
-/** A single styled search input for the title bar and recent-files surface. */
-function definePptxSearchField(registry) {
-    if (registry.get('pptx-ui-search')) {
-        return;
-    }
-    class PptxSearchField extends HTMLElement {
-        static { this.observedAttributes = ['placeholder', 'aria-label', 'disabled', 'value']; }
-        constructor() {
-            super();
-            this.currentValue = '';
-            const root = this.attachShadow({ mode: 'open', delegatesFocus: true });
-            attachControlStyles(root, SEARCH_STYLES);
-            const icon = document.createElement('template');
-            icon.innerHTML = SEARCH_ICON;
-            root.append(icon.content.cloneNode(true));
-            this.input = document.createElement('input');
-            this.input.type = 'search';
-            this.input.setAttribute('part', 'input');
-            this.input.addEventListener('input', (event) => {
-                event.stopPropagation();
-                this.currentValue = this.input.value;
-                this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
-            });
-            this.input.addEventListener('change', (event) => {
-                event.stopPropagation();
-                this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
-            });
-            root.append(this.input);
-        }
-        connectedCallback() {
-            this.sync();
-            if (this.hasAttribute('value')) {
-                this.value = this.getAttribute('value') ?? '';
-            }
-        }
-        attributeChangedCallback(name) {
-            if (name === 'value') {
-                this.value = this.getAttribute('value') ?? '';
-            }
-            else {
-                this.sync();
-            }
-        }
-        get value() {
-            return this.currentValue;
-        }
-        set value(next) {
-            this.currentValue = String(next ?? '');
-            if (this.input.value !== this.currentValue) {
-                this.input.value = this.currentValue;
-            }
-        }
-        get disabled() {
-            return this.hasAttribute('disabled');
-        }
-        set disabled(next) {
-            this.toggleAttribute('disabled', Boolean(next));
-        }
-        focus(options) {
-            this.input.focus(options);
-        }
-        select() {
-            this.input.select();
-        }
-        sync() {
-            this.input.placeholder = this.getAttribute('placeholder') ?? '';
-            this.input.setAttribute('aria-label', this.getAttribute('aria-label') ?? this.input.placeholder);
-            this.input.disabled = this.hasAttribute('disabled');
-        }
-    }
-    registry.define('pptx-ui-search', PptxSearchField);
-}
-
-/** Mutations that can change a select's value, labels or font preview. */
-const SELECT_OPTION_ATTRIBUTES = [
-    'value',
-    'disabled',
-    'label',
-    'selected',
-    'hidden',
-    'data-display-label',
-    'data-description',
-    'style',
-];
-/** Flatten options while retaining optgroup labels and disabled state. */
-function collectSelectChoices(options) {
-    return options.map((option) => {
-        const group = option.parentElement instanceof HTMLOptGroupElement ? option.parentElement : null;
-        return {
-            value: option.value,
-            label: option.label || option.textContent?.trim() || '',
-            disabled: option.disabled || Boolean(group?.disabled),
-            hidden: Boolean(option.hidden) || Boolean(group?.hidden),
-            group: group?.label ?? '',
-            ...(option.dataset.displayLabel ? { displayLabel: option.dataset.displayLabel } : {}),
-            ...(option.dataset.description ? { description: option.dataset.description } : {}),
-            ...(option.style.fontFamily ? { fontFamily: option.style.fontFamily } : {}),
-        };
-    });
-}
-/** Build popup options only when the select first opens. */
-function renderSelectMenu(menu, choices, value) {
-    const menuItems = [];
-    let previousGroup = '';
-    choices.forEach((choice, index) => {
-        if (choice.hidden) {
-            return;
-        }
-        if (choice.group && choice.group !== previousGroup) {
-            const heading = document.createElement('div');
-            heading.className = 'group';
-            heading.setAttribute('role', 'presentation');
-            heading.textContent = choice.group;
-            menuItems.push(heading);
-        }
-        previousGroup = choice.group;
-        const item = document.createElement('div');
-        item.className = 'option';
-        item.setAttribute('role', 'option');
-        item.setAttribute('aria-selected', String(choice.value === value));
-        item.setAttribute('aria-disabled', String(choice.disabled));
-        item.id = `${menu.id}-${index}`;
-        item.dataset.index = String(index);
-        item.textContent = choice.displayLabel ?? choice.label;
-        if (choice.fontFamily) {
-            item.style.fontFamily = choice.fontFamily;
-        }
-        if (choice.description) {
-            const description = document.createElement('span');
-            description.className = 'description';
-            description.textContent = choice.description;
-            item.append(description);
-        }
-        menuItems.push(item);
-    });
-    menu.replaceChildren(...menuItems);
-}
-/** Prefer below the trigger, flipping above when it offers more room. */
-function positionSelectMenu(menu, trigger) {
-    const rect = trigger.getBoundingClientRect();
-    const margin = 8;
-    const gap = 4;
-    const width = Math.max(0, window.innerWidth - margin * 2);
-    const below = Math.max(0, window.innerHeight - rect.bottom - gap - margin);
-    const above = Math.max(0, rect.top - gap - margin);
-    menu.style.minWidth = `${Math.min(rect.width, width)}px`;
-    menu.style.maxWidth = `${width}px`;
-    // Measure at the normal height cap before choosing a side. Reset the cap
-    // on every reposition so a previously constrained menu can grow again.
-    const heightCap = trigger.getRootNode() instanceof ShadowRoot &&
-        trigger.getRootNode().host.getAttribute('data-font-picker') === 'family'
-        ? 320
-        : 240;
-    menu.style.maxHeight = `${heightCap}px`;
-    const preferredHeight = menu.getBoundingClientRect().height;
-    const flip = below < preferredHeight && above > below;
-    menu.style.maxHeight = `${Math.min(heightCap, flip ? above : below)}px`;
-    const { height, width: menuWidth } = menu.getBoundingClientRect();
-    menu.style.top = `${Math.max(margin, flip ? rect.top - gap - height : rect.bottom + gap)}px`;
-    menu.style.left = `${Math.max(margin, Math.min(rect.left, window.innerWidth - menuWidth - margin))}px`;
-}
-/** Expose the keyboard target while keeping the selected state separate. */
-function markSelectActive(menu, trigger, active, open) {
-    for (const item of menu.querySelectorAll('[data-index]')) {
-        item.toggleAttribute('data-active', Number(item.dataset.index) === active && open);
-    }
-    if (open && active >= 0) {
-        trigger.setAttribute('aria-activedescendant', `${menu.id}-${active}`);
-    }
-    menu.querySelector('[data-active]')?.scrollIntoView?.({ block: 'nearest' });
-}
-/** Find the next enabled option when navigating with the arrow keys. */
-function nextSelectActive(choices, active, step) {
-    for (let index = 0; index < choices.length; index++) {
-        active = (active + step + choices.length) % choices.length;
-        if (!choices[active].disabled && !choices[active].hidden) {
-            return active;
-        }
-    }
-    return active;
-}
-
-/** React's ribbon presentation, isolated from inspector and dialog selects. */
-const SELECT_RIBBON_STYLES = `
-:host([variant^="ribbon-"][disabled]) { opacity: .4; }
-:host([variant^="ribbon-"]) button {
-	height: 28px; min-height: 28px; padding: 4px 8px; gap: 4px;
-	border: 1px solid color-mix(in oklab, var(--pptx-border) 60%, transparent);
-	border-radius: 3px; font-size: 12px; line-height: 18px;
-	background: color-mix(in oklab, var(--pptx-background) 60%, transparent);
-	color: var(--pptx-foreground);
-}
-:host([variant^="ribbon-"]) .value { flex: 1; min-width: 0; }
-:host([variant^="ribbon-"]) .chevron {
-	width: 16px; height: 16px; margin: 0; border: 0; transform: none;
-}
-:host([variant^="ribbon-"]) .chevron svg { display: block; width: 16px; height: 16px; }
-:host([variant="ribbon-font"]) .chevron { color: var(--pptx-muted-foreground); }
-:host([variant="ribbon-font"][data-font-picker="size"]) button { padding-inline: 6px; }
-:host([variant="ribbon-icon"]) button {
-	width: 36px; gap: 6px; padding: 6px 10px; border: 0; font-size: 12px; line-height: 16px;
-	background: var(--pptx-muted); justify-content: center;
-}
-:host([variant="ribbon-icon"]) :is(.value, .chevron) { display: none; }
-::slotted(svg[slot="icon"]) { display: block; width: 16px; height: 16px; flex: none; }
-:host([variant^="ribbon-"]) button:hover:not(:disabled) { background: var(--pptx-accent); }
-:host([variant^="ribbon-"]) .menu {
-	width: 192px; padding: 4px 0; border-radius: 8px; font-size: 12px; line-height: 16px;
-}
-:host([data-font-picker="family"]) .menu { width: 256px; }
-:host([variant^="ribbon-"]) .option {
-	display: flex; justify-content: space-between; gap: 12px; padding: 6px 12px; border-radius: 0;
-}
-:host([variant^="ribbon-"]) .option[aria-selected="true"] {
-	background: transparent; color: var(--pptx-foreground);
-}
-:host([variant^="ribbon-"]) .option:hover,
-:host([variant^="ribbon-"]) .option[data-active] { background: var(--pptx-muted); filter: none; }
-:host([variant^="ribbon-"]) .group {
-	padding: 8px 12px 4px; text-transform: uppercase; letter-spacing: .25px;
-	font-size: 10px; line-height: 15px;
-}
-@media (max-width: 767px) {
-  :host([variant^="ribbon-"]) button { height: 44px; min-height: 44px; }
-}
-.description { flex: none; color: var(--pptx-muted-foreground); font-size: 10px; line-height: 15px; }
-`;
-
-const SELECT_STYLES = `
-:host {
-	display: inline-block;
-	box-sizing: border-box;
-	min-width: 0;
-	max-width: 100%;
-	border: 0 !important;
-	padding: 0 !important;
-	background: transparent !important;
-	box-shadow: none !important;
-	color: var(--pptx-foreground, #e2e8f0);
-	font: inherit;
-	font-size: 12px;
-	vertical-align: middle;
-}
-:host([disabled]) { opacity: .5; cursor: not-allowed; }
-button {
-	box-sizing: border-box;
-	width: 100%;
-	min-height: 28px;
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	gap: 10px;
-	padding: 4px 7px;
-	border: 1px solid var(--pptx-border, #3f3f52);
-	border-radius: 5px;
-	background: var(--pptx-select-control-bg, var(--pptx-background, #11111b));
-	color: inherit;
-	font: inherit;
-	font-size: inherit;
-	text-align: left;
-	cursor: pointer;
-}
-:host(.bg-muted) button { background: var(--pptx-muted, #1f2937); }
-:host(.bg-popover) button { background: var(--pptx-popover, #111827); }
-button:focus-visible {
-	outline: 2px solid var(--pptx-ring, #6366f1);
-	outline-offset: 2px;
-}
-button:disabled { cursor: not-allowed; }
-@media (pointer: coarse), (max-width: 767px) {
-	button { min-height: 44px; }
-}
-.value {
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-.chevron svg { display: none; }
-.chevron {
-	flex: none;
-	width: 6px;
-	height: 6px;
-	margin: 0 2px 3px 0;
-	border-right: 1.5px solid currentColor;
-	border-bottom: 1.5px solid currentColor;
-	transform: rotate(45deg);
-}
-:host([open]) .chevron {
-	margin: 3px 2px 0 0;
-	transform: rotate(225deg);
-}
-.menu {
-	box-sizing: border-box;
-	position: fixed;
-	margin: 0;
-	padding: 4px;
-	min-width: 90px;
-	max-height: min(240px, 50vh);
-	overflow: auto;
-	border: 1px solid var(--pptx-border, #3f3f52);
-	border-radius: 5px;
-	background: var(--pptx-popover, var(--pptx-background, #11111b));
-	color: var(--pptx-popover-foreground, var(--pptx-foreground, #e2e8f0));
-	box-shadow: 0 8px 20px #0004;
-	font: inherit;
-	font-size: inherit;
-}
-.menu:not(:popover-open):not([data-fallback-open]) { display: none; }
-.option {
-	display: block;
-	box-sizing: border-box;
-	width: 100%;
-	padding: 6px 8px;
-	border-radius: 3px;
-	cursor: pointer;
-	white-space: nowrap;
-}
-.group {
-	padding: 7px 8px 3px;
-	color: var(--pptx-muted-foreground, #9ca3af);
-	font-size: .9em;
-	font-weight: 600;
-}
-.option:not([aria-disabled="true"]):hover,
-.option[data-active]:not([aria-selected="true"]) {
-	background: color-mix(in srgb, var(--pptx-primary, #e86a40) 20%, var(--pptx-popover, #11111b));
-}
-.option[aria-selected="true"] {
-	background: var(--pptx-primary, #e86a40);
-	color: var(--pptx-primary-foreground, #fff);
-}
-.option[aria-selected="true"]:hover { filter: brightness(1.08); }
-.option[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
-@media (forced-colors: active) {
-	button, .menu {
-		border-color: CanvasText;
-		background: Canvas;
-		color: CanvasText;
-	}
-	.option[aria-selected="true"],
-	.option[data-active],
-	.option:not([aria-disabled="true"]):hover {
-		background: Highlight;
-		color: HighlightText;
-	}
-}
-${SELECT_RIBBON_STYLES}
-`;
-
-/** Slots let ribbon controls retain their canonical icon and optional custom entry. */
-function createSelectTrigger() {
-    const trigger = document.createElement('button');
-    trigger.type = 'button';
-    trigger.setAttribute('part', 'trigger');
-    trigger.setAttribute('role', 'combobox');
-    trigger.setAttribute('aria-haspopup', 'listbox');
-    trigger.setAttribute('aria-expanded', 'false');
-    const icon = document.createElement('slot');
-    icon.name = 'icon';
-    const text = document.createElement('span');
-    text.className = 'value';
-    text.setAttribute('part', 'value');
-    const chevron = document.createElement('span');
-    chevron.className = 'chevron';
-    chevron.setAttribute('part', 'indicator');
-    chevron.setAttribute('aria-hidden', 'true');
-    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svg.setAttribute('viewBox', '0 0 24 24');
-    svg.setAttribute('fill', 'none');
-    svg.setAttribute('stroke', 'currentColor');
-    svg.setAttribute('stroke-width', '2');
-    svg.setAttribute('stroke-linecap', 'round');
-    svg.setAttribute('stroke-linejoin', 'round');
-    const path = document.createElementNS(svg.namespaceURI, 'path');
-    path.setAttribute('d', 'm6 9 6 6 6-6');
-    svg.append(path);
-    chevron.append(svg);
-    trigger.append(icon, text, chevron);
-    return { trigger, text };
-}
-/** Optional editable content stays in the light DOM so bindings own its events. */
-function prependSelectCustomSlot(host, menu) {
-    if (host.querySelector('[slot="custom"]')) {
-        const custom = document.createElement('slot');
-        custom.name = 'custom';
-        menu.prepend(custom);
-    }
-}
-
-/** Create the base only in a browser; shared imports also run during SSR. */
-function createSelectValueElement() {
-    class SelectValueElement extends HTMLElement {
-        get value() {
-            const requested = this.getAttribute('value');
-            const options = this.options;
-            if (this.getAttribute('variant') === 'ribbon-font' && requested !== null) {
-                return requested;
-            }
-            if (requested !== null &&
-                (!options.length || options.some((option) => option.value === requested))) {
-                return requested;
-            }
-            return (options.find((option) => option.selected)?.value ??
-                options.find((option) => !option.disabled && !option.closest('optgroup[disabled]') && !option.hidden)?.value ??
-                options[0]?.value ??
-                requested ??
-                '');
-        }
-        set value(next) {
-            this.setAttribute('value', String(next ?? ''));
-        }
-        get options() {
-            return [...this.querySelectorAll('option')];
-        }
-        get selectedIndex() {
-            return this.options.findIndex((option) => option.value === this.value);
-        }
-        set selectedIndex(index) {
-            this.value = this.options[index]?.value ?? '';
-        }
-    }
-    return SelectValueElement;
-}
-
-let nextSelectId = 0;
-/** A select-only combobox with one popup and event contract in every binding. */
-function definePptxSelect(registry) {
-    if (registry.get('pptx-ui-select')) {
-        return;
-    }
-    class PptxSelect extends createSelectValueElement() {
-        static { this.formAssociated = true; }
-        static { this.observedAttributes = ['value', 'disabled', 'aria-label']; }
-        constructor() {
-            super();
-            this.refreshFrame = 0;
-            this.choices = [];
-            this.active = -1;
-            this.open = false;
-            this.search = '';
-            this.searchTimer = 0;
-            this.defaultValue = '';
-            this.onOutside = (event) => {
-                if (!event.composedPath().includes(this)) {
-                    this.close();
-                }
-            };
-            this.position = () => {
-                if (!this.open) {
-                    return;
-                }
-                positionSelectMenu(this.menu, this.trigger);
-            };
-            try {
-                this.internals = this.attachInternals();
-            }
-            catch {
-                this.internals = undefined;
-            }
-            const root = this.attachShadow({ mode: 'open', delegatesFocus: true });
-            attachControlStyles(root, SELECT_STYLES);
-            ({ trigger: this.trigger, text: this.text } = createSelectTrigger());
-            this.menu = document.createElement('div');
-            this.menu.className = 'menu';
-            this.menu.id = `pptx-ui-select-options-${++nextSelectId}`;
-            this.menu.setAttribute('role', 'listbox');
-            this.menu.setAttribute('popover', 'manual');
-            this.menu.setAttribute('part', 'popup');
-            this.trigger.setAttribute('aria-controls', this.menu.id);
-            root.append(this.trigger, this.menu);
-            this.trigger.addEventListener('click', () => (this.open ? this.close() : this.show()));
-            this.trigger.addEventListener('keydown', (event) => this.onKeyDown(event));
-            this.menu.addEventListener('pointerdown', (event) => {
-                if (event.target.closest('[data-index]')) {
-                    event.preventDefault();
-                }
-            });
-            this.menu.addEventListener('click', (event) => {
-                const target = event.target.closest('[data-index]');
-                if (target) {
-                    this.commit(Number(target.dataset.index));
-                }
-            });
-            this.observer = new MutationObserver(() => {
-                // Let bindings finish updating their option nodes before touching the shadow DOM.
-                if (!this.refreshFrame) {
-                    this.refreshFrame = requestAnimationFrame(() => {
-                        this.refreshFrame = 0;
-                        this.refresh();
-                    });
-                }
-            });
-        }
-        connectedCallback() {
-            this.defaultValue = this.getAttribute('value') ?? '';
-            this.observer.observe(this, {
-                childList: true,
-                subtree: true,
-                attributes: true,
-                characterData: true,
-                attributeFilter: SELECT_OPTION_ATTRIBUTES,
-            });
-            this.refresh();
-        }
-        disconnectedCallback() {
-            this.close();
-            window.clearTimeout(this.searchTimer);
-            this.searchTimer = 0;
-            this.search = '';
-            this.observer.disconnect();
-            cancelAnimationFrame(this.refreshFrame);
-            this.refreshFrame = 0;
-        }
-        attributeChangedCallback() {
-            this.refresh();
-        }
-        get disabled() {
-            return this.hasAttribute('disabled');
-        }
-        set disabled(next) {
-            this.toggleAttribute('disabled', Boolean(next));
-        }
-        focus(options) {
-            this.trigger.focus(options);
-        }
-        formResetCallback() {
-            this.value = this.defaultValue;
-        }
-        formDisabledCallback(disabled) {
-            this.disabled = disabled;
-        }
-        refresh() {
-            if (!this.trigger) {
-                return;
-            }
-            const options = [...this.querySelectorAll('option')];
-            this.choices = collectSelectChoices(options);
-            if (!this.hasAttribute('value') && this.choices.length) {
-                this.value =
-                    options.find((option) => option.selected)?.value ??
-                        this.choices.find((choice) => !choice.disabled && !choice.hidden)?.value ??
-                        this.choices[0].value;
-            }
-            this.text.textContent =
-                this.choices.find((choice) => choice.value === this.value)?.displayLabel ??
-                    this.choices.find((choice) => choice.value === this.value)?.label ??
-                    this.value;
-            this.trigger.disabled = this.disabled;
-            if (this.disabled) {
-                this.close();
-            }
-            this.trigger.setAttribute('aria-label', this.getAttribute('aria-label') ?? '');
-            this.internals?.setFormValue?.(this.disabled ? null : this.value);
-            if (this.open || this.menu.childElementCount) {
-                this.renderMenu();
-            }
-        }
-        renderMenu() {
-            renderSelectMenu(this.menu, this.choices, this.value);
-            prependSelectCustomSlot(this, this.menu);
-            markSelectActive(this.menu, this.trigger, this.active, this.open);
-        }
-        show() {
-            if (this.disabled ||
-                !this.choices.some((choice) => !choice.disabled && !choice.hidden) ||
-                this.open) {
-                return;
-            }
-            this.open = true;
-            this.setAttribute('open', '');
-            const selected = this.choices.findIndex((choice) => choice.value === this.value && !choice.disabled && !choice.hidden);
-            this.active =
-                selected >= 0
-                    ? selected
-                    : this.choices.findIndex((choice) => !choice.disabled && !choice.hidden);
-            this.renderMenu();
-            if (typeof this.menu.showPopover === 'function') {
-                this.menu.showPopover();
-            }
-            else {
-                this.menu.dataset.fallbackOpen = '';
-            }
-            this.trigger.setAttribute('aria-expanded', 'true');
-            this.position();
-            markSelectActive(this.menu, this.trigger, this.active, this.open);
-            document.addEventListener('pointerdown', this.onOutside, true);
-            window.addEventListener('resize', this.position);
-            window.addEventListener('scroll', this.position, true);
-        }
-        close() {
-            if (!this.open) {
-                return;
-            }
-            this.open = false;
-            window.clearTimeout(this.searchTimer);
-            this.search = '';
-            this.removeAttribute('open');
-            if (this.menu.matches(':popover-open')) {
-                this.menu.hidePopover();
-            }
-            delete this.menu.dataset.fallbackOpen;
-            this.trigger.setAttribute('aria-expanded', 'false');
-            this.trigger.removeAttribute('aria-activedescendant');
-            document.removeEventListener('pointerdown', this.onOutside, true);
-            window.removeEventListener('resize', this.position);
-            window.removeEventListener('scroll', this.position, true);
-        }
-        move(step) {
-            if (!this.open) {
-                this.show();
-            }
-            if (!this.open) {
-                return;
-            }
-            this.active = nextSelectActive(this.choices, this.active, step);
-            markSelectActive(this.menu, this.trigger, this.active, this.open);
-        }
-        commit(index) {
-            const choice = this.choices[index];
-            if (!choice || choice.disabled || choice.hidden) {
-                return;
-            }
-            const changed = this.value !== choice.value;
-            this.value = choice.value;
-            this.close();
-            this.trigger.focus();
-            if (changed) {
-                this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
-                this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
-            }
-        }
-        onKeyDown(event) {
-            if (this.disabled) {
-                return;
-            }
-            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
-                event.preventDefault();
-                event.stopPropagation();
-                this.move(event.key === 'ArrowDown' ? 1 : -1);
-            }
-            else if (event.key === 'Home' || event.key === 'End') {
-                event.preventDefault();
-                event.stopPropagation();
-                this.show();
-                this.active =
-                    event.key === 'Home'
-                        ? nextSelectActive(this.choices, -1, 1)
-                        : nextSelectActive(this.choices, 0, -1);
-                markSelectActive(this.menu, this.trigger, this.active, this.open);
-            }
-            else if (event.key === 'Enter' || event.key === ' ') {
-                event.preventDefault();
-                event.stopPropagation();
-                if (this.open) {
-                    this.commit(this.active);
-                }
-                else {
-                    this.show();
-                }
-            }
-            else if (event.key === 'Escape' && this.open) {
-                event.preventDefault();
-                event.stopPropagation();
-                this.close();
-                this.trigger.focus();
-            }
-            else if (event.key === 'Tab') {
-                this.close();
-            }
-            else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
-                event.stopPropagation();
-                this.search += event.key.toLocaleLowerCase();
-                window.clearTimeout(this.searchTimer);
-                this.searchTimer = window.setTimeout(() => {
-                    this.search = '';
-                }, 700);
-                this.show();
-                const index = this.choices.findIndex((choice) => !choice.disabled &&
-                    !choice.hidden &&
-                    choice.label.toLocaleLowerCase().startsWith(this.search));
-                if (index >= 0) {
-                    this.active = index;
-                    markSelectActive(this.menu, this.trigger, this.active, this.open);
-                }
-            }
-        }
-    }
-    registry.define('pptx-ui-select', PptxSelect);
-}
-
 /**
  * Resolve `element`'s custom-geometry outline, re-evaluating it against
  * `element.shapeAdjustments` when `customGeometryRawData` is available so an
@@ -28719,7 +27882,10 @@ function buildChartStylePresets(chartData) {
             id,
             labelKey,
             colors,
-            applied: paletteEquals(colors, chartData.colorPalette),
+            applied: paletteEquals(colors, chartData.colorPalette) ||
+                (!chartData.colorPalette &&
+                    Boolean(chartData.series?.length) &&
+                    chartData.series.every((series, index) => series.color?.toLowerCase() === colors[index % colors.length]?.toLowerCase())),
         };
     });
 }
@@ -57293,6 +56459,8 @@ const translationsEn = {
     'pptx.ribbon.width': 'Width',
     'pptx.ribbon.strokeWidth': 'Stroke width',
     'pptx.ribbon.browseThemes': 'Browse Themes',
+    'pptx.ribbon.groupThemes': 'Themes',
+    'pptx.ribbon.groupCustomize': 'Customize',
     'pptx.ribbon.browseThemesTitle': 'Browse and apply built-in themes',
     'pptx.ribbon.theme.default': 'Default',
     'pptx.ribbon.theme.light': 'Light (Vermilion)',
@@ -58538,6 +57706,7 @@ const translationsEn = {
     'pptx.review.hideInk': 'Hide Ink',
     'pptx.review.markAllRead': 'Mark All as Read',
     'pptx.review.proofing': 'Proofing',
+    'pptx.review.ink': 'Ink',
     'pptx.review.protect': 'Protect',
     'pptx.review.readOnly': 'Always Open Read-Only',
     'pptx.review.restrictPermission': 'Restrict Permission',
@@ -84210,6 +83379,143 @@ const HELP_RIBBON_COMMANDS = [
     },
 ];
 
+const DESIGN_RIBBON_GROUPS = [
+    { id: 'design.themes', labelKey: 'pptx.ribbon.groupThemes' },
+    { id: 'design.variants', labelKey: 'pptx.ribbon.groupVariants' },
+    { id: 'design.customize', labelKey: 'pptx.ribbon.groupCustomize' },
+];
+function designCommandState(id, state) {
+    const slideSize = id === 'design.customize.slideSize';
+    const background = id === 'design.customize.formatBackground';
+    const active = id === 'design.themes.browseThemes'
+        ? state.galleryOpen
+        : id === 'design.themes.editTheme'
+            ? state.editorOpen
+            : background
+                ? state.backgroundOpen
+                : false;
+    return {
+        disabled: !slideSize && !state.editable,
+        active: Boolean(active),
+        expanded: slideSize ? undefined : Boolean(active),
+        hidden: (slideSize && state.hasSlideSize === false) || (background && state.hasBackground === false),
+    };
+}
+/** Presentation only: adapters retain their gallery, editor and inspector actions. */
+const DESIGN_RIBBON_COMMANDS = [
+    {
+        id: 'design.themes.browseThemes',
+        labelKey: 'pptx.ribbon.browseThemes',
+        titleKey: 'pptx.ribbon.browseThemesTitle',
+        icon: 'palette',
+    },
+    {
+        id: 'design.themes.editTheme',
+        labelKey: 'pptx.ribbon.editTheme',
+        titleKey: 'pptx.design.editThemeTooltip',
+        icon: 'pencil',
+    },
+    {
+        id: 'design.customize.slideSize',
+        labelKey: 'pptx.ribbon.slideSize',
+        titleKey: 'pptx.ribbon.slideSizeTitle',
+        icon: 'monitor',
+    },
+    {
+        id: 'design.customize.formatBackground',
+        labelKey: 'pptx.ribbon.formatBackground',
+        titleKey: 'pptx.ribbon.formatBackgroundTitle',
+        icon: 'paint',
+    },
+];
+
+/** Seven canonical groups with host-controlled availability and native intents. */
+function buildReviewRibbon(t, state) {
+    const label = (key, fallback) => {
+        const value = t(key);
+        return value && value !== key ? value : fallback;
+    };
+    const command = (id, key, fallback, icon, options = {}) => ({ id, label: label(key, fallback), icon, ...options });
+    const group = (id, key, fallback, commands) => ({ id, label: label(key, fallback), commands });
+    return [
+        group('review.proofing', 'pptx.review.proofing', 'Proofing', [
+            command('review.proofing.spelling', 'pptx.review.spelling', 'Spelling', 'spelling', {
+                active: state.spellCheck,
+                pressed: state.spellCheck,
+                disabled: state.canSpellCheck === false,
+                title: label('pptx.review.toggleSpellCheck', 'Toggle spell check'),
+            }),
+            command('review.proofing.thesaurus', 'pptx.review.thesaurus', 'Thesaurus', 'book', {
+                disabled: true,
+            }),
+        ]),
+        group('review.accessibility', 'pptx.review.accessibility', 'Accessibility', [
+            command('review.accessibility.check', 'pptx.review.accessibilityCheck', 'Check Accessibility', 'shield', { disabled: state.canAccessibility === false, active: state.accessibilityOpen }),
+        ]),
+        group('review.language', 'pptx.review.language', 'Language', [
+            command('review.language.translate', 'pptx.review.translate', 'Translate', 'languages', {
+                disabled: true,
+            }),
+            command('review.language.language', 'pptx.review.language', 'Language', 'globe', {
+                disabled: !state.canLanguage,
+                hidden: state.languageHidden,
+            }),
+        ]),
+        group('review.compare', 'pptx.review.changes', 'Changes', [
+            command('review.compare.markAllRead', 'pptx.review.markAllRead', 'Mark All as Read', 'copy', {
+                disabled: true,
+            }),
+            command('review.compare.compare', 'pptx.ribbon.compare', 'Compare', 'compare', {
+                disabled: !state.editable || !state.canCompare,
+                hidden: !state.canCompare,
+                title: label('pptx.ribbon.compareTitle', 'Compare presentations'),
+            }),
+        ]),
+        group('review.comments', 'pptx.toolbar.comments', 'Comments', [
+            command('review.comments.newComment', 'pptx.toolbar.comments', 'Comments', 'messagePlus', {
+                disabled: !state.canComments,
+                active: state.commentsOpen,
+                expanded: state.commentsOpen,
+                badge: state.commentCount,
+                title: label('pptx.review.toggleComments', 'Toggle comments'),
+            }),
+            command('review.comments.delete', 'pptx.common.delete', 'Delete', 'trash', {
+                disabled: true,
+                compact: true,
+                column: 1,
+            }),
+            command('review.comments.previous', 'pptx.common.previous', 'Previous', 'chevronLeft', {
+                disabled: true,
+                compact: true,
+                column: 1,
+            }),
+            command('review.comments.next', 'pptx.common.next', 'Next', 'chevronRight', {
+                disabled: true,
+                compact: true,
+                column: 2,
+            }),
+            command('review.comments.showComments', 'pptx.review.showComments', 'Show Comments', 'message', {
+                disabled: !state.canComments,
+                active: state.commentsOpen,
+                expanded: state.commentsOpen,
+                compact: true,
+                column: 2,
+            }),
+        ]),
+        group('review.protect', 'pptx.review.protect', 'Protect', [
+            command('review.protect.readOnly', 'pptx.review.readOnly', 'Always Open Read-only', 'lock', {
+                disabled: true,
+            }),
+            command('review.protect.restrictPermission', 'pptx.review.restrictPermission', 'Restrict Permission', 'shield', { disabled: true }),
+        ]),
+        group('review.ink', 'pptx.review.ink', 'Ink', [
+            command('review.ink.hideInk', 'pptx.review.hideInk', 'Hide Ink', 'eyeOff', {
+                disabled: true,
+            }),
+        ]),
+    ];
+}
+
 /**
  * The layout PowerPoint's Home > Reset re-applies to the active slide,
  * restoring inherited placeholder geometry and formatting. Returns undefined
@@ -109700,7 +109006,7 @@ const RIBBON_CATALOG_TAIL_TABS = {
     review: {
         proofing: { label: 'Proofing', controls: { spelling: 'Spelling', thesaurus: 'Thesaurus' } },
         accessibility: { label: 'Accessibility', controls: { check: 'Check Accessibility' } },
-        language: { label: 'Language', controls: { translate: 'Translate' } },
+        language: { label: 'Language', controls: { translate: 'Translate', language: 'Language' } },
         comments: {
             label: 'Comments',
             controls: {
@@ -113889,9 +113195,59 @@ function applyShapeStylesItem(itemId, ctx) {
     };
 }
 
+/** Update the editable node colors without changing authored geometry or connector styles. */
+function smartArtColorPatch(data, fillColors) {
+    const original = data.colorTransform;
+    const roles = original?.roleColors ??
+        Object.fromEntries((original?.labels ?? [{ name: 'node0' }, { name: 'node1' }]).map((label) => [
+            label.name,
+            { fill: [], line: [] },
+        ]));
+    const roleColors = Object.fromEntries(Object.entries(roles).map(([name, colors]) => [
+        name,
+        /^node\d+$/u.test(name) ? { ...colors, fill: [...fillColors] } : colors,
+    ]));
+    const flat = flattenNodes(data.nodes);
+    const shapes = data.drawingShapes;
+    return {
+        colorTransformDirty: true,
+        colorTransform: {
+            ...original,
+            fillColors: [...fillColors],
+            lineColors: original?.lineColors ?? [],
+            roleColors,
+            fillInterpolation: { method: 'cycle' },
+            labels: original?.labels?.map((label) => /^node\d+$/u.test(label.name)
+                ? { ...label, fill: { ...label.fill, method: 'cycle' } }
+                : label),
+        },
+        drawingDirty: Boolean(shapes?.length),
+        drawingShapes: shapes?.map((shape, index) => {
+            const nodeId = resolveDrawingShapeNodeId(shape, index, shapes, data.nodes);
+            const nodeIndex = flat.findIndex((node) => node.id === nodeId);
+            return nodeIndex < 0
+                ? shape
+                : {
+                    ...shape,
+                    fillColor: fillColors[nodeIndex % fillColors.length],
+                    fillGradientStops: undefined,
+                    fillGradientType: undefined,
+                    fillGradientAngle: undefined,
+                };
+        }),
+    };
+}
+
 /** `data` with `patch` merged, drawing shapes rebuilt when a structural edit cleared them. */
 function applySmartArtDataPatch(data, patch, box, elementId = 'inspector') {
     const next = { ...data, ...patch };
+    if (patch.style !== undefined) {
+        next.quickStyleDirty = true;
+        next.quickStyle = {
+            ...next.quickStyle,
+            effectIntensity: patch.style === 'flat' ? 'subtle' : patch.style,
+        };
+    }
     return box
         ? rebuildDrawingShapesIfCleared(next, next.layout, resolvePalette(next), next.style ?? 'flat', elementId, box)
         : next;
@@ -114002,8 +113358,15 @@ const SMARTART_COLORS_GALLERY = {
     build(ctx) {
         const element = ctx.element;
         const data = element?.type === 'smartArt' ? element.smartArtData : undefined;
-        const current = data ? (data.colorScheme ?? 'colorful1') : undefined;
         const scheme = galleryColorScheme(ctx);
+        const fills = data?.colorTransform?.fillColors;
+        const matched = fills?.length
+            ? SMARTART_COLOR_ENTRIES.find((entry) => entry.accents.length === fills.length &&
+                entry.accents.every((accent, index) => scheme[accent].toLowerCase() === fills[index].toLowerCase()))?.id
+            : undefined;
+        const current = data
+            ? (data.colorScheme ?? matched ?? (fills?.length ? undefined : 'colorful1'))
+            : undefined;
         const sections = SECTIONS.map((section) => ({
             id: section.id,
             titleKey: `pptx.gallery.smartArtColors.section.${section.id}`,
@@ -114033,7 +113396,14 @@ const SMARTART_COLORS_GALLERY = {
     },
     apply(itemId, ctx) {
         const entry = SMARTART_COLOR_ENTRIES.find((candidate) => candidate.id === itemId);
-        const patch = entry ? smartArtElementPatch(ctx.element, { colorScheme: entry.id }) : null;
+        const data = ctx.element?.type === 'smartArt' ? ctx.element.smartArtData : undefined;
+        const scheme = galleryColorScheme(ctx);
+        const patch = entry && data
+            ? smartArtElementPatch(ctx.element, {
+                colorScheme: entry.id,
+                ...smartArtColorPatch(data, entry.accents.map((accent) => scheme[accent])),
+            })
+            : null;
         return patch ? { kind: 'element', ...patch } : null;
     },
 };
@@ -114043,7 +113413,10 @@ const SMARTART_STYLES_GALLERY = {
     build(ctx) {
         const element = ctx.element;
         const data = element?.type === 'smartArt' ? element.smartArtData : undefined;
-        const current = data ? (data.style ?? 'flat') : undefined;
+        const intensity = data?.quickStyle?.effectIntensity;
+        const current = data
+            ? (data.style ?? (intensity === 'moderate' || intensity === 'intense' ? intensity : 'flat'))
+            : undefined;
         const accent1 = galleryColorScheme(ctx).accent1;
         return {
             id: 'smartArtStyles',
@@ -115576,6 +114949,13 @@ function galleryItemLabel(item, translate) {
     const translated = translate(item.labelKey, item.labelParams);
     return translated && translated !== item.labelKey ? translated : item.label;
 }
+function galleryTextLabel(translate, key, fallback) {
+    if (!key) {
+        return fallback;
+    }
+    const translated = translate(key);
+    return translated && translated !== key ? translated : fallback;
+}
 
 function rect(x, y, width, height, rx) {
     return {
@@ -118463,8 +117843,8 @@ function resetThreeRendererHostForTests() {
 }
 
 const loaders = {
-    chart: async () => (await import('./pptx-angular-viewer-chart-3d-view-scene-D-8RhIEx.mjs')).mountChart3DView,
-    smartart: async () => (await import('./pptx-angular-viewer-view-scene-DK5uoxBI.mjs')).mountSmartArt3DView,
+    chart: async () => (await import('./pptx-angular-viewer-chart-3d-view-scene-B2GMxwCZ.mjs')).mountChart3DView,
+    smartart: async () => (await import('./pptx-angular-viewer-view-scene-yiGd2Mi4.mjs')).mountSmartArt3DView,
 };
 /** Resolve the scene factory for a spec kind. */
 async function loadThreeViewScene(kind) {
@@ -123807,6 +123187,1312 @@ function themeEditorHex(value) {
  *               recalculation when connected shapes move + connection sites).
  */
 
+const host = 'pptx-ui-ribbon-gallery';
+const CSS$1 = `
+${host} { display:inline-flex; position:relative; flex:none; color:var(--pptx-foreground,#f9fafb); }
+${host} .gallery-view { display:contents; }
+${host} button { box-sizing:border-box; font:inherit; color:inherit; cursor:pointer; border:1px solid var(--pptx-border,#374151); border-radius:4px; background:var(--pptx-background,#111827); }
+${host} button:hover:not(:disabled) { background:var(--pptx-accent,#33334d); }
+${host} button:disabled { opacity:.4; cursor:not-allowed; }
+${host} button:focus-visible { outline:2px solid var(--pptx-ring,#6366f1); outline-offset:2px; }
+${host} .trigger { display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:4px 8px; font-size:11px; white-space:nowrap; }
+${host} .trigger svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
+${host}[mode=inline] .trigger, ${host}[chevron-only] .trigger { align-self:stretch; padding:0 4px; }
+${host} .strip { display:flex; gap:2px; padding:2px; align-items:center; }
+${host} .tile { display:inline-flex; align-items:center; justify-content:center; flex:none; padding:2px; }
+${host} .tile[aria-pressed=true] { border:2px solid var(--pptx-primary,#6366f1); background:color-mix(in srgb,var(--pptx-primary,#6366f1) 15%,var(--pptx-background,#111827)); }
+${host} .tile svg { max-width:100%; max-height:100%; }
+${host} .popup { box-sizing:border-box; position:fixed; z-index:1200; max-width:calc(100vw - 16px); max-height:65vh; overflow:auto; padding:8px; border:1px solid var(--pptx-border,#374151); border-radius:6px; background:var(--pptx-popover,#111827); color:var(--pptx-popover-foreground,#f9fafb); box-shadow:0 8px 24px #0006; }
+${host} .popup[hidden] { display:none; }
+${host} .grid { display:grid; gap:4px; width:max-content; max-width:100%; }
+${host} .heading { margin:4px 0 6px; font-size:11px; font-weight:600; }
+${host} .section + .section { margin-top:10px; }
+@media (pointer:coarse), (max-width:1023px) {
+ ${host} .trigger, ${host} .tile { min-height:44px; min-width:44px; }
+ ${host} .popup { max-height:60vh; }
+}
+@media (forced-colors:active) {
+ ${host} button, ${host} .popup { color:ButtonText; background:Canvas; border-color:ButtonText; }
+ ${host} button:disabled { color:GrayText; opacity:1; }
+ ${host} button:focus-visible, ${host} .tile[aria-pressed=true] { outline:2px solid Highlight; border-color:Highlight; }
+}
+`;
+/** Preserve the public light-DOM gallery hooks while scoping every shared rule. */
+function attachRibbonGalleryStyles(doc) {
+    if (!doc.getElementById('pptx-ui-gallery-styles')) {
+        const style = doc.createElement('style');
+        style.id = 'pptx-ui-gallery-styles';
+        style.textContent = CSS$1;
+        doc.head.append(style);
+    }
+}
+
+/** All gallery markup is owned here; callers only supply shared descriptors and intents. */
+function createRibbonGalleryView(doc, pick, toggle) {
+    const root = doc.createElement('span');
+    root.className = 'gallery-view';
+    const strip = doc.createElement('div');
+    strip.className = 'strip';
+    const trigger = doc.createElement('button');
+    trigger.type = 'button';
+    trigger.className = 'trigger';
+    trigger.setAttribute('data-pptx-compact', '');
+    trigger.setAttribute('aria-haspopup', 'dialog');
+    trigger.addEventListener('click', toggle);
+    const popup = doc.createElement('div');
+    popup.className = 'popup';
+    popup.hidden = true;
+    popup.setAttribute('role', 'dialog');
+    root.append(strip, trigger);
+    const caption = (t, key, fallback) => {
+        const translated = t(key);
+        return translated && translated !== key ? translated : fallback;
+    };
+    const tile = (item, width, height, disabled, t) => {
+        const button = doc.createElement('button');
+        button.type = 'button';
+        button.className = 'tile';
+        button.setAttribute('data-pptx-compact', '');
+        button.dataset.galleryItem = item.id;
+        button.disabled = disabled;
+        button.setAttribute('aria-pressed', String(item.applied));
+        button.setAttribute('aria-label', galleryItemLabel(item, t));
+        button.title = galleryItemLabel(item, t);
+        button.style.width = `${width + 6}px`;
+        button.style.height = `${height + 6}px`;
+        // Generated by the shared catalogue from trusted geometry and escaped theme data.
+        button.innerHTML = item.previewSvg;
+        button.addEventListener('click', () => pick(item.id));
+        return button;
+    };
+    return {
+        root,
+        trigger,
+        popup,
+        clear() {
+            strip.replaceChildren();
+            popup.replaceChildren();
+            trigger.removeAttribute('data-ribbon-gallery');
+            trigger.removeAttribute('aria-label');
+            trigger.textContent = '';
+        },
+        setOpen(open) {
+            popup.hidden = !open;
+            if (open) {
+                root.append(popup);
+            }
+            else {
+                popup.remove();
+            }
+        },
+        paint(descriptor, t, disabled, inline, chevronOnly, icon, open, controlId) {
+            const title = caption(t, descriptor.labelKey, descriptor.label);
+            trigger.dataset.ribbonGallery = descriptor.id;
+            popup.dataset.ribbonGalleryPopup = descriptor.id;
+            const more = t('pptx.gallery.more', { name: title });
+            trigger.title = inline ? (more === 'pptx.gallery.more' ? `More ${title}` : more) : title;
+            trigger.setAttribute('aria-label', trigger.title);
+            trigger.disabled = disabled;
+            trigger.replaceChildren();
+            if (!inline && !chevronOnly) {
+                const svg = controlId && RIBBON_CONTROL_ICONS[controlId]
+                    ? createRibbonControlIcon(doc, controlId)
+                    : doc.createElementNS('http://www.w3.org/2000/svg', 'svg');
+                if (!svg.hasAttribute('viewBox')) {
+                    svg.setAttribute('viewBox', '0 0 20 20');
+                }
+                svg.setAttribute('aria-hidden', 'true');
+                const path = doc.createElementNS(svg.namespaceURI, 'path');
+                path.setAttribute('d', RIBBON_ICON_PATHS[icon] ?? RIBBON_ICON_PATHS.palette);
+                if (!svg.childElementCount) {
+                    svg.append(path);
+                }
+                const label = doc.createElement('span');
+                label.textContent = title;
+                trigger.append(svg, label);
+            }
+            const chevron = doc.createElement('span');
+            chevron.textContent = '\u2304';
+            chevron.setAttribute('aria-hidden', 'true');
+            trigger.append(chevron);
+            strip.hidden = !inline;
+            strip.style.display = inline ? '' : 'none';
+            strip.replaceChildren(...(inline
+                ? inlineGalleryItems(descriptor).map((item) => tile(item, descriptor.sections[0]?.tileWidth ?? 40, descriptor.sections[0]?.tileHeight ?? 30, disabled, t))
+                : []));
+            popup.setAttribute('aria-label', title);
+            popup.replaceChildren(...(open ? descriptor.sections : []).map((section) => {
+                const container = doc.createElement('section');
+                container.className = 'section';
+                if (section.titleKey || section.title) {
+                    const heading = doc.createElement('div');
+                    heading.className = 'heading';
+                    heading.textContent = section.titleKey
+                        ? caption(t, section.titleKey, section.title ?? '')
+                        : (section.title ?? '');
+                    container.append(heading);
+                }
+                const grid = doc.createElement('div');
+                grid.className = 'grid';
+                grid.style.gridTemplateColumns = `repeat(${section.columns}, minmax(0, 1fr))`;
+                grid.append(...section.items.map((item) => tile(item, section.tileWidth, section.tileHeight, disabled, t)));
+                container.append(grid);
+                return container;
+            }));
+        },
+    };
+}
+
+/** Shared light-DOM view preserves the established gallery selector/customization ABI. */
+function definePptxRibbonGallery(registry) {
+    if (registry.get('pptx-ui-ribbon-gallery')) {
+        return;
+    }
+    class RibbonGallery extends HTMLElement {
+        static { this.observedAttributes = ['mode', 'chevron-only', 'icon', 'data-ribbon-control']; }
+        constructor() {
+            super();
+            this.t = (key) => key;
+            this.locked = false;
+            this.opened = false;
+            this.outside = (event) => {
+                if (!event.composedPath().includes(this)) {
+                    this.close();
+                }
+            };
+            this.escape = (event) => {
+                if (event.key === 'Escape') {
+                    event.stopPropagation();
+                    this.close();
+                    this.view.trigger.focus();
+                }
+            };
+            this.position = () => {
+                const window = this.ownerDocument.defaultView;
+                if (!window) {
+                    return;
+                }
+                const anchor = this.view.trigger.getBoundingClientRect();
+                const width = this.view.popup.getBoundingClientRect().width;
+                this.view.popup.style.left = `${Math.max(8, Math.min(anchor.left, window.innerWidth - width - 8))}px`;
+                this.view.popup.style.top = `${Math.max(8, Math.min(anchor.bottom + 4, window.innerHeight - this.view.popup.getBoundingClientRect().height - 8))}px`;
+            };
+            this.view = createRibbonGalleryView(this.ownerDocument, (itemId) => this.pick(itemId), () => {
+                this.open = !this.open;
+            });
+            this.view.root.addEventListener('keydown', (event) => {
+                if (event.key === 'Escape' && this.open) {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    this.close();
+                    this.view.trigger.focus();
+                }
+                if (event.key === 'ArrowDown' && event.target === this.view.trigger) {
+                    event.stopPropagation();
+                    event.preventDefault();
+                    this.open = true;
+                    this.view.popup.querySelector('button:not(:disabled)')?.focus();
+                }
+                if (event.key === 'Enter' || event.key === ' ') {
+                    event.stopPropagation();
+                }
+            });
+        }
+        get descriptor() {
+            return this.value;
+        }
+        set descriptor(value) {
+            this.value = value;
+            this.paint();
+        }
+        get trigger() {
+            return this.view.trigger;
+        }
+        get popup() {
+            return this.view.popup;
+        }
+        get translateLabel() {
+            return this.t;
+        }
+        set translateLabel(value) {
+            this.t = value;
+            this.paint();
+        }
+        get disabled() {
+            return this.locked;
+        }
+        set disabled(value) {
+            this.locked = Boolean(value);
+            this.paint();
+        }
+        get open() {
+            return this.opened;
+        }
+        set open(value) {
+            const next = Boolean(value) && !this.unavailable();
+            if (next === this.opened) {
+                return;
+            }
+            this.opened = next;
+            this.view.setOpen(next);
+            this.paint();
+            this.view.trigger.setAttribute('aria-expanded', String(next));
+            this.cleanup();
+            if (next && this.isConnected) {
+                this.ownerDocument.addEventListener('pointerdown', this.outside, true);
+                this.ownerDocument.addEventListener('keydown', this.escape);
+                this.ownerDocument.defaultView?.addEventListener('resize', this.position);
+                this.ownerDocument.addEventListener('scroll', this.position, true);
+                this.position();
+            }
+        }
+        close() {
+            this.open = false;
+        }
+        connectedCallback() {
+            attachRibbonGalleryStyles(this.ownerDocument);
+            this.append(this.view.root);
+            this.paint();
+        }
+        disconnectedCallback() {
+            this.close();
+            this.cleanup();
+        }
+        attributeChangedCallback() {
+            this.paint();
+        }
+        unavailable() {
+            return this.locked || !this.value || this.value.disabled || !galleryHasItems(this.value);
+        }
+        paint() {
+            if (!this.value) {
+                this.close();
+                this.view.clear();
+                this.view.trigger.disabled = true;
+                return;
+            }
+            const hadFocus = this.contains(this.ownerDocument.activeElement);
+            if (this.view.root.parentElement !== this) {
+                this.append(this.view.root);
+            }
+            const focusedId = this.ownerDocument.activeElement?.getAttribute('data-gallery-item');
+            const focusInPopup = this.view.popup.contains(this.ownerDocument.activeElement);
+            this.view.paint(this.value, this.t, this.unavailable(), this.getAttribute('mode') === 'inline' && !this.hasAttribute('chevron-only'), this.hasAttribute('chevron-only'), this.getAttribute('icon') ?? 'palette', this.open, this.getAttribute('data-ribbon-control') ?? undefined);
+            this.view.trigger.setAttribute('aria-expanded', String(this.open));
+            if (this.unavailable()) {
+                this.close();
+            }
+            if (this.open) {
+                this.position();
+            }
+            if (focusedId && hadFocus) {
+                (focusInPopup ? this.view.popup : this)
+                    .querySelector(`[data-gallery-item="${CSS.escape(focusedId)}"]`)
+                    ?.focus();
+            }
+        }
+        pick(itemId) {
+            if (this.unavailable() ||
+                !this.value?.sections.some((section) => section.items.some((item) => item.id === itemId))) {
+                return;
+            }
+            this.close();
+            this.view.trigger.focus();
+            this.dispatchEvent(new CustomEvent('gallery-pick', {
+                detail: { gallery: this.value.id, itemId },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        cleanup() {
+            this.ownerDocument.removeEventListener('pointerdown', this.outside, true);
+            this.ownerDocument.removeEventListener('keydown', this.escape);
+            this.ownerDocument.defaultView?.removeEventListener('resize', this.position);
+            this.ownerDocument.removeEventListener('scroll', this.position, true);
+        }
+    }
+    registry.define('pptx-ui-ribbon-gallery', RibbonGallery);
+}
+
+const STYLES = `
+:host { display: inline-flex; flex: none; align-self: stretch; }
+.group { box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;
+	min-height: 78px; padding: 4px 8px 2px; border-right: 1px solid color-mix(in srgb, var(--pptx-border, #33334d) 60%, transparent); }
+:host(:last-child) .group { border-right: 0; }
+.row { display: flex; align-items: flex-start; gap: 4px; }
+::slotted(*) { flex-shrink: 0; }
+.caption { padding-top: 2px; color: var(--pptx-muted-foreground, #94a3b8); font: inherit;
+	font-size: 9px; line-height: 12px; text-align: center; white-space: nowrap; }
+`;
+/** Slotted view boundary; customization ids remain in the light DOM. */
+function definePptxRibbonGroup(registry) {
+    if (registry.get('pptx-ui-ribbon-group')) {
+        return;
+    }
+    class RibbonGroup extends HTMLElement {
+        static { this.observedAttributes = ['label']; }
+        constructor() {
+            super();
+            const root = this.attachShadow({ mode: 'open' });
+            attachControlStyles(root, STYLES);
+            const group = document.createElement('div');
+            group.className = 'group';
+            const row = document.createElement('div');
+            row.className = 'row';
+            row.append(document.createElement('slot'));
+            this.caption = document.createElement('span');
+            this.caption.className = 'caption';
+            group.append(row, this.caption);
+            root.append(group);
+        }
+        connectedCallback() {
+            this.setAttribute('role', 'group');
+            this.sync();
+        }
+        attributeChangedCallback() {
+            this.sync();
+        }
+        sync() {
+            const label = this.getAttribute('label') ?? '';
+            this.caption.textContent = label;
+            this.setAttribute('aria-label', label);
+        }
+    }
+    registry.define('pptx-ui-ribbon-group', RibbonGroup);
+}
+
+function setBoolean(el, name, value) {
+    el.toggleAttribute(name, Boolean(value));
+}
+function setOptionalBoolean(el, name, value) {
+    if (value === undefined) {
+        el.removeAttribute(name);
+    }
+    else {
+        el.setAttribute(name, String(value));
+    }
+}
+function syncCommand(el, command) {
+    el.setAttribute('data-ribbon-control', command.id);
+    el.setAttribute('label', command.label);
+    el.setAttribute('title', command.title ?? command.label);
+    el.setAttribute('icon', command.icon);
+    if (command.badge) {
+        el.setAttribute('badge', String(command.badge));
+    }
+    else {
+        el.removeAttribute('badge');
+    }
+    for (const attr of ['disabled', 'active', 'compact', 'hidden']) {
+        setBoolean(el, attr, command[attr]);
+    }
+    setOptionalBoolean(el, 'pressed', command.pressed);
+    setOptionalBoolean(el, 'expanded', command.expanded);
+}
+/** Keyed updates preserve the focused native button and every customization ID. */
+function createRibbonSectionView(root) {
+    const groups = new Map();
+    const commands = new Map();
+    return (model) => {
+        const wantedGroups = new Set(model.map((group) => group.id));
+        const wantedCommands = new Set(model.flatMap((group) => group.commands.map((command) => command.id)));
+        for (const [id, el] of commands) {
+            if (!wantedCommands.has(id)) {
+                el.remove();
+                commands.delete(id);
+            }
+        }
+        for (const [id, group] of groups) {
+            if (!wantedGroups.has(id)) {
+                group.el.remove();
+                groups.delete(id);
+            }
+        }
+        for (const [index, group] of model.entries()) {
+            let node = groups.get(group.id);
+            if (!node) {
+                node = { el: root.ownerDocument.createElement('pptx-ui-ribbon-group'), columns: new Map() };
+                groups.set(group.id, node);
+            }
+            node.el.setAttribute('data-ribbon-group', group.id);
+            node.el.setAttribute('label', group.label);
+            if (root.children[index] !== node.el) {
+                root.insertBefore(node.el, root.children[index] ?? null);
+            }
+            const offsets = new Map();
+            for (const command of group.commands) {
+                let parent = node.el;
+                if (command.column !== undefined) {
+                    let column = node.columns.get(command.column);
+                    if (!column) {
+                        column = root.ownerDocument.createElement('div');
+                        Object.assign(column.style, { display: 'flex', flexDirection: 'column', gap: '2px' });
+                        node.columns.set(command.column, column);
+                        node.el.append(column);
+                    }
+                    parent = column;
+                }
+                let el = commands.get(command.id);
+                if (!el) {
+                    el = root.ownerDocument.createElement('pptx-ui-ribbon-command');
+                    commands.set(command.id, el);
+                }
+                syncCommand(el, command);
+                const offset = offsets.get(parent) ?? 0;
+                if (parent.children[offset] !== el) {
+                    parent.insertBefore(el, parent.children[offset] ?? null);
+                }
+                offsets.set(parent, offset + 1);
+            }
+        }
+    };
+}
+
+/** Whole command/group families use one keyed view and the existing intent ABI. */
+function definePptxRibbonSection(registry) {
+    if (registry.get('pptx-ui-ribbon-section')) {
+        return;
+    }
+    class RibbonSection extends HTMLElement {
+        constructor() {
+            super(...arguments);
+            this.model = [];
+            this.render = createRibbonSectionView(this);
+        }
+        get groups() {
+            return this.model;
+        }
+        set groups(value) {
+            this.model = value;
+            this.render(value);
+        }
+        connectedCallback() {
+            this.style.display = 'inline-flex';
+            this.style.alignItems = 'stretch';
+            this.render(this.model);
+        }
+    }
+    registry.define('pptx-ui-ribbon-section', RibbonSection);
+}
+
+/** Controlled checkbox row sharing the existing checkbox's keyboard and focus behavior. */
+function definePptxRibbonToggle(registry) {
+    if (registry.get('pptx-ui-ribbon-toggle')) {
+        return;
+    }
+    class RibbonToggle extends HTMLElement {
+        static { this.observedAttributes = ['label', 'checked', 'disabled', 'title']; }
+        constructor() {
+            super();
+            const root = this.attachShadow({ mode: 'open' });
+            attachControlStyles(root, `
+:host { display: block; }
+label { display: flex; align-items: center; gap: 4px; min-height: 22px; padding: 0 4px;
+	color: var(--pptx-foreground, #f9fafb); font: inherit; font-size: 10px; white-space: nowrap; cursor: pointer; }
+:host([disabled]) label { color: var(--pptx-muted-foreground, #9ca3af); cursor: not-allowed; }
+@media (pointer: coarse), (max-width: 767px) { label { min-height: 44px; font-size: 12px; } }
+`);
+            const label = document.createElement('label');
+            this.checkbox = document.createElement('pptx-ui-checkbox');
+            this.text = document.createTextNode('');
+            label.append(this.checkbox, this.text);
+            label.addEventListener('click', (event) => {
+                event.preventDefault();
+                if (event.target !== this.checkbox) {
+                    this.checkbox.click();
+                }
+            });
+            this.checkbox.addEventListener('input', (event) => event.stopPropagation());
+            this.checkbox.addEventListener('change', (event) => {
+                event.stopPropagation();
+                const checked = this.checkbox.checked;
+                this.sync();
+                const id = this.getAttribute('data-ribbon-control');
+                if (!this.hasAttribute('disabled') && id) {
+                    this.dispatchEvent(new CustomEvent('toggle-request', {
+                        detail: { id, checked },
+                        bubbles: true,
+                        composed: true,
+                    }));
+                }
+            });
+            root.append(label);
+        }
+        connectedCallback() {
+            this.sync();
+        }
+        attributeChangedCallback() {
+            this.sync();
+        }
+        sync() {
+            const label = this.getAttribute('label') ?? '';
+            this.text.textContent = label;
+            this.checkbox.setAttribute('aria-label', label);
+            this.checkbox.title = this.getAttribute('title') ?? label;
+            this.checkbox.checked = this.hasAttribute('checked');
+            this.checkbox.disabled = this.hasAttribute('disabled');
+        }
+    }
+    registry.define('pptx-ui-ribbon-toggle', RibbonToggle);
+}
+
+const SEARCH_STYLES = `
+:host {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	box-sizing: border-box;
+	width: 100%;
+	height: 40px;
+	padding: 0 12px;
+	border: 1px solid var(--pptx-input, #374151);
+	background: var(--pptx-card, #111827);
+	color: var(--pptx-muted-foreground, #9ca3af);
+	font: inherit;
+}
+:host(:focus-within) { border-color: var(--pptx-ring, #6366f1); }
+:host([variant="titlebar"]) {
+	height: 28px;
+	gap: 7px;
+	padding-inline: 14px;
+	border-color: var(--pptx-border, #374151);
+	border-radius: 6px;
+	background: var(--pptx-background, #030712);
+}
+:host([variant="titlebar"]:focus-within) {
+	border-color: var(--pptx-ring, #6366f1);
+	color: var(--pptx-foreground, #f3f4f6);
+}
+:host([disabled]) { opacity: .5; cursor: not-allowed; }
+svg { width: 16px; height: 16px; flex: none; }
+:host([variant="titlebar"]) svg { width: 14px; height: 14px; }
+input {
+	min-width: 0;
+	width: 100%;
+	height: 100%;
+	flex: 1;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	background: transparent;
+	color: var(--pptx-card-foreground, #f3f4f6);
+	font: inherit;
+	font-size: 13px;
+}
+:host([variant="titlebar"]) input {
+	font-size: 11px;
+	color: var(--pptx-foreground, #f3f4f6);
+}
+input::placeholder {
+	color: var(--pptx-muted-foreground, #9ca3af);
+	opacity: .8;
+}
+input::-webkit-search-cancel-button { display: none; }
+@media (forced-colors: active) {
+	:host {
+		border-color: CanvasText;
+		background: Canvas;
+		color: CanvasText;
+	}
+	:host(:focus-within) {
+		outline: 2px solid Highlight;
+		outline-offset: 2px;
+	}
+	input { color: CanvasText; }
+}
+`;
+
+const SEARCH_ICON = `<svg part="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>`;
+/** A single styled search input for the title bar and recent-files surface. */
+function definePptxSearchField(registry) {
+    if (registry.get('pptx-ui-search')) {
+        return;
+    }
+    class PptxSearchField extends HTMLElement {
+        static { this.observedAttributes = ['placeholder', 'aria-label', 'disabled', 'value']; }
+        constructor() {
+            super();
+            this.currentValue = '';
+            const root = this.attachShadow({ mode: 'open', delegatesFocus: true });
+            attachControlStyles(root, SEARCH_STYLES);
+            const icon = document.createElement('template');
+            icon.innerHTML = SEARCH_ICON;
+            root.append(icon.content.cloneNode(true));
+            this.input = document.createElement('input');
+            this.input.type = 'search';
+            this.input.setAttribute('part', 'input');
+            this.input.addEventListener('input', (event) => {
+                event.stopPropagation();
+                this.currentValue = this.input.value;
+                this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+            });
+            this.input.addEventListener('change', (event) => {
+                event.stopPropagation();
+                this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+            });
+            root.append(this.input);
+        }
+        connectedCallback() {
+            this.sync();
+            if (this.hasAttribute('value')) {
+                this.value = this.getAttribute('value') ?? '';
+            }
+        }
+        attributeChangedCallback(name) {
+            if (name === 'value') {
+                this.value = this.getAttribute('value') ?? '';
+            }
+            else {
+                this.sync();
+            }
+        }
+        get value() {
+            return this.currentValue;
+        }
+        set value(next) {
+            this.currentValue = String(next ?? '');
+            if (this.input.value !== this.currentValue) {
+                this.input.value = this.currentValue;
+            }
+        }
+        get disabled() {
+            return this.hasAttribute('disabled');
+        }
+        set disabled(next) {
+            this.toggleAttribute('disabled', Boolean(next));
+        }
+        focus(options) {
+            this.input.focus(options);
+        }
+        select() {
+            this.input.select();
+        }
+        sync() {
+            this.input.placeholder = this.getAttribute('placeholder') ?? '';
+            this.input.setAttribute('aria-label', this.getAttribute('aria-label') ?? this.input.placeholder);
+            this.input.disabled = this.hasAttribute('disabled');
+        }
+    }
+    registry.define('pptx-ui-search', PptxSearchField);
+}
+
+/** Mutations that can change a select's value, labels or font preview. */
+const SELECT_OPTION_ATTRIBUTES = [
+    'value',
+    'disabled',
+    'label',
+    'selected',
+    'hidden',
+    'data-display-label',
+    'data-description',
+    'style',
+];
+/** Flatten options while retaining optgroup labels and disabled state. */
+function collectSelectChoices(options) {
+    return options.map((option) => {
+        const group = option.parentElement instanceof HTMLOptGroupElement ? option.parentElement : null;
+        return {
+            value: option.value,
+            label: option.label || option.textContent?.trim() || '',
+            disabled: option.disabled || Boolean(group?.disabled),
+            hidden: Boolean(option.hidden) || Boolean(group?.hidden),
+            group: group?.label ?? '',
+            ...(option.dataset.displayLabel ? { displayLabel: option.dataset.displayLabel } : {}),
+            ...(option.dataset.description ? { description: option.dataset.description } : {}),
+            ...(option.style.fontFamily ? { fontFamily: option.style.fontFamily } : {}),
+        };
+    });
+}
+/** Build popup options only when the select first opens. */
+function renderSelectMenu(menu, choices, value) {
+    const menuItems = [];
+    let previousGroup = '';
+    choices.forEach((choice, index) => {
+        if (choice.hidden) {
+            return;
+        }
+        if (choice.group && choice.group !== previousGroup) {
+            const heading = document.createElement('div');
+            heading.className = 'group';
+            heading.setAttribute('role', 'presentation');
+            heading.textContent = choice.group;
+            menuItems.push(heading);
+        }
+        previousGroup = choice.group;
+        const item = document.createElement('div');
+        item.className = 'option';
+        item.setAttribute('role', 'option');
+        item.setAttribute('aria-selected', String(choice.value === value));
+        item.setAttribute('aria-disabled', String(choice.disabled));
+        item.id = `${menu.id}-${index}`;
+        item.dataset.index = String(index);
+        item.textContent = choice.displayLabel ?? choice.label;
+        if (choice.fontFamily) {
+            item.style.fontFamily = choice.fontFamily;
+        }
+        if (choice.description) {
+            const description = document.createElement('span');
+            description.className = 'description';
+            description.textContent = choice.description;
+            item.append(description);
+        }
+        menuItems.push(item);
+    });
+    menu.replaceChildren(...menuItems);
+}
+/** Prefer below the trigger, flipping above when it offers more room. */
+function positionSelectMenu(menu, trigger) {
+    const rect = trigger.getBoundingClientRect();
+    const margin = 8;
+    const gap = 4;
+    const width = Math.max(0, window.innerWidth - margin * 2);
+    const below = Math.max(0, window.innerHeight - rect.bottom - gap - margin);
+    const above = Math.max(0, rect.top - gap - margin);
+    menu.style.minWidth = `${Math.min(rect.width, width)}px`;
+    menu.style.maxWidth = `${width}px`;
+    // Measure at the normal height cap before choosing a side. Reset the cap
+    // on every reposition so a previously constrained menu can grow again.
+    const heightCap = trigger.getRootNode() instanceof ShadowRoot &&
+        trigger.getRootNode().host.getAttribute('data-font-picker') === 'family'
+        ? 320
+        : 240;
+    menu.style.maxHeight = `${heightCap}px`;
+    const preferredHeight = menu.getBoundingClientRect().height;
+    const flip = below < preferredHeight && above > below;
+    menu.style.maxHeight = `${Math.min(heightCap, flip ? above : below)}px`;
+    const { height, width: menuWidth } = menu.getBoundingClientRect();
+    menu.style.top = `${Math.max(margin, flip ? rect.top - gap - height : rect.bottom + gap)}px`;
+    menu.style.left = `${Math.max(margin, Math.min(rect.left, window.innerWidth - menuWidth - margin))}px`;
+}
+/** Expose the keyboard target while keeping the selected state separate. */
+function markSelectActive(menu, trigger, active, open) {
+    for (const item of menu.querySelectorAll('[data-index]')) {
+        item.toggleAttribute('data-active', Number(item.dataset.index) === active && open);
+    }
+    if (open && active >= 0) {
+        trigger.setAttribute('aria-activedescendant', `${menu.id}-${active}`);
+    }
+    menu.querySelector('[data-active]')?.scrollIntoView?.({ block: 'nearest' });
+}
+/** Find the next enabled option when navigating with the arrow keys. */
+function nextSelectActive(choices, active, step) {
+    for (let index = 0; index < choices.length; index++) {
+        active = (active + step + choices.length) % choices.length;
+        if (!choices[active].disabled && !choices[active].hidden) {
+            return active;
+        }
+    }
+    return active;
+}
+
+/** React's ribbon presentation, isolated from inspector and dialog selects. */
+const SELECT_RIBBON_STYLES = `
+:host([variant^="ribbon-"][disabled]) { opacity: .4; }
+:host([variant^="ribbon-"]) button {
+	height: 28px; min-height: 28px; padding: 4px 8px; gap: 4px;
+	border: 1px solid color-mix(in oklab, var(--pptx-border) 60%, transparent);
+	border-radius: 3px; font-size: 12px; line-height: 18px;
+	background: color-mix(in oklab, var(--pptx-background) 60%, transparent);
+	color: var(--pptx-foreground);
+}
+:host([variant^="ribbon-"]) .value { flex: 1; min-width: 0; }
+:host([variant^="ribbon-"]) .chevron {
+	width: 16px; height: 16px; margin: 0; border: 0; transform: none;
+}
+:host([variant^="ribbon-"]) .chevron svg { display: block; width: 16px; height: 16px; }
+:host([variant="ribbon-font"]) .chevron { color: var(--pptx-muted-foreground); }
+:host([variant="ribbon-font"][data-font-picker="size"]) button { padding-inline: 6px; }
+:host([variant="ribbon-icon"]) button {
+	width: 36px; gap: 6px; padding: 6px 10px; border: 0; font-size: 12px; line-height: 16px;
+	background: var(--pptx-muted); justify-content: center;
+}
+:host([variant="ribbon-icon"]) :is(.value, .chevron) { display: none; }
+::slotted(svg[slot="icon"]) { display: block; width: 16px; height: 16px; flex: none; }
+:host([variant^="ribbon-"]) button:hover:not(:disabled) { background: var(--pptx-accent); }
+:host([variant^="ribbon-"]) .menu {
+	width: 192px; padding: 4px 0; border-radius: 8px; font-size: 12px; line-height: 16px;
+}
+:host([data-font-picker="family"]) .menu { width: 256px; }
+:host([variant^="ribbon-"]) .option {
+	display: flex; justify-content: space-between; gap: 12px; padding: 6px 12px; border-radius: 0;
+}
+:host([variant^="ribbon-"]) .option[aria-selected="true"] {
+	background: transparent; color: var(--pptx-foreground);
+}
+:host([variant^="ribbon-"]) .option:hover,
+:host([variant^="ribbon-"]) .option[data-active] { background: var(--pptx-muted); filter: none; }
+:host([variant^="ribbon-"]) .group {
+	padding: 8px 12px 4px; text-transform: uppercase; letter-spacing: .25px;
+	font-size: 10px; line-height: 15px;
+}
+@media (max-width: 767px) {
+  :host([variant^="ribbon-"]) button { height: 44px; min-height: 44px; }
+}
+.description { flex: none; color: var(--pptx-muted-foreground); font-size: 10px; line-height: 15px; }
+`;
+
+const SELECT_STYLES = `
+:host {
+	display: inline-block;
+	box-sizing: border-box;
+	min-width: 0;
+	max-width: 100%;
+	border: 0 !important;
+	padding: 0 !important;
+	background: transparent !important;
+	box-shadow: none !important;
+	color: var(--pptx-foreground, #e2e8f0);
+	font: inherit;
+	font-size: 12px;
+	vertical-align: middle;
+}
+:host([disabled]) { opacity: .5; cursor: not-allowed; }
+button {
+	box-sizing: border-box;
+	width: 100%;
+	min-height: 28px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 10px;
+	padding: 4px 7px;
+	border: 1px solid var(--pptx-border, #3f3f52);
+	border-radius: 5px;
+	background: var(--pptx-select-control-bg, var(--pptx-background, #11111b));
+	color: inherit;
+	font: inherit;
+	font-size: inherit;
+	text-align: left;
+	cursor: pointer;
+}
+:host(.bg-muted) button { background: var(--pptx-muted, #1f2937); }
+:host(.bg-popover) button { background: var(--pptx-popover, #111827); }
+button:focus-visible {
+	outline: 2px solid var(--pptx-ring, #6366f1);
+	outline-offset: 2px;
+}
+button:disabled { cursor: not-allowed; }
+@media (pointer: coarse), (max-width: 767px) {
+	button { min-height: 44px; }
+}
+.value {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.chevron svg { display: none; }
+.chevron {
+	flex: none;
+	width: 6px;
+	height: 6px;
+	margin: 0 2px 3px 0;
+	border-right: 1.5px solid currentColor;
+	border-bottom: 1.5px solid currentColor;
+	transform: rotate(45deg);
+}
+:host([open]) .chevron {
+	margin: 3px 2px 0 0;
+	transform: rotate(225deg);
+}
+.menu {
+	box-sizing: border-box;
+	position: fixed;
+	margin: 0;
+	padding: 4px;
+	min-width: 90px;
+	max-height: min(240px, 50vh);
+	overflow: auto;
+	border: 1px solid var(--pptx-border, #3f3f52);
+	border-radius: 5px;
+	background: var(--pptx-popover, var(--pptx-background, #11111b));
+	color: var(--pptx-popover-foreground, var(--pptx-foreground, #e2e8f0));
+	box-shadow: 0 8px 20px #0004;
+	font: inherit;
+	font-size: inherit;
+}
+.menu:not(:popover-open):not([data-fallback-open]) { display: none; }
+.option {
+	display: block;
+	box-sizing: border-box;
+	width: 100%;
+	padding: 6px 8px;
+	border-radius: 3px;
+	cursor: pointer;
+	white-space: nowrap;
+}
+.group {
+	padding: 7px 8px 3px;
+	color: var(--pptx-muted-foreground, #9ca3af);
+	font-size: .9em;
+	font-weight: 600;
+}
+.option:not([aria-disabled="true"]):hover,
+.option[data-active]:not([aria-selected="true"]) {
+	background: color-mix(in srgb, var(--pptx-primary, #e86a40) 20%, var(--pptx-popover, #11111b));
+}
+.option[aria-selected="true"] {
+	background: var(--pptx-primary, #e86a40);
+	color: var(--pptx-primary-foreground, #fff);
+}
+.option[aria-selected="true"]:hover { filter: brightness(1.08); }
+.option[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
+@media (forced-colors: active) {
+	button, .menu {
+		border-color: CanvasText;
+		background: Canvas;
+		color: CanvasText;
+	}
+	.option[aria-selected="true"],
+	.option[data-active],
+	.option:not([aria-disabled="true"]):hover {
+		background: Highlight;
+		color: HighlightText;
+	}
+}
+${SELECT_RIBBON_STYLES}
+`;
+
+/** Slots let ribbon controls retain their canonical icon and optional custom entry. */
+function createSelectTrigger() {
+    const trigger = document.createElement('button');
+    trigger.type = 'button';
+    trigger.setAttribute('part', 'trigger');
+    trigger.setAttribute('role', 'combobox');
+    trigger.setAttribute('aria-haspopup', 'listbox');
+    trigger.setAttribute('aria-expanded', 'false');
+    const icon = document.createElement('slot');
+    icon.name = 'icon';
+    const text = document.createElement('span');
+    text.className = 'value';
+    text.setAttribute('part', 'value');
+    const chevron = document.createElement('span');
+    chevron.className = 'chevron';
+    chevron.setAttribute('part', 'indicator');
+    chevron.setAttribute('aria-hidden', 'true');
+    const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+    svg.setAttribute('viewBox', '0 0 24 24');
+    svg.setAttribute('fill', 'none');
+    svg.setAttribute('stroke', 'currentColor');
+    svg.setAttribute('stroke-width', '2');
+    svg.setAttribute('stroke-linecap', 'round');
+    svg.setAttribute('stroke-linejoin', 'round');
+    const path = document.createElementNS(svg.namespaceURI, 'path');
+    path.setAttribute('d', 'm6 9 6 6 6-6');
+    svg.append(path);
+    chevron.append(svg);
+    trigger.append(icon, text, chevron);
+    return { trigger, text };
+}
+/** Optional editable content stays in the light DOM so bindings own its events. */
+function prependSelectCustomSlot(host, menu) {
+    if (host.querySelector('[slot="custom"]')) {
+        const custom = document.createElement('slot');
+        custom.name = 'custom';
+        menu.prepend(custom);
+    }
+}
+
+/** Create the base only in a browser; shared imports also run during SSR. */
+function createSelectValueElement() {
+    class SelectValueElement extends HTMLElement {
+        get value() {
+            const requested = this.getAttribute('value');
+            const options = this.options;
+            if (this.getAttribute('variant') === 'ribbon-font' && requested !== null) {
+                return requested;
+            }
+            if (requested !== null &&
+                (!options.length || options.some((option) => option.value === requested))) {
+                return requested;
+            }
+            return (options.find((option) => option.selected)?.value ??
+                options.find((option) => !option.disabled && !option.closest('optgroup[disabled]') && !option.hidden)?.value ??
+                options[0]?.value ??
+                requested ??
+                '');
+        }
+        set value(next) {
+            this.setAttribute('value', String(next ?? ''));
+        }
+        get options() {
+            return [...this.querySelectorAll('option')];
+        }
+        get selectedIndex() {
+            return this.options.findIndex((option) => option.value === this.value);
+        }
+        set selectedIndex(index) {
+            this.value = this.options[index]?.value ?? '';
+        }
+    }
+    return SelectValueElement;
+}
+
+let nextSelectId = 0;
+/** A select-only combobox with one popup and event contract in every binding. */
+function definePptxSelect(registry) {
+    if (registry.get('pptx-ui-select')) {
+        return;
+    }
+    class PptxSelect extends createSelectValueElement() {
+        static { this.formAssociated = true; }
+        static { this.observedAttributes = ['value', 'disabled', 'aria-label']; }
+        constructor() {
+            super();
+            this.refreshFrame = 0;
+            this.choices = [];
+            this.active = -1;
+            this.open = false;
+            this.search = '';
+            this.searchTimer = 0;
+            this.defaultValue = '';
+            this.onOutside = (event) => {
+                if (!event.composedPath().includes(this)) {
+                    this.close();
+                }
+            };
+            this.position = () => {
+                if (!this.open) {
+                    return;
+                }
+                positionSelectMenu(this.menu, this.trigger);
+            };
+            try {
+                this.internals = this.attachInternals();
+            }
+            catch {
+                this.internals = undefined;
+            }
+            const root = this.attachShadow({ mode: 'open', delegatesFocus: true });
+            attachControlStyles(root, SELECT_STYLES);
+            ({ trigger: this.trigger, text: this.text } = createSelectTrigger());
+            this.menu = document.createElement('div');
+            this.menu.className = 'menu';
+            this.menu.id = `pptx-ui-select-options-${++nextSelectId}`;
+            this.menu.setAttribute('role', 'listbox');
+            this.menu.setAttribute('popover', 'manual');
+            this.menu.setAttribute('part', 'popup');
+            this.trigger.setAttribute('aria-controls', this.menu.id);
+            root.append(this.trigger, this.menu);
+            this.trigger.addEventListener('click', () => (this.open ? this.close() : this.show()));
+            this.trigger.addEventListener('keydown', (event) => this.onKeyDown(event));
+            this.menu.addEventListener('pointerdown', (event) => {
+                if (event.target.closest('[data-index]')) {
+                    event.preventDefault();
+                }
+            });
+            this.menu.addEventListener('click', (event) => {
+                const target = event.target.closest('[data-index]');
+                if (target) {
+                    this.commit(Number(target.dataset.index));
+                }
+            });
+            this.observer = new MutationObserver(() => {
+                // Let bindings finish updating their option nodes before touching the shadow DOM.
+                if (!this.refreshFrame) {
+                    this.refreshFrame = requestAnimationFrame(() => {
+                        this.refreshFrame = 0;
+                        this.refresh();
+                    });
+                }
+            });
+        }
+        connectedCallback() {
+            this.defaultValue = this.getAttribute('value') ?? '';
+            this.observer.observe(this, {
+                childList: true,
+                subtree: true,
+                attributes: true,
+                characterData: true,
+                attributeFilter: SELECT_OPTION_ATTRIBUTES,
+            });
+            this.refresh();
+        }
+        disconnectedCallback() {
+            this.close();
+            window.clearTimeout(this.searchTimer);
+            this.searchTimer = 0;
+            this.search = '';
+            this.observer.disconnect();
+            cancelAnimationFrame(this.refreshFrame);
+            this.refreshFrame = 0;
+        }
+        attributeChangedCallback() {
+            this.refresh();
+        }
+        get disabled() {
+            return this.hasAttribute('disabled');
+        }
+        set disabled(next) {
+            this.toggleAttribute('disabled', Boolean(next));
+        }
+        focus(options) {
+            this.trigger.focus(options);
+        }
+        formResetCallback() {
+            this.value = this.defaultValue;
+        }
+        formDisabledCallback(disabled) {
+            this.disabled = disabled;
+        }
+        refresh() {
+            if (!this.trigger) {
+                return;
+            }
+            const options = [...this.querySelectorAll('option')];
+            this.choices = collectSelectChoices(options);
+            if (!this.hasAttribute('value') && this.choices.length) {
+                this.value =
+                    options.find((option) => option.selected)?.value ??
+                        this.choices.find((choice) => !choice.disabled && !choice.hidden)?.value ??
+                        this.choices[0].value;
+            }
+            this.text.textContent =
+                this.choices.find((choice) => choice.value === this.value)?.displayLabel ??
+                    this.choices.find((choice) => choice.value === this.value)?.label ??
+                    this.value;
+            this.trigger.disabled = this.disabled;
+            if (this.disabled) {
+                this.close();
+            }
+            this.trigger.setAttribute('aria-label', this.getAttribute('aria-label') ?? '');
+            this.internals?.setFormValue?.(this.disabled ? null : this.value);
+            if (this.open || this.menu.childElementCount) {
+                this.renderMenu();
+            }
+        }
+        renderMenu() {
+            renderSelectMenu(this.menu, this.choices, this.value);
+            prependSelectCustomSlot(this, this.menu);
+            markSelectActive(this.menu, this.trigger, this.active, this.open);
+        }
+        show() {
+            if (this.disabled ||
+                !this.choices.some((choice) => !choice.disabled && !choice.hidden) ||
+                this.open) {
+                return;
+            }
+            this.open = true;
+            this.setAttribute('open', '');
+            const selected = this.choices.findIndex((choice) => choice.value === this.value && !choice.disabled && !choice.hidden);
+            this.active =
+                selected >= 0
+                    ? selected
+                    : this.choices.findIndex((choice) => !choice.disabled && !choice.hidden);
+            this.renderMenu();
+            if (typeof this.menu.showPopover === 'function') {
+                this.menu.showPopover();
+            }
+            else {
+                this.menu.dataset.fallbackOpen = '';
+            }
+            this.trigger.setAttribute('aria-expanded', 'true');
+            this.position();
+            markSelectActive(this.menu, this.trigger, this.active, this.open);
+            document.addEventListener('pointerdown', this.onOutside, true);
+            window.addEventListener('resize', this.position);
+            window.addEventListener('scroll', this.position, true);
+        }
+        close() {
+            if (!this.open) {
+                return;
+            }
+            this.open = false;
+            window.clearTimeout(this.searchTimer);
+            this.search = '';
+            this.removeAttribute('open');
+            if (this.menu.matches(':popover-open')) {
+                this.menu.hidePopover();
+            }
+            delete this.menu.dataset.fallbackOpen;
+            this.trigger.setAttribute('aria-expanded', 'false');
+            this.trigger.removeAttribute('aria-activedescendant');
+            document.removeEventListener('pointerdown', this.onOutside, true);
+            window.removeEventListener('resize', this.position);
+            window.removeEventListener('scroll', this.position, true);
+        }
+        move(step) {
+            if (!this.open) {
+                this.show();
+            }
+            if (!this.open) {
+                return;
+            }
+            this.active = nextSelectActive(this.choices, this.active, step);
+            markSelectActive(this.menu, this.trigger, this.active, this.open);
+        }
+        commit(index) {
+            const choice = this.choices[index];
+            if (!choice || choice.disabled || choice.hidden) {
+                return;
+            }
+            const changed = this.value !== choice.value;
+            this.value = choice.value;
+            this.close();
+            this.trigger.focus();
+            if (changed) {
+                this.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
+                this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));
+            }
+        }
+        onKeyDown(event) {
+            if (this.disabled) {
+                return;
+            }
+            if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                event.stopPropagation();
+                this.move(event.key === 'ArrowDown' ? 1 : -1);
+            }
+            else if (event.key === 'Home' || event.key === 'End') {
+                event.preventDefault();
+                event.stopPropagation();
+                this.show();
+                this.active =
+                    event.key === 'Home'
+                        ? nextSelectActive(this.choices, -1, 1)
+                        : nextSelectActive(this.choices, 0, -1);
+                markSelectActive(this.menu, this.trigger, this.active, this.open);
+            }
+            else if (event.key === 'Enter' || event.key === ' ') {
+                event.preventDefault();
+                event.stopPropagation();
+                if (this.open) {
+                    this.commit(this.active);
+                }
+                else {
+                    this.show();
+                }
+            }
+            else if (event.key === 'Escape' && this.open) {
+                event.preventDefault();
+                event.stopPropagation();
+                this.close();
+                this.trigger.focus();
+            }
+            else if (event.key === 'Tab') {
+                this.close();
+            }
+            else if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) {
+                event.stopPropagation();
+                this.search += event.key.toLocaleLowerCase();
+                window.clearTimeout(this.searchTimer);
+                this.searchTimer = window.setTimeout(() => {
+                    this.search = '';
+                }, 700);
+                this.show();
+                const index = this.choices.findIndex((choice) => !choice.disabled &&
+                    !choice.hidden &&
+                    choice.label.toLocaleLowerCase().startsWith(this.search));
+                if (index >= 0) {
+                    this.active = index;
+                    markSelectActive(this.menu, this.trigger, this.active, this.open);
+                }
+            }
+        }
+    }
+    registry.define('pptx-ui-select', PptxSelect);
+}
+
 const SLIDE_SHOW_OPTIONS_STYLES = `
 :host {
 	display: inline-flex;
@@ -124468,6 +125154,8 @@ const controls = [
     ['pptx-ui-slide-show-options', definePptxSlideShowOptions],
     ['pptx-ui-ribbon-command', definePptxRibbonCommand],
     ['pptx-ui-ribbon-group', definePptxRibbonGroup],
+    ['pptx-ui-ribbon-section', definePptxRibbonSection],
+    ['pptx-ui-ribbon-gallery', definePptxRibbonGallery],
     ['pptx-ui-ribbon-toggle', definePptxRibbonToggle],
     ['pptx-ui-subtitle-settings', definePptxSubtitleSettings],
     ['pptx-ui-theme-editor', definePptxThemeEditor],
@@ -131988,7 +132676,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-CV-VR2z1.mjs');
+        const { openChatDb, createIdbBackend } = await import('./pptx-angular-viewer-chat-history-idb-Bb82Jssm.mjs');
         const db = await openChatDb(dbName);
         return createIdbBackend(db);
     }
@@ -171338,151 +172026,6 @@ function dispatchGalleryResult(result, targets) {
     return true;
 }
 
-/**
- * ribbon-gallery-svg.pipe.ts: `| pptxGallerySvg` marks a gallery tile's
- * `previewSvg` as trusted markup for an `[innerHTML]` binding.
- *
- * Angular's default HTML sanitiser strips `<svg>` content, which would leave
- * every tile blank. The preview strings come from `pptx-viewer-shared`'s
- * gallery modules, which build them only from catalogue data and theme
- * colours (never from user text), so bypassing the sanitiser here is the
- * same trust decision React's `dangerouslySetInnerHTML`, Vue's `v-html`,
- * Svelte's `{@html}` and vanilla's `innerHTML` make for the same string.
- */
-class RibbonGallerySvgPipe {
-    constructor() {
-        this.sanitizer = inject(DomSanitizer);
-    }
-    transform(svg) {
-        return this.sanitizer.bypassSecurityTrustHtml(svg);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonGallerySvgPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: RibbonGallerySvgPipe, isStandalone: true, name: "pptxGallerySvg" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonGallerySvgPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'pptxGallerySvg', standalone: true }]
-        }] });
-
-/**
- * ribbon-gallery-popup.component.ts: the dropped-down panel of a
- * {@link RibbonGalleryComponent}: every descriptor section (optional heading,
- * then a `section.columns`-wide grid of preview tiles), pinned under the
- * gallery with `[pptxAnchoredPopup]`. Emits the picked tile; the parent
- * applies it and closes. Split out only to keep both files inside the repo's
- * 300-LOC budget. Classic `@Input`s so it also binds under the JIT test runner.
- */
-class RibbonGalleryPopupComponent {
-    constructor() {
-        this.translateService = inject(TranslateService, { optional: true });
-        /** The translated gallery name (the panel's accessible name). */
-        this.name = '';
-        /** The element the panel hangs below. */
-        this.anchor = null;
-        this.pick = new EventEmitter();
-    }
-    label(item) {
-        return galleryItemLabel(item, (key, params) => this.t(key, params));
-    }
-    sectionTitle(section) {
-        if (!section.titleKey) {
-            return section.title ?? null;
-        }
-        const out = this.t(section.titleKey);
-        return out && out !== section.titleKey ? out : (section.title ?? section.titleKey);
-    }
-    t(key, params) {
-        return this.translateService ? this.translateService.instant(key, params) : key;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonGalleryPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RibbonGalleryPopupComponent, isStandalone: true, selector: "pptx-ribbon-gallery-popup", inputs: { descriptor: "descriptor", name: "name", anchor: "anchor" }, outputs: { pick: "pick" }, ngImport: i0, template: `
-		<div
-			class="pptx-rb-gallery-popup"
-			role="dialog"
-			[attr.aria-label]="name"
-			[attr.data-ribbon-gallery-popup]="descriptor.id"
-			[pptxAnchoredPopup]="anchor"
-		>
-			@for (section of descriptor.sections; track section.id) {
-				@if (sectionTitle(section); as heading) {
-					<div class="pptx-rb-gallery-heading">{{ heading }}</div>
-				}
-				<div
-					class="grid gap-1"
-					[style.grid-template-columns]="'repeat(' + section.columns + ', max-content)'"
-				>
-					@for (item of section.items; track item.id) {
-						<button
-							type="button"
-							class="pptx-rb-gallery-tile"
-							[class.pptx-rb-gallery-tile-applied]="item.applied"
-							[attr.data-gallery-item]="item.id"
-							[attr.aria-pressed]="item.applied ? 'true' : 'false'"
-							[attr.aria-label]="label(item)"
-							[title]="label(item)"
-							[innerHTML]="item.previewSvg | pptxGallerySvg"
-							(mousedown)="$event.preventDefault()"
-							(click)="pick.emit(item)"
-						></button>
-					}
-				</div>
-			}
-		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: AnchoredPopupDirective, selector: "[pptxAnchoredPopup]", inputs: ["pptxAnchoredPopup", "pptxAnchoredPopupAlignRight"] }, { kind: "pipe", type: RibbonGallerySvgPipe, name: "pptxGallerySvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonGalleryPopupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pptx-ribbon-gallery-popup',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [AnchoredPopupDirective, RibbonGallerySvgPipe],
-                    template: `
-		<div
-			class="pptx-rb-gallery-popup"
-			role="dialog"
-			[attr.aria-label]="name"
-			[attr.data-ribbon-gallery-popup]="descriptor.id"
-			[pptxAnchoredPopup]="anchor"
-		>
-			@for (section of descriptor.sections; track section.id) {
-				@if (sectionTitle(section); as heading) {
-					<div class="pptx-rb-gallery-heading">{{ heading }}</div>
-				}
-				<div
-					class="grid gap-1"
-					[style.grid-template-columns]="'repeat(' + section.columns + ', max-content)'"
-				>
-					@for (item of section.items; track item.id) {
-						<button
-							type="button"
-							class="pptx-rb-gallery-tile"
-							[class.pptx-rb-gallery-tile-applied]="item.applied"
-							[attr.data-gallery-item]="item.id"
-							[attr.aria-pressed]="item.applied ? 'true' : 'false'"
-							[attr.aria-label]="label(item)"
-							[title]="label(item)"
-							[innerHTML]="item.previewSvg | pptxGallerySvg"
-							(mousedown)="$event.preventDefault()"
-							(click)="pick.emit(item)"
-						></button>
-					}
-				</div>
-			}
-		</div>
-	`,
-                }]
-        }], propDecorators: { descriptor: [{
-                type: Input,
-                args: [{ required: true }]
-            }], name: [{
-                type: Input
-            }], anchor: [{
-                type: Input
-            }], pick: [{
-                type: Output
-            }] } });
-
 /**
  * ribbon-gallery.component.ts: `<pptx-ribbon-gallery>`, the Angular view of a
  * `pptx-viewer-shared` ribbon style gallery (Shape Styles, Shape Effects,
@@ -171494,8 +172037,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
  * the descriptor onto markup and hands the result to
  * {@link dispatchGalleryResult}. Two modes (from the shared placement):
  * `dropdown` (one trigger button) and `inline` (a strip of the first tiles
- * plus a "more" button). Both open the same popup, pinned with the ribbon's
- * `[pptxAnchoredPopup]`, closed by a pick, an outside pointerdown or Escape.
+ * plus a "more" button). The shared control owns positioning, keyboard focus,
+ * outside-pointer dismissal and listener cleanup.
  *
  * DOM contract (identical in all five bindings; see `gallery-view.ts`): the
  * root wrapper carries `data-ribbon-control` when `control` is set, the trigger /
@@ -171512,6 +172055,26 @@ const DEFAULT_INPUTS = {
     chevronOnly: false,
 };
 class RibbonGalleryComponent {
+    constructor() {
+        this.editor = inject(EditorStateService);
+        this.loader = inject(LoadContentService, { optional: true });
+        this.themes = inject(ViewerThemeGalleryService, { optional: true });
+        this.translateService = inject(TranslateService, { optional: true });
+        this.hostEl = inject((ElementRef)).nativeElement;
+        /**
+         * Inputs are classic `@Input` accessors backed by ONE signal (not `input()`),
+         * so the gallery also binds when a parent is JIT-compiled (this package's
+         * TestBed suite has no signal-input transform) while every computed below
+         * still tracks them.
+         */
+        this.inputs = signal(DEFAULT_INPUTS, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []));
+        this.descriptor = computed(() => buildRibbonGallery(this.gallery, galleryContextFor(this.element, this.loader)), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
+        this.isDisabled = computed(() => !this.canEdit || this.descriptor().disabled || !galleryHasItems(this.descriptor()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        this.translate = (key, params) => this.translateService ? this.translateService.instant(key, params) : key;
+    }
     get gallery() {
         return this.inputs().gallery;
     }
@@ -171556,76 +172119,18 @@ class RibbonGalleryComponent {
     set chevronOnly(chevronOnly) {
         this.inputs.update((s) => ({ ...s, chevronOnly }));
     }
-    label(item) {
-        return galleryItemLabel(item, this.t);
-    }
-    constructor() {
-        this.editor = inject(EditorStateService);
-        this.loader = inject(LoadContentService, { optional: true });
-        this.themes = inject(ViewerThemeGalleryService, { optional: true });
-        this.translateService = inject(TranslateService, { optional: true });
-        this.hostEl = inject((ElementRef)).nativeElement;
-        /**
-         * Inputs are classic `@Input` accessors backed by ONE signal (not `input()`),
-         * so the gallery also binds when a parent is JIT-compiled (this package's
-         * TestBed suite has no signal-input transform) while every computed below
-         * still tracks them.
-         */
-        this.inputs = signal(DEFAULT_INPUTS, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "inputs" }] : /* istanbul ignore next */ []));
-        this.openState = signal(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "openState" }] : /* istanbul ignore next */ []));
-        /** Whether the popup is dropped down (read-only; see {@link setOpen}). */
-        this.open = this.openState.asReadonly();
-        this.descriptor = computed(() => buildRibbonGallery(this.gallery, galleryContextFor(this.element, this.loader)), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "descriptor" }] : /* istanbul ignore next */ []));
-        this.stripItems = computed(() => inlineGalleryItems(this.descriptor()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "stripItems" }] : /* istanbul ignore next */ []));
-        this.isDisabled = computed(() => !this.canEdit || this.descriptor().disabled || !galleryHasItems(this.descriptor()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
-        this.title = computed(() => this.translated(this.descriptor().labelKey, this.descriptor().label), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
-        this.t = (key, params) => this.translateService ? this.translateService.instant(key, params) : key;
-        this.onDocumentPointerDown = (event) => {
-            if (!this.hostEl.contains(event.target)) {
-                this.setOpen(false);
-            }
-        };
-        this.onDocumentKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                this.setOpen(false);
-            }
-        };
-        inject(DestroyRef, { optional: true })?.onDestroy(() => this.setOpen(false));
-    }
-    toggle() {
-        this.setOpen(!this.open() && !this.isDisabled());
-    }
-    /**
-     * Open or close the popup. While open, a pointerdown outside this gallery
-     * or Escape closes it (listeners are attached only while open, rather than
-     * through `host` metadata, which some Angular linkers drop).
-     */
-    setOpen(next) {
-        if (next === this.openState()) {
-            return;
-        }
-        this.openState.set(next);
-        if (typeof document === 'undefined') {
-            return;
-        }
-        if (next) {
-            document.addEventListener('pointerdown', this.onDocumentPointerDown, true);
-            document.addEventListener('keydown', this.onDocumentKeyDown, true);
-        }
-        else {
-            document.removeEventListener('pointerdown', this.onDocumentPointerDown, true);
-            document.removeEventListener('keydown', this.onDocumentKeyDown, true);
+    pickId(event) {
+        const id = event.detail.itemId;
+        const item = this.descriptor()
+            .sections.flatMap((section) => section.items)
+            .find((entry) => entry.id === id);
+        if (item) {
+            this.pick(item);
         }
     }
     /** Apply `item` to the selection (or theme) and close the popup. */
     pick(item) {
-        this.setOpen(false);
+        this.hostEl.querySelector('pptx-ui-ribbon-gallery')?.close();
         if (this.isDisabled()) {
             return;
         }
@@ -171636,23 +172141,36 @@ class RibbonGalleryComponent {
             themes: this.themes,
         });
     }
-    translated(key, fallback) {
-        const out = this.t(key);
-        return out && out !== key ? out : fallback;
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RibbonGalleryComponent, isStandalone: true, selector: "pptx-ribbon-gallery", inputs: { gallery: "gallery", mode: "mode", control: "control", element: "element", slideIndex: "slideIndex", canEdit: "canEdit", chevronOnly: "chevronOnly" }, host: { classAttribute: "contents" }, ngImport: i0, template: "<div\n\t#root\n\tclass=\"relative inline-flex shrink-0 items-center\"\n\t[attr.data-ribbon-control]=\"control || null\"\n>\n\t@if (mode === 'inline') {\n\t\t<div class=\"pptx-rb-gallery-strip\">\n\t\t\t@for (item of stripItems(); track item.id) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-rb-gallery-tile pptx-rb-gallery-tile-strip\"\n\t\t\t\t\t[class.pptx-rb-gallery-tile-applied]=\"item.applied\"\n\t\t\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t\t\t[attr.data-gallery-item]=\"item.id\"\n\t\t\t\t\t[attr.aria-pressed]=\"item.applied ? 'true' : 'false'\"\n\t\t\t\t\t[attr.aria-label]=\"label(item)\"\n\t\t\t\t\t[title]=\"label(item)\"\n\t\t\t\t\t[innerHTML]=\"item.previewSvg | pptxGallerySvg\"\n\t\t\t\t\t(click)=\"pick(item)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"pptx-rb-gallery-more\"\n\t\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t\t[attr.data-ribbon-gallery]=\"gallery\"\n\t\t\t\t[attr.aria-expanded]=\"open()\"\n\t\t\t\t[attr.aria-label]=\"'pptx.gallery.more' | translate: { name: title() }\"\n\t\t\t\t[title]=\"'pptx.gallery.more' | translate: { name: title() }\"\n\t\t\t\t(click)=\"toggle()\"\n\t\t\t>\n\t\t\t\t<svg lucideChevronDown class=\"h-3 w-3\"></svg>\n\t\t\t</button>\n\t\t</div>\n\t} @else {\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[attr.data-pptx-chrome]=\"chevronOnly ? 'gallery-caret' : null\"\n\t\t\t[class]=\"chevronOnly ? 'pptx-rb-gb px-1' : 'pptx-rb-pill'\"\n\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t[attr.data-ribbon-gallery]=\"gallery\"\n\t\t\t[attr.aria-expanded]=\"open()\"\n\t\t\t[attr.aria-label]=\"title()\"\n\t\t\t[title]=\"title()\"\n\t\t\t(mousedown)=\"$event.preventDefault()\"\n\t\t\t(click)=\"toggle()\"\n\t\t>\n\t\t\t@if (!chevronOnly) {\n\t\t\t\t@if (gallery === 'shapeStyles' || gallery === 'shapeEffects') {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[pptxRibbonIcon]=\"\n\t\t\t\t\t\t\tgallery === 'shapeStyles' ? 'home.drawing.quickStyles' : 'home.drawing.shapeEffects'\n\t\t\t\t\t\t\"\n\t\t\t\t\t></svg>\n\t\t\t\t}\n\t\t\t\t<span class=\"whitespace-nowrap\">{{ title() }}</span>\n\t\t\t}\n\t\t\t<svg lucideChevronDown class=\"h-3 w-3\"></svg>\n\t\t</button>\n\t}\n\t@if (open()) {\n\t\t<pptx-ribbon-gallery-popup\n\t\t\t[descriptor]=\"descriptor()\"\n\t\t\t[name]=\"title()\"\n\t\t\t[anchor]=\"root\"\n\t\t\t(pick)=\"pick($event)\"\n\t\t/>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: RibbonIconDirective, selector: "svg[pptxRibbonIcon]", inputs: ["pptxRibbonIcon"] }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: RibbonGalleryPopupComponent, selector: "pptx-ribbon-gallery-popup", inputs: ["descriptor", "name", "anchor"], outputs: ["pick"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: RibbonGallerySvgPipe, name: "pptxGallerySvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RibbonGalleryComponent, isStandalone: true, selector: "pptx-ribbon-gallery", inputs: { gallery: "gallery", mode: "mode", control: "control", element: "element", slideIndex: "slideIndex", canEdit: "canEdit", chevronOnly: "chevronOnly" }, host: { classAttribute: "contents" }, ngImport: i0, template: `<pptx-ui-ribbon-gallery
+		[attr.data-ribbon-control]="control"
+		[attr.mode]="mode"
+		[attr.chevron-only]="chevronOnly ? '' : null"
+		[descriptor]="descriptor()"
+		[translateLabel]="translate"
+		[disabled]="isDisabled()"
+		(gallery-pick)="pickId($event)"
+	/>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonGalleryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-ribbon-gallery', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'contents' }, imports: [
-                        RibbonIconDirective,
-                        TranslatePipe,
-                        LucideChevronDown,
-                        RibbonGalleryPopupComponent,
-                        RibbonGallerySvgPipe,
-                    ], template: "<div\n\t#root\n\tclass=\"relative inline-flex shrink-0 items-center\"\n\t[attr.data-ribbon-control]=\"control || null\"\n>\n\t@if (mode === 'inline') {\n\t\t<div class=\"pptx-rb-gallery-strip\">\n\t\t\t@for (item of stripItems(); track item.id) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"pptx-rb-gallery-tile pptx-rb-gallery-tile-strip\"\n\t\t\t\t\t[class.pptx-rb-gallery-tile-applied]=\"item.applied\"\n\t\t\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t\t\t[attr.data-gallery-item]=\"item.id\"\n\t\t\t\t\t[attr.aria-pressed]=\"item.applied ? 'true' : 'false'\"\n\t\t\t\t\t[attr.aria-label]=\"label(item)\"\n\t\t\t\t\t[title]=\"label(item)\"\n\t\t\t\t\t[innerHTML]=\"item.previewSvg | pptxGallerySvg\"\n\t\t\t\t\t(click)=\"pick(item)\"\n\t\t\t\t></button>\n\t\t\t}\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=\"pptx-rb-gallery-more\"\n\t\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t\t[attr.data-ribbon-gallery]=\"gallery\"\n\t\t\t\t[attr.aria-expanded]=\"open()\"\n\t\t\t\t[attr.aria-label]=\"'pptx.gallery.more' | translate: { name: title() }\"\n\t\t\t\t[title]=\"'pptx.gallery.more' | translate: { name: title() }\"\n\t\t\t\t(click)=\"toggle()\"\n\t\t\t>\n\t\t\t\t<svg lucideChevronDown class=\"h-3 w-3\"></svg>\n\t\t\t</button>\n\t\t</div>\n\t} @else {\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\t[attr.data-pptx-chrome]=\"chevronOnly ? 'gallery-caret' : null\"\n\t\t\t[class]=\"chevronOnly ? 'pptx-rb-gb px-1' : 'pptx-rb-pill'\"\n\t\t\t[disabled]=\"isDisabled()\"\n\t\t\t[attr.data-ribbon-gallery]=\"gallery\"\n\t\t\t[attr.aria-expanded]=\"open()\"\n\t\t\t[attr.aria-label]=\"title()\"\n\t\t\t[title]=\"title()\"\n\t\t\t(mousedown)=\"$event.preventDefault()\"\n\t\t\t(click)=\"toggle()\"\n\t\t>\n\t\t\t@if (!chevronOnly) {\n\t\t\t\t@if (gallery === 'shapeStyles' || gallery === 'shapeEffects') {\n\t\t\t\t\t<svg\n\t\t\t\t\t\t[pptxRibbonIcon]=\"\n\t\t\t\t\t\t\tgallery === 'shapeStyles' ? 'home.drawing.quickStyles' : 'home.drawing.shapeEffects'\n\t\t\t\t\t\t\"\n\t\t\t\t\t></svg>\n\t\t\t\t}\n\t\t\t\t<span class=\"whitespace-nowrap\">{{ title() }}</span>\n\t\t\t}\n\t\t\t<svg lucideChevronDown class=\"h-3 w-3\"></svg>\n\t\t</button>\n\t}\n\t@if (open()) {\n\t\t<pptx-ribbon-gallery-popup\n\t\t\t[descriptor]=\"descriptor()\"\n\t\t\t[name]=\"title()\"\n\t\t\t[anchor]=\"root\"\n\t\t\t(pick)=\"pick($event)\"\n\t\t/>\n\t}\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { gallery: [{
+            args: [{
+                    selector: 'pptx-ribbon-gallery',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    template: `<pptx-ui-ribbon-gallery
+		[attr.data-ribbon-control]="control"
+		[attr.mode]="mode"
+		[attr.chevron-only]="chevronOnly ? '' : null"
+		[descriptor]="descriptor()"
+		[translateLabel]="translate"
+		[disabled]="isDisabled()"
+		(gallery-pick)="pickId($event)"
+	/>`,
+                }]
+        }], propDecorators: { gallery: [{
                 type: Input,
                 args: [{ required: true }]
             }], mode: [{
@@ -172824,27 +173342,22 @@ class RibbonContextualSectionComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonContextualSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RibbonContextualSectionComponent, isStandalone: true, selector: "pptx-ribbon-contextual-section", inputs: { tab: { classPropertyName: "tab", publicName: "tab", isSignal: true, isRequired: true, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
-		@for (group of groups(); track group.group; let last = $last) {
-			<div class="flex flex-col items-center gap-0.5" [attr.data-ribbon-group]="group.group">
-				<div class="flex items-center gap-1">
-					@for (placement of group.galleries; track placement.control) {
-						<pptx-ribbon-gallery
-							[gallery]="placement.gallery"
-							[mode]="placement.mode"
-							[control]="placement.control"
-							[element]="selectedElement()"
-							[slideIndex]="slideIndex()"
-							[canEdit]="canEdit()"
-						/>
-					}
-				</div>
-				<span class="text-[9px] leading-none text-muted-foreground">
-					{{ group.labelKey | translate }}
-				</span>
-			</div>
-			@if (!last) {
-				<span class="pptx-rb-sep"></span>
-			}
+		@for (group of groups(); track group.group) {
+			<pptx-ui-ribbon-group
+				[attr.label]="group.labelKey | translate"
+				[attr.data-ribbon-group]="group.group"
+			>
+				@for (placement of group.galleries; track placement.control) {
+					<pptx-ribbon-gallery
+						[gallery]="placement.gallery"
+						[mode]="placement.mode"
+						[control]="placement.control"
+						[element]="selectedElement()"
+						[slideIndex]="slideIndex()"
+						[canEdit]="canEdit()"
+					/>
+				}
+			</pptx-ui-ribbon-group>
 		}
 	`, isInline: true, dependencies: [{ kind: "component", type: RibbonGalleryComponent, selector: "pptx-ribbon-gallery", inputs: ["gallery", "mode", "control", "element", "slideIndex", "canEdit", "chevronOnly"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
@@ -172856,28 +173369,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { class: 'contents' },
                     imports: [TranslatePipe, RibbonGalleryComponent],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                     template: `
-		@for (group of groups(); track group.group; let last = $last) {
-			<div class="flex flex-col items-center gap-0.5" [attr.data-ribbon-group]="group.group">
-				<div class="flex items-center gap-1">
-					@for (placement of group.galleries; track placement.control) {
-						<pptx-ribbon-gallery
-							[gallery]="placement.gallery"
-							[mode]="placement.mode"
-							[control]="placement.control"
-							[element]="selectedElement()"
-							[slideIndex]="slideIndex()"
-							[canEdit]="canEdit()"
-						/>
-					}
-				</div>
-				<span class="text-[9px] leading-none text-muted-foreground">
-					{{ group.labelKey | translate }}
-				</span>
-			</div>
-			@if (!last) {
-				<span class="pptx-rb-sep"></span>
-			}
+		@for (group of groups(); track group.group) {
+			<pptx-ui-ribbon-group
+				[attr.label]="group.labelKey | translate"
+				[attr.data-ribbon-group]="group.group"
+			>
+				@for (placement of group.galleries; track placement.control) {
+					<pptx-ribbon-gallery
+						[gallery]="placement.gallery"
+						[mode]="placement.mode"
+						[control]="placement.control"
+						[element]="selectedElement()"
+						[slideIndex]="slideIndex()"
+						[canEdit]="canEdit()"
+					/>
+				}
+			</pptx-ui-ribbon-group>
 		}
 	`,
                 }]
@@ -172907,23 +173416,12 @@ function isContextualRibbonTab(tab) {
     return RIBBON_CONTEXTUAL_TABS.some((t) => t.id === tab);
 }
 
-/**
- * ribbon-design-section.component.ts: the Design ribbon tab (Browse Themes / Edit
- * Theme, the Variants Colors / Fonts galleries, Slide Size, Format Background).
- * Split out of {@link RibbonComponent}.
- *
- * Edit Theme and Slide Size used to emit `info`, which opens the Document
- * Properties dialog: two controls with the right label pointing at an unrelated
- * dialog. Both viewer surfaces they name already exist, so each now has its own
- * output and the host routes it to the real thing: Edit Theme opens the theme
- * gallery straight in its customise (theme-editor) mode, Slide Size opens the
- * inspector's deck panel, whose SLIDE SIZE card is the real control.
- */
 class RibbonDesignSectionComponent {
     constructor() {
+        this.groups = DESIGN_RIBBON_GROUPS;
+        this.commands = DESIGN_RIBBON_COMMANDS;
         this.themeGalleryOpen = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "themeGalleryOpen" }] : /* istanbul ignore next */ []));
-        /** Selection + editability for the Variants galleries. */
         this.selectedElement = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "selectedElement" }] : /* istanbul ignore next */ []));
         this.slideIndex = input(0, /* @ts-ignore */
@@ -172931,82 +173429,74 @@ class RibbonDesignSectionComponent {
         this.canEdit = input(false, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
         this.toggleThemeGallery = output();
-        /** "Edit Theme": open the theme gallery already in its customise mode. */
         this.editTheme = output();
-        /** "Slide Size": surface the inspector deck panel that owns the size card. */
         this.openSlideSize = output();
         this.toggleInspector = output();
     }
+    view(id) {
+        return designCommandState(id, {
+            editable: this.canEdit(),
+            galleryOpen: this.themeGalleryOpen(),
+        });
+    }
+    request(id) {
+        if (this.view(id).disabled) {
+            return;
+        }
+        if (id === 'design.themes.browseThemes') {
+            this.toggleThemeGallery.emit();
+        }
+        else if (id === 'design.themes.editTheme') {
+            this.editTheme.emit();
+        }
+        else if (id === 'design.customize.slideSize') {
+            this.openSlideSize.emit();
+        }
+        else if (id === 'design.customize.formatBackground') {
+            this.toggleInspector.emit();
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonDesignSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RibbonDesignSectionComponent, isStandalone: true, selector: "pptx-ribbon-design-section", inputs: { themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleThemeGallery: "toggleThemeGallery", editTheme: "editTheme", openSlideSize: "openSlideSize", toggleInspector: "toggleInspector" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
-		<span class="contents" data-ribbon-group="design.themes">
-			<!-- Themes -->
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.themes.browseThemes"
-				[ngClass]="themeGalleryOpen() ? 'bg-primary text-primary-foreground' : ''"
-				[title]="'pptx.ribbon.browseThemesTitle' | translate"
-				(click)="toggleThemeGallery.emit()"
-			>
-				{{ 'pptx.ribbon.browseThemes' | translate }}
-			</button>
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.themes.editTheme"
-				[title]="'pptx.ribbon.editThemeTitle' | translate"
-				(click)="editTheme.emit()"
-			>
-				{{ 'pptx.ribbon.editTheme' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Variants: the shared theme Colors / Fonts galleries (FIXED_TAB_GALLERIES). -->
-		<div class="flex flex-col items-center gap-0.5" data-ribbon-group="design.variants">
-			<div class="flex items-center gap-1">
-				<pptx-ribbon-gallery
-					gallery="themeColors"
-					control="design.variants.colors"
-					[element]="selectedElement()"
-					[slideIndex]="slideIndex()"
-					[canEdit]="canEdit()"
-				/>
-				<pptx-ribbon-gallery
-					gallery="themeFonts"
-					control="design.variants.fonts"
-					[element]="selectedElement()"
-					[slideIndex]="slideIndex()"
-					[canEdit]="canEdit()"
-				/>
-			</div>
-			<span class="text-[9px] leading-none text-muted-foreground">
-				{{ 'pptx.ribbon.groupVariants' | translate }}
-			</span>
-		</div>
-		<span class="pptx-rb-sep"></span>
-		<span class="contents" data-ribbon-group="design.customize">
-			<!-- Customize -->
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.customize.slideSize"
-				[title]="'pptx.ribbon.slideSizeTitle' | translate"
-				(click)="openSlideSize.emit()"
-			>
-				{{ 'pptx.ribbon.slideSize' | translate }}
-			</button>
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.customize.formatBackground"
-				[title]="'pptx.ribbon.formatBackgroundTitle' | translate"
-				(click)="toggleInspector.emit()"
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RibbonDesignSectionComponent, isStandalone: true, selector: "pptx-ribbon-design-section", inputs: { themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleThemeGallery: "toggleThemeGallery", editTheme: "editTheme", openSlideSize: "openSlideSize", toggleInspector: "toggleInspector" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+		@for (group of groups; track group.id) {
+			<pptx-ui-ribbon-group
+				[attr.label]="group.labelKey | translate"
+				[attr.data-ribbon-group]="group.id"
 			>
-				{{ 'pptx.ribbon.formatBackground' | translate }}
-			</button>
-		</span>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: RibbonGalleryComponent, selector: "pptx-ribbon-gallery", inputs: ["gallery", "mode", "control", "element", "slideIndex", "canEdit", "chevronOnly"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+				@for (command of commands; track command.id) {
+					@if (command.id.startsWith(group.id + '.')) {
+						<pptx-ui-ribbon-command
+							[attr.data-ribbon-control]="command.id"
+							[attr.label]="command.labelKey | translate"
+							[attr.title]="command.titleKey | translate"
+							[attr.icon]="command.icon"
+							compact
+							[attr.disabled]="view(command.id).disabled ? '' : null"
+							[attr.active]="view(command.id).active ? '' : null"
+							[attr.expanded]="view(command.id).expanded"
+							(command-request)="request(command.id)"
+						/>
+					}
+				}
+				@if (group.id === 'design.variants') {
+					<pptx-ribbon-gallery
+						gallery="themeColors"
+						control="design.variants.colors"
+						[element]="selectedElement()"
+						[slideIndex]="slideIndex()"
+						[canEdit]="canEdit()"
+					/>
+					<pptx-ribbon-gallery
+						gallery="themeFonts"
+						control="design.variants.fonts"
+						[element]="selectedElement()"
+						[slideIndex]="slideIndex()"
+						[canEdit]="canEdit()"
+					/>
+				}
+			</pptx-ui-ribbon-group>
+		}
+	`, isInline: true, dependencies: [{ kind: "component", type: RibbonGalleryComponent, selector: "pptx-ribbon-gallery", inputs: ["gallery", "mode", "control", "element", "slideIndex", "canEdit", "chevronOnly"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonDesignSectionComponent, decorators: [{
             type: Component,
@@ -173015,75 +173505,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { class: 'contents' },
-                    imports: [NgClass, TranslatePipe, RibbonGalleryComponent],
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    imports: [TranslatePipe, RibbonGalleryComponent],
                     template: `
-		<span class="contents" data-ribbon-group="design.themes">
-			<!-- Themes -->
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.themes.browseThemes"
-				[ngClass]="themeGalleryOpen() ? 'bg-primary text-primary-foreground' : ''"
-				[title]="'pptx.ribbon.browseThemesTitle' | translate"
-				(click)="toggleThemeGallery.emit()"
-			>
-				{{ 'pptx.ribbon.browseThemes' | translate }}
-			</button>
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.themes.editTheme"
-				[title]="'pptx.ribbon.editThemeTitle' | translate"
-				(click)="editTheme.emit()"
-			>
-				{{ 'pptx.ribbon.editTheme' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Variants: the shared theme Colors / Fonts galleries (FIXED_TAB_GALLERIES). -->
-		<div class="flex flex-col items-center gap-0.5" data-ribbon-group="design.variants">
-			<div class="flex items-center gap-1">
-				<pptx-ribbon-gallery
-					gallery="themeColors"
-					control="design.variants.colors"
-					[element]="selectedElement()"
-					[slideIndex]="slideIndex()"
-					[canEdit]="canEdit()"
-				/>
-				<pptx-ribbon-gallery
-					gallery="themeFonts"
-					control="design.variants.fonts"
-					[element]="selectedElement()"
-					[slideIndex]="slideIndex()"
-					[canEdit]="canEdit()"
-				/>
-			</div>
-			<span class="text-[9px] leading-none text-muted-foreground">
-				{{ 'pptx.ribbon.groupVariants' | translate }}
-			</span>
-		</div>
-		<span class="pptx-rb-sep"></span>
-		<span class="contents" data-ribbon-group="design.customize">
-			<!-- Customize -->
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.customize.slideSize"
-				[title]="'pptx.ribbon.slideSizeTitle' | translate"
-				(click)="openSlideSize.emit()"
-			>
-				{{ 'pptx.ribbon.slideSize' | translate }}
-			</button>
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				data-ribbon-control="design.customize.formatBackground"
-				[title]="'pptx.ribbon.formatBackgroundTitle' | translate"
-				(click)="toggleInspector.emit()"
+		@for (group of groups; track group.id) {
+			<pptx-ui-ribbon-group
+				[attr.label]="group.labelKey | translate"
+				[attr.data-ribbon-group]="group.id"
 			>
-				{{ 'pptx.ribbon.formatBackground' | translate }}
-			</button>
-		</span>
+				@for (command of commands; track command.id) {
+					@if (command.id.startsWith(group.id + '.')) {
+						<pptx-ui-ribbon-command
+							[attr.data-ribbon-control]="command.id"
+							[attr.label]="command.labelKey | translate"
+							[attr.title]="command.titleKey | translate"
+							[attr.icon]="command.icon"
+							compact
+							[attr.disabled]="view(command.id).disabled ? '' : null"
+							[attr.active]="view(command.id).active ? '' : null"
+							[attr.expanded]="view(command.id).expanded"
+							(command-request)="request(command.id)"
+						/>
+					}
+				}
+				@if (group.id === 'design.variants') {
+					<pptx-ribbon-gallery
+						gallery="themeColors"
+						control="design.variants.colors"
+						[element]="selectedElement()"
+						[slideIndex]="slideIndex()"
+						[canEdit]="canEdit()"
+					/>
+					<pptx-ribbon-gallery
+						gallery="themeFonts"
+						control="design.variants.fonts"
+						[element]="selectedElement()"
+						[slideIndex]="slideIndex()"
+						[canEdit]="canEdit()"
+					/>
+				}
+			</pptx-ui-ribbon-group>
+		}
 	`,
                 }]
         }], propDecorators: { themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], editTheme: [{ type: i0.Output, args: ["editTheme"] }], openSlideSize: [{ type: i0.Output, args: ["openSlideSize"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }] } });
@@ -173452,190 +173914,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                 }]
         }], propDecorators: { recordFromBeginning: [{ type: i0.Output, args: ["recordFromBeginning"] }], recordFromCurrent: [{ type: i0.Output, args: ["recordFromCurrent"] }] } });
 
-/**
- * ribbon-review-section.component.ts: the Review ribbon tab (Proofing,
- * Accessibility, Language, Changes, Comments and Protect groups). Split out of
- * {@link RibbonComponent}.
- *
- * Several entries are rendered disabled rather than left out: Thesaurus,
- * Translate, Mark All Read, comment Delete/Previous/Next, and the three
- * Protect commands. None of them has a backend in this viewer yet, but a user
- * looking for "Restrict Permission" should find where it will be instead of
- * concluding the tab is broken, and every other binding lists them.
- */
 class RibbonReviewSectionComponent {
     constructor() {
-        this.editor = inject(EditorStateService);
-        this.spellCheckEnabled = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "spellCheckEnabled" }] : /* istanbul ignore next */ []));
-        this.canEdit = input(false, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+        this.translator = inject(TranslateService);
+        this.state = signal({ spellCheck: false, editable: false }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
         this.comments = output();
         this.spellCheckChange = output();
         this.a11y = output();
         this.openCompare = output();
         this.language = output();
         this.link = output();
+        this.groups = computed(() => buildReviewRibbon((key) => this.translator.instant(key), {
+            editable: this.canEdit,
+            spellCheck: this.spellCheckEnabled,
+            canAccessibility: true,
+            canLanguage: true,
+            canCompare: true,
+            canComments: true,
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "groups" }] : /* istanbul ignore next */ []));
     }
-    hasSel() {
-        return this.editor.selectedIds().length > 0;
+    get spellCheckEnabled() {
+        return this.state().spellCheck;
+    }
+    set spellCheckEnabled(value) {
+        this.state.update((state) => ({ ...state, spellCheck: value }));
+    }
+    get canEdit() {
+        return this.state().editable;
+    }
+    set canEdit(value) {
+        this.state.update((state) => ({ ...state, editable: value }));
+    }
+    request(event) {
+        switch (event.detail.id) {
+            case 'review.proofing.spelling':
+                this.spellCheckChange.emit(!this.spellCheckEnabled);
+                break;
+            case 'review.accessibility.check':
+                this.a11y.emit();
+                break;
+            case 'review.language.language':
+                this.language.emit();
+                break;
+            case 'review.compare.compare':
+                if (this.canEdit) {
+                    this.openCompare.emit();
+                }
+                break;
+            case 'review.comments.newComment':
+            case 'review.comments.showComments':
+                this.comments.emit();
+                break;
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonReviewSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RibbonReviewSectionComponent, isStandalone: true, selector: "pptx-ribbon-review-section", inputs: { spellCheckEnabled: { classPropertyName: "spellCheckEnabled", publicName: "spellCheckEnabled", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { comments: "comments", spellCheckChange: "spellCheckChange", a11y: "a11y", openCompare: "openCompare", language: "language", link: "link" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
-		<!-- Proofing -->
-		<span class="contents" data-ribbon-group="review.proofing">
-			<button
-				data-ribbon-control="review.proofing.spelling"
-				type="button"
-				class="pptx-rb-pill"
-				[class.is-active]="spellCheckEnabled()"
-				[attr.aria-pressed]="spellCheckEnabled()"
-				[title]="'pptx.review.toggleSpellCheck' | translate"
-				(click)="spellCheckChange.emit(!spellCheckEnabled())"
-			>
-				{{ 'pptx.review.spelling' | translate }}
-			</button>
-			<button
-				data-ribbon-control="review.proofing.thesaurus"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.thesaurus' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Accessibility -->
-		<button
-			data-ribbon-group="review.accessibility"
-			data-ribbon-control="review.accessibility.check"
-			type="button"
-			class="pptx-rb-pill"
-			[title]="'pptx.review.accessibilityCheckTooltip' | translate"
-			(click)="a11y.emit()"
-		>
-			{{ 'pptx.review.accessibilityCheck' | translate }}
-		</button>
-		<span class="pptx-rb-sep"></span>
-		<!-- Language -->
-		<span class="contents" data-ribbon-group="review.language">
-			<button
-				data-ribbon-control="review.language.translate"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.translate' | translate }}
-			</button>
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				[title]="'pptx.review.languageTooltip' | translate"
-				(click)="language.emit()"
-			>
-				{{ 'pptx.review.language' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Changes -->
-		<span class="contents" data-ribbon-group="review.compare">
-			<button
-				data-ribbon-control="review.compare.markAllRead"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.markAllRead' | translate }}
-			</button>
-			<button
-				data-ribbon-control="review.compare.compare"
-				type="button"
-				class="pptx-rb-pill"
-				[disabled]="!canEdit()"
-				[title]="'pptx.ribbon.compareTitle' | translate"
-				(click)="openCompare.emit()"
-			>
-				{{ 'pptx.ribbon.compare' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Comments -->
-		<span class="contents" data-ribbon-group="review.comments">
-			<button type="button" class="pptx-rb-pill" (click)="comments.emit()">
-				{{ 'pptx.toolbar.comments' | translate }}
-			</button>
-			<div class="flex flex-col justify-center gap-0.5">
-				<button
-					data-ribbon-control="review.comments.delete"
-					type="button"
-					class="pptx-rb-toggle"
-					disabled
-				>
-					{{ 'pptx.common.delete' | translate }}
-				</button>
-				<button
-					data-ribbon-control="review.comments.previous"
-					type="button"
-					class="pptx-rb-toggle"
-					disabled
-				>
-					{{ 'pptx.common.previous' | translate }}
-				</button>
-			</div>
-			<div class="flex flex-col justify-center gap-0.5">
-				<button
-					data-ribbon-control="review.comments.next"
-					type="button"
-					class="pptx-rb-toggle"
-					disabled
-				>
-					{{ 'pptx.common.next' | translate }}
-				</button>
-				<button
-					data-ribbon-control="review.comments.showComments"
-					type="button"
-					class="pptx-rb-toggle hover:bg-accent"
-					(click)="comments.emit()"
-				>
-					{{ 'pptx.review.showComments' | translate }}
-				</button>
-			</div>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Protect -->
-		<span class="contents" data-ribbon-group="review.protect">
-			<button
-				data-ribbon-control="review.protect.readOnly"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.readOnly' | translate }}
-			</button>
-			<button
-				data-ribbon-control="review.protect.restrictPermission"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.restrictPermission' | translate }}
-			</button>
-		</span>
-		<button
-			data-ribbon-group="review.ink"
-			data-ribbon-control="review.ink.hideInk"
-			type="button"
-			class="pptx-rb-pill"
-			disabled
-		>
-			{{ 'pptx.review.hideInk' | translate }}
-		</button>
-		@if (hasSel()) {
-			<button type="button" class="pptx-rb-pill" (click)="link.emit()">
-				{{ 'pptx.ribbon.link' | translate }}
-			</button>
-		}
-	`, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RibbonReviewSectionComponent, isStandalone: true, selector: "pptx-ribbon-review-section", inputs: { spellCheckEnabled: "spellCheckEnabled", canEdit: "canEdit" }, outputs: { comments: "comments", spellCheckChange: "spellCheckChange", a11y: "a11y", openCompare: "openCompare", language: "language", link: "link" }, host: { classAttribute: "contents" }, ngImport: i0, template: `<pptx-ui-ribbon-section [groups]="groups()" (command-request)="request($event)" />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RibbonReviewSectionComponent, decorators: [{
             type: Component,
@@ -173644,164 +173979,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { class: 'contents' },
-                    imports: [TranslatePipe],
-                    template: `
-		<!-- Proofing -->
-		<span class="contents" data-ribbon-group="review.proofing">
-			<button
-				data-ribbon-control="review.proofing.spelling"
-				type="button"
-				class="pptx-rb-pill"
-				[class.is-active]="spellCheckEnabled()"
-				[attr.aria-pressed]="spellCheckEnabled()"
-				[title]="'pptx.review.toggleSpellCheck' | translate"
-				(click)="spellCheckChange.emit(!spellCheckEnabled())"
-			>
-				{{ 'pptx.review.spelling' | translate }}
-			</button>
-			<button
-				data-ribbon-control="review.proofing.thesaurus"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.thesaurus' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Accessibility -->
-		<button
-			data-ribbon-group="review.accessibility"
-			data-ribbon-control="review.accessibility.check"
-			type="button"
-			class="pptx-rb-pill"
-			[title]="'pptx.review.accessibilityCheckTooltip' | translate"
-			(click)="a11y.emit()"
-		>
-			{{ 'pptx.review.accessibilityCheck' | translate }}
-		</button>
-		<span class="pptx-rb-sep"></span>
-		<!-- Language -->
-		<span class="contents" data-ribbon-group="review.language">
-			<button
-				data-ribbon-control="review.language.translate"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.translate' | translate }}
-			</button>
-			<button
-				type="button"
-				class="pptx-rb-pill"
-				[title]="'pptx.review.languageTooltip' | translate"
-				(click)="language.emit()"
-			>
-				{{ 'pptx.review.language' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Changes -->
-		<span class="contents" data-ribbon-group="review.compare">
-			<button
-				data-ribbon-control="review.compare.markAllRead"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.markAllRead' | translate }}
-			</button>
-			<button
-				data-ribbon-control="review.compare.compare"
-				type="button"
-				class="pptx-rb-pill"
-				[disabled]="!canEdit()"
-				[title]="'pptx.ribbon.compareTitle' | translate"
-				(click)="openCompare.emit()"
-			>
-				{{ 'pptx.ribbon.compare' | translate }}
-			</button>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Comments -->
-		<span class="contents" data-ribbon-group="review.comments">
-			<button type="button" class="pptx-rb-pill" (click)="comments.emit()">
-				{{ 'pptx.toolbar.comments' | translate }}
-			</button>
-			<div class="flex flex-col justify-center gap-0.5">
-				<button
-					data-ribbon-control="review.comments.delete"
-					type="button"
-					class="pptx-rb-toggle"
-					disabled
-				>
-					{{ 'pptx.common.delete' | translate }}
-				</button>
-				<button
-					data-ribbon-control="review.comments.previous"
-					type="button"
-					class="pptx-rb-toggle"
-					disabled
-				>
-					{{ 'pptx.common.previous' | translate }}
-				</button>
-			</div>
-			<div class="flex flex-col justify-center gap-0.5">
-				<button
-					data-ribbon-control="review.comments.next"
-					type="button"
-					class="pptx-rb-toggle"
-					disabled
-				>
-					{{ 'pptx.common.next' | translate }}
-				</button>
-				<button
-					data-ribbon-control="review.comments.showComments"
-					type="button"
-					class="pptx-rb-toggle hover:bg-accent"
-					(click)="comments.emit()"
-				>
-					{{ 'pptx.review.showComments' | translate }}
-				</button>
-			</div>
-		</span>
-		<span class="pptx-rb-sep"></span>
-		<!-- Protect -->
-		<span class="contents" data-ribbon-group="review.protect">
-			<button
-				data-ribbon-control="review.protect.readOnly"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.readOnly' | translate }}
-			</button>
-			<button
-				data-ribbon-control="review.protect.restrictPermission"
-				type="button"
-				class="pptx-rb-pill"
-				disabled
-			>
-				{{ 'pptx.review.restrictPermission' | translate }}
-			</button>
-		</span>
-		<button
-			data-ribbon-group="review.ink"
-			data-ribbon-control="review.ink.hideInk"
-			type="button"
-			class="pptx-rb-pill"
-			disabled
-		>
-			{{ 'pptx.review.hideInk' | translate }}
-		</button>
-		@if (hasSel()) {
-			<button type="button" class="pptx-rb-pill" (click)="link.emit()">
-				{{ 'pptx.ribbon.link' | translate }}
-			</button>
-		}
-	`,
+                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
+                    template: `<pptx-ui-ribbon-section [groups]="groups()" (command-request)="request($event)" />`,
                 }]
-        }], propDecorators: { spellCheckEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "spellCheckEnabled", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], comments: [{ type: i0.Output, args: ["comments"] }], spellCheckChange: [{ type: i0.Output, args: ["spellCheckChange"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], language: [{ type: i0.Output, args: ["language"] }], link: [{ type: i0.Output, args: ["link"] }] } });
+        }], propDecorators: { spellCheckEnabled: [{
+                type: Input
+            }], canEdit: [{
+                type: Input
+            }], comments: [{ type: i0.Output, args: ["comments"] }], spellCheckChange: [{ type: i0.Output, args: ["spellCheckChange"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], language: [{ type: i0.Output, args: ["language"] }], link: [{ type: i0.Output, args: ["link"] }] } });
 
 class SubtitleSettingsControlComponent {
     constructor() {
@@ -176194,7 +176379,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "4.15.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "4.16.0";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -214563,4 +214748,4 @@ function cn(...values) {
  */
 
 export { AiProposalCardComponent as $, smartArt3DEyeInDiagram as A, resolveSmartArt3DLightModel as B, AFTER_ANIMATION_VALUES as C, DEFAULT_PALETTE$1 as D, ALIGN_OPTIONS as E, ANIMATION_PRESET_CATEGORIES as F, AUDIENCE_HASH as G, AUDIENCE_NONCE_KEY as H, AVATAR_COLOR_SWATCHES as I, AXIS_LABEL_COLOR as J, AccessibilityPanelComponent as K, AccessibilityService as L, AccessibilityTextPanelComponent as M, NO_THREE_VIEW_OVERFLOW as N, AccountPageComponent as O, ActionSettingsPanelComponent as P, AdvancedChartEditorComponent as Q, AiChangeOverlayComponent as R, AiChatPanelComponent as S, AiChatService as T, AiComposerComponent as U, AiFocusBarComponent as V, AiFocusHighlightOverlayComponent as W, AiHistoryMenuComponent as X, AiHistoryService as Y, AiMessageListComponent as Z, AiPanelStore as _, appendChartLegendSvg as a, ELEMENT_CONTEXT_MENU_COMMAND_IDS as a$, AiSettingsSectionComponent as a0, AiToolCallCardComponent as a1, AnimationAuthorPanelComponent as a2, AnimationPanelComponent as a3, AnimationPlaybackService as a4, AutosaveRecoveryDialogComponent as a5, AutosaveService as a6, BACKSTAGE_CARD_IDS as a7, BACKSTAGE_PAGE_IDS as a8, BroadcastDialogComponent as a9, CommentsService as aA, ComparePanelComponent as aB, ConnectorRendererComponent as aC, ConnectorTextOverlayComponent as aD, CustomShowsComponent as aE, DEFAULT_BOUNDS as aF, DEFAULT_BROADCAST_SERVER_URL as aG, DEFAULT_CANVAS_HEIGHT as aH, DEFAULT_CANVAS_WIDTH as aI, DEFAULT_COLOR_SCHEME as aJ, DEFAULT_FILL_COLOR$1 as aK, DEFAULT_LAYOUT as aL, DEFAULT_MORPH_DURATION_MS as aM, DEFAULT_PATTERN_FILL_PRESET as aN, DEFAULT_PRINT_SETTINGS as aO, DEFAULT_SLIDE_BACKGROUND as aP, DEFAULT_STROKE_COLOR as aQ, DEFAULT_STYLE as aR, DEFAULT_TABLE_ROW_HEIGHT as aS, DEFAULT_TEXT_COLOR$2 as aT, DEFAULT_VIEWER_PROFILE as aU, DIRECTIONAL_PRESETS as aV, DIRECTION_OPTIONS as aW, DocumentPropertiesCardComponent as aX, EASE as aY, EDITOR_SHORTCUT_ACTION_IDS as aZ, EFFECT_SOUND_CATALOGUE as a_, CANVAS_CONTEXT_MENU_COMMAND_IDS as aa, CHART_EDITOR_STYLES as ab, CINEMATIC_TRANSITION_KEYFRAMES as ac, CURSOR_PALETTE as ad, CanvasFitService as ae, ChartAxisOptionsComponent as af, ChartAxisStyleOptionsComponent as ag, ChartComboTypeOptionsComponent as ah, ChartDataEditorComponent as ai, ChartDataLabelOptionsComponent as aj, ChartDatapointMarkerOptionsComponent as ak, ChartDatapointOptionsComponent as al, ChartDisplayOptionsComponent as am, ChartElementViewComponent as an, ChartErrorBarOptionsComponent as ao, ChartMarkerOptionsComponent as ap, ChartPartSelectionService as aq, ChartPrimitivesComponent as ar, ChartRendererComponent as as, ChartTrendlineOptionsComponent as at, ChartTypeSelectorComponent as au, CollaborationCursorsComponent as av, CollaborationService as aw, ColorChangedImageComponent as ax, CommentMarkersOverlayComponent as ay, CommentsPanelComponent as az, renderChartTextSvg as b, NotesToolbarComponent as b$, EMBEDDED_FONTS_STYLE_ID as b0, EMPHASIS_PRESETS as b1, ENTRANCE_PRESETS as b2, TEMPLATES as b3, EXIT_PRESETS as b4, EditorContextMenuComponent as b5, EditorHistory as b6, EditorStateService as b7, EditorToolbarComponent as b8, EffectsPanelComponent as b9, InsertSmartArtDialogComponent as bA, InspectorPaneHeaderComponent as bB, InspectorPanelComponent as bC, IsMobileService as bD, KeepAnnotationsDialogComponent as bE, LOCALE_CATALOG as bF, LONG_PRESS_DURATION_MS as bG, LONG_PRESS_MOVE_TOLERANCE_PX as bH, LoadContentService as bI, LocalPresencePublisher as bJ, MAX_ZOOM_SCALE as bK, MIN_ZOOM_SCALE as bL, MOTION_PATH_COLUMNS as bM, MediaPreviewComponent as bN, MediaPropertiesPanelComponent as bO, MediaRendererComponent as bP, MediaTrimTimelineComponent as bQ, MobileBottomBarComponent as bR, MobileMenuSheetComponent as bS, MobilePresenterViewComponent as bT, MobileSheetComponent as bU, MobileSlidesSheetComponent as bV, MobileToolbarComponent as bW, ModalDialogComponent as bX, Model3DRendererComponent as bY, NotesHandoutCardComponent as bZ, NotesPanelComponent as b_, ElementRendererComponent as ba, EmbeddedFontsService as bb, EncryptedFileDialogComponent as bc, EquationEditorDialogComponent as bd, EquationRendererComponent as be, EquationTemplateGalleryComponent as bf, ExportProgressModalComponent as bg, ExportService as bh, FieldContextService as bi, FindBarComponent as bj, FindReplaceBarComponent as bk, FollowModeBarComponent as bl, FontEmbeddingListComponent as bm, FontEmbeddingPanelComponent as bn, GALLERY_THEME_PRESETS as bo, GOOGLE_WEBFONTS_LINK_ID as bp, GRIDLINE_COLOR$1 as bq, GoogleWebfontsService as br, GradientPickerComponent as bs, HANDOUT_OPTIONS as bt, HeaderFooterDialogComponent as bu, HyperlinkDialogComponent as bv, INSTANT as bw, ImagePropertiesPanelComponent as bx, InkDrawingService as by, InkRendererComponent as bz, createSvgEl as c, RibbonShapeExtrasComponent as c$, OPTIONS_PAGE_IDS as c0, OPTIONS_SECTION_IDS as c1, OPTIONS_SETTING_IDS as c2, OleRendererComponent as c3, OutlineViewOverlayComponent as c4, P14_TRANSITION_KEYFRAMES as c5, P14_TRANSITION_KEYFRAMES_2 as c6, P14_TRANSITION_KEYFRAMES_ALL as c7, PIE_AUTO_INSET_PX as c8, POWER_POINT_VIEWER_PROVIDERS as c9, REPEAT_MODE_OPTIONS as cA, RESIZE_HANDLES as cB, RIBBON_TAB_IDS as cC, RULER_FONT_SIZE as cD, RULER_THICKNESS as cE, ReadingViewOverlayComponent as cF, RemoteSelectionOverlayComponent as cG, Rendering3DService as cH, RibbonAnimationGalleryComponent as cI, RibbonAnimationsSectionComponent as cJ, RibbonArrangeSectionComponent as cK, RibbonColorPopoverComponent as cL, RibbonComponent as cM, RibbonDesignSectionComponent as cN, RibbonDrawSectionComponent as cO, RibbonDrawingGroupComponent as cP, RibbonEditingSectionComponent as cQ, RibbonFileSectionComponent as cR, RibbonFontControlsComponent as cS, RibbonHomeSectionComponent as cT, RibbonHyperlinkButtonComponent as cU, RibbonInsertFieldsComponent as cV, RibbonInsertSectionComponent as cW, RibbonMotionPathGalleryComponent as cX, RibbonParagraphControlsComponent as cY, RibbonPrimaryRowComponent as cZ, RibbonReviewSectionComponent as c_, PPTX_OPEN_ACCEPT as ca, PRESENTATION_OPEN_EXTENSIONS as cb, PRESENTER_CHANNEL_NAME as cc, PRESENTER_MSG_ORIGIN as cd, PRESENTER_TIMER_SEGMENT_MS as ce, PX_PER_CM as cf, PX_PER_INCH as cg, PasswordProtectionDialogComponent as ch, PasswordStrengthMeterComponent as ci, PowerPointViewerComponent as cj, PresentToolbarAutoHide as ck, PresentationAnnotationOverlayComponent as cl, PresentationAnnotationsService as cm, PresentationOverlayComponent as cn, PresentationPropertiesPanelComponent as co, PresentationSettingsCardComponent as cp, PresentationSubtitleBarComponent as cq, PresentationToolbarComponent as cr, PresentationTransitionOverlayComponent as cs, PresenterViewComponent as ct, PresenterWindowService as cu, PrintDialogComponent as cv, PrintService as cw, PrintSettingsPanelComponent as cx, PropertiesDialogComponent as cy, RANDOM_ELIGIBLE_TYPES as cz, buildBarChart3DHoverTooltip as d, TableResizeOverlayComponent as d$, RibbonSlideshowSectionComponent as d0, RibbonTransitionsSectionComponent as d1, RibbonViewSectionComponent as d2, RulerGuidesService as d3, SEQUENCE_OPTIONS as d4, SEVERITY_GROUPS as d5, SEVERITY_LABELS as d6, DEFAULT_TRANSITION_DURATION_MS$1 as d7, SHORTCUT_REFERENCE_ITEMS as d8, SLIDE_TRANSITION_KEYFRAMES as d9, SlideDiffRowComponent as dA, SlideDiffThumbnailsComponent as dB, SlideSizeCardComponent as dC, SlideSorterOverlayComponent as dD, SlideThemeOverridePanelComponent as dE, SlideTransitionCardComponent as dF, SlidesPanelComponent as dG, SmartArt3DRendererComponent as dH, SmartArtPreviewComponent as dI, SmartArtPropertiesComponent as dJ, SmartArtRendererComponent as dK, StatusBarComponent as dL, TABLE_STRUCTURE_TOGGLES as dM, TEXT_3D_BOTTOM_BEVEL_KEYS as dN, TEXT_3D_TOP_BEVEL_KEYS as dO, TEXT_DIRECTION_OPTIONS$1 as dP, THEME_CATALOG as dQ, TIMING_CURVE_OPTIONS as dR, TOOLBAR_BUTTON_IDS as dS, TRANSITION_SPEED_DURATION_MS as dT, TRIGGER_OPTIONS as dU, TYPE_LABELS as dV, TableCellAdvancedFillComponent as dW, TableCellFormattingComponent as dX, TableDataEditorComponent as dY, TablePropertiesComponent as dZ, TableRendererComponent as d_, SLIDE_TRANSITION_KEYFRAMES_CSS as da, DEFAULT_PALETTE as db, PALETTES as dc, SMART_ART_COLOR_SCHEMES as dd, SMART_ART_STYLE_OPTIONS as de, SUB_ITEM_LABEL as df, SVG_WARP_PRESETS as dg, SWIPE_MAX_VERTICAL_PX as dh, SWIPE_THRESHOLD_PX as di, SelectionPaneComponent as dj, SetUpSlideShowDialogComponent as dk, SettingsAppearanceTabComponent as dl, SettingsDialogComponent as dm, SettingsLanguageTabComponent as dn, ShareDialogComponent as dp, ShortcutPanelComponent as dq, ShowOptionsFieldsetComponent as dr, ShowSlidesFieldsetComponent as ds, SignatureStrippedDialogComponent as dt, SignaturesPanelComponent as du, SignaturesService as dv, SlideBackgroundCardComponent as dw, SlideCanvasComponent as dx, SlideDefaultInspectorComponent as dy, SlideDiffChangesComponent as dz, roundDragValue as e, applyFindReplacements as e$, TableSelectionService as e0, TagsCardComponent as e1, Text3DBevelSectionComponent as e2, Text3DPanelComponent as e3, TextAdvancedPanelComponent as e4, ThemeEditorFieldsComponent as e5, ThemeGalleryComponent as e6, ThemeSelectorCardComponent as e7, TitleBarComponent as e8, TitleBarSearchComponent as e9, ViewerMobileSheetService as eA, ViewerPresentationModeService as eB, ViewerThemeGalleryService as eC, ViewerTouchGesturesService as eD, ViewerZoomService as eE, WEBM_MIME_CANDIDATES as eF, WHEEL_SPOKE_COUNTS as eG, WriteBackScheduler as eH, ZERO_LINE_COLOR as eI, ZoomNavigationService as eJ, ZoomRendererComponent as eK, ZoomTargetService as eL, addCategory as eM, addCommentToList as eN, addGradientStopPatch as eO, addItem as eP, addSeries as eQ, addSubItem as eR, advanceStep as eS, affordanceElements as eT, aiToggleVisible as eU, alignPatch as eV, animationFor as eW, animationPresetLabelKey as eX, annotationMapToInkInserts as eY, applyAcceptedDiff as eZ, applyAnimationPreset as e_, TransitionDirectionPickerComponent as ea, TransitionPreviewComponent as eb, VALIGN_OPTIONS as ec, VIEWER_DIALOG_IDS as ed, VIEWER_EXPORT_FORMAT_IDS as ee, VIEWER_FEATURE_IDS as ef, VIEWER_PANEL_IDS as eg, VIEWER_THEME as eh, VersionHistoryPanelComponent as ei, ViewerCanvasEditingService as ej, ViewerCollabCursorService as ek, ViewerCollaborationSessionService as el, ViewerCollaborationShellService as em, ViewerCompareService as en, ViewerCustomShowsService as eo, ViewerCustomizationHandle as ep, ViewerCustomizationService as eq, ViewerDialogsService as er, ViewerDocumentPropertiesService as es, ViewerExportService as et, ViewerExtraDialogsComponent as eu, ViewerFileIOService as ev, ViewerFindReplaceService as ew, ViewerFormatPainterService as ex, ViewerInspectorPanelService as ey, ViewerKeyboardService as ez, buildPerspCamera as f, buildTrimFragment as f$, applyFormatToElement as f0, applyMove as f1, applyResize as f2, asMediaElement as f3, assignUserColor as f4, attachShowVisibilityPause as f5, attachTouchGestures as f6, axisTickValues as f7, beginDrawingNodeEdit as f8, beginNodeEdit as f9, buildGradientFillCss as fA, buildGridlinesAndLabels as fB, buildHyperlinkPatch as fC, buildInkContainerStyle as fD, buildInkStrokes as fE, buildLegend as fF, buildLiveInkStrokeView as fG, buildMarkTooltip as fH, buildModel3DContainerStyle as fI, buildModel3DMountOptions as fJ, buildModel3DViewModel as fK, buildOleActionModel as fL, buildOleInfoRows as fM, buildPatternFillCss as fN, buildPieViewModel as fO, buildPrintHtmlDocument as fP, buildPropertiesPatch as fQ, buildRadarViewModel as fR, buildRegionMapViewModel as fS, buildSaveSlides as fT, buildShareUrl as fU, buildSmartArtInsertElement as fV, buildSmartArtNodes as fW, buildStockViewModel as fX, buildSurfaceViewModel as fY, buildTableViewModel as fZ, buildTreemapViewModel as f_, bevelSizePatch as fa, boolFromEvent as fb, bringForward as fc, bringToFront as fd, buildBarActions as fe, buildBroadcastConfig as ff, buildBroadcastViewerUrl as fg, buildCategoryLabels as fh, buildCellParagraphs as fi, buildChartViewModel as fj, buildChatLogExport as fk, buildChatLogMarkdown as fl, buildChromeStyle as fm, buildClearHyperlinkPatch as fn, buildClickGroups as fo, buildColStyles as fp, buildCollaborationConfig as fq, buildComboViewModel as fr, buildCssGradientFromShapeStyle as fs, buildDuotoneFilter as ft, buildDuotoneFilterId as fu, buildEmbeddedFontStyles as fv, buildEquationElement as fw, buildEquationSegment as fx, buildFallbackViewModel as fy, buildFontFaceRule as fz, perspToScreen as g, computeRotateHandleBox as g$, buildWaterfallViewModel as g0, buildZeroLine as g1, buildZoomContainerStyle as g2, buildZoomViewModel as g3, bulletIndentPx as g4, canAddTopLevelNode as g5, canEditSmartArtNodes as g6, canGroupSelection as g7, canRemoveTopLevelNode as g8, canSetStrokeWidth as g9, collectUsedFontFamilies as gA, columnWidthStyle as gB, commitNodeText as gC, computeAlign as gD, computeAxisTitlePrimitives as gE, computeBarRects as gF, computeBubbleRadius as gG, computeCornerHandle as gH, computeDistribute as gI, computeDrawingViewBox as gJ, computeErrorBarPrimitives as gK, computeFocusTargets as gL, computeGridSpacingPx as gM, computeHandleBoxes as gN, computeHandoutLayout as gO, computeIsMobile as gP, computeIsTablet as gQ, computeLinePoints as gR, computeLinearRegression as gS, computePageCount as gT, computePieLayout as gU, computePieSlicePath as gV, computePieSlices as gW, computePlotLayout as gX, computeRSquared as gY, computeRadarPoints as gZ, computeResizeHandleBoxes as g_, canStartBroadcast as ga, canStartShare as gb, canUngroupSelection as gc, canUseClipboard as gd, captionDisplayText as ge, cellRunStyle as gf, cellStyleToStyleMap as gg, cellTdStyle as gh, changeCountLabel as gi, changeIcon as gj, characterSpacingPatch as gk, chartPreserveAspectRatio as gl, checkFontAvailable as gm, clampCursorPosition as gn, clampGifDimensions as go, clampIndex as gp, clampNotesFontSize as gq, clampScale as gr, clampStep as gs, clearAllLocalViewerData as gt, clearAudienceContent as gu, cn as gv, collectAccessibilityIssues as gw, collectElementText as gx, collectSlideText as gy, collectStoredChats as gz, pieRimPoint as h, fontMimeForFormat as h$, computeScatterDots as h0, computeScatterXDomain as h1, computeSelectionBoxes as h2, computeSingleSelected as h3, computeSlideIndices as h4, computeSnap as h5, computeStackedBarRects as h6, computeStackedValueRange as h7, computeTrendlinePrimitives as h8, computeValueRange as h9, disableInnerShadowPatch as hA, disableOuterShadowPatch as hB, disableReflectionPatch as hC, disableSoftEdgePatch as hD, duplicateElementById as hE, durationOf as hF, effectsStateOf as hG, enableGlowPatch as hH, enableInnerShadowPatch as hI, enableOuterShadowPatch as hJ, enableReflectionPatch as hK, enableSoftEdgePatch as hL, encodeGif as hM, endShowMediaCleanup as hN, estimatePageCount as hO, exitPresentationFullscreen as hP, exportAiChatLogs as hQ, extractPathPoints as hR, eyedropperAvailable as hS, fillColorOf$1 as hT, findInSlides as hU, findOwningSlideIndex as hV, findSlideIndexByElementId as hW, firstVisibleIndex as hX, fitPolynomial as hY, fitZoom as hZ, focusTargetChips as h_, convertOmmlToMathMl as ha, copyFormatFromElement as hb, countAccessibilityIssues as hc, countAnnotationStrokes as hd, createAngularAiBridge as he, createCustomShow as hf, createImageElementFromFile as hg, createSwipeDismissDrag as hh, createWebrtcBundle as hi, createWebsocketBundle as hj, cssObjectToStyleMap as hk, currentColorScheme as hl, currentLayout as hm, currentStyle as hn, defaultCssVars as ho, defaultRadius as hp, defaultThemeColors as hq, deleteElementsByIds as hr, deleteVersion as hs, demoteNode as ht, deriveModel3DBlobUrl as hu, derivePresenceList as hv, describeCollaborationShellState as hw, describeSmartArtBounds as hx, directionPickerState as hy, disableGlowPatch as hz, isChartInteractionArmed as i, headerLabel as i$, fontSizeOf as i0, forgetSessionDeck as i1, formatAxisValue as i2, formatBytes as i3, formatCursorLabel as i4, formatElapsed as i5, formatFileSize as i6, formatInlineListStyle as i7, formatPropertyDate as i8, formatTime as i9, getVersions as iA, getResolvedShapeClipPath as iB, getResolvedShapeClipPathFor as iC, getSessionTabId as iD, getShapeFillStrokeStyle as iE, getSlideBackgroundStyle as iF, getSlideTransitionAnimations as iG, getSmartArtNodeBounds as iH, getSpeechRecognitionCtor as iI, getTextBlockStyle as iJ, getTextWarp as iK, getTouchDistance as iL, getWarpCategory as iM, getWarpPath as iN, gradientStateFromStyle as iO, gradientStateOf as iP, gradientStatePatch as iQ, gradientStopColorCommitPatch as iR, gridColumns as iS, groupIssuesBySeverity as iT, hasAnimation as iU, hasCopyableFormat as iV, hasExistingLink as iW, hasExitedFullscreen as iX, hasGradientFill as iY, hasPressureVariation as iZ, hasVisibleSlideAfter as i_, fpsToFrameIntervalMs as ia, generateBroadcastRoomId as ib, generateCommentId as ic, generateCustomShowId as id, generatePressureCircles as ie, generateTicks as ig, getCinematicTransitionAnimations as ih, getClrChangeParams as ii, getContainerStyle as ij, getDuotoneFilterDef as ik, getEffectSoundAsset as il, getEffectSoundState as im, getImageSrc as io, getLocalStorageUsageSummary as ip, getOleAriaLabel as iq, getOleBadgeLabel as ir, getOleDisplayName as is, getOleDownloadFileName as it, getOleTypeColor as iu, getOleTypeLabel as iv, getP14TransitionAnimations as iw, getPasswordStrength as ix, getPatternSvg as iy, getPlaceholderStyle as iz, computePieChartLayout as j, nodeItalic as j$, imageDimensions as j0, injectResolvedCustomization as j1, inkViewBox as j2, insertTableElementColumn as j3, insertTableElementRow as j4, interpolateWidth as j5, isAudienceTab as j6, isBold as j7, isBrowserOpenableMime as j8, isChildNode as j9, mediaFallbackFor as jA, mediaSurfaceFor as jB, mergeCaptionResults as jC, mergeDown as jD, mergeRight as jE, mergeSelection as jF, mergeTablesDirective as jG, moveElementBy as jH, moveNodeDown as jI, moveNodeUp as jJ, msToFrameDelayCs as jK, narrowToCircle as jL, narrowToPolygon as jM, narrowToRect as jN, newChartElement as jO, newEquationElement as jP, newPresetShapeElement as jQ, newShapeElement as jR, newSmartArtElement as jS, newTableElement as jT, newTextElement as jU, nextVisibleIndex as jV, nodeBold as jW, nodeEditBox as jX, nodeFillColor as jY, nodeFontColor as jZ, nodeIdFromKey as j_, isElementInteractive as ja, isInjectableUrl as jb, isItalic as jc, isLegacyBinaryPresentation as jd, isPpactionUrl as je, isPresenterMessage as jf, isSigned as jg, isSupportedPresentationFile as jh, isTextElement as ji, isTwoTableFocus as jj, isUnderline as jk, isUrlSafe as jl, isValidRoomId as jm, isViewportBackgroundPressTarget as jn, isZoomActivationKey as jo, issueTrackKey as jp, issueTypeLabel as jq, keyToLabel as jr, lastVisibleIndex as js, latexToMathml as jt, layoutConnectorPaints as ju, layoutNodeLabels as jv, linePointsToSvgString as jw, lineSpacingPatch as jx, loadAudienceContent as jy, loadSessionDeck as jz, perspScreenToPlaneY as k, resolveDirection8 as k$, nodeStyle as k0, normalizeFontFormat as k1, normalizeSlidesPerPage as k2, normalizeValue as k3, numFromEvent as k4, oleActionsVisibleFor as k5, ommlToMathml as k6, ooxmlDashToCssBorderStyle as k7, openNativeEyeDropper as k8, overallStatus as k9, promoteNode as kA, provideViewerTheme as kB, radarAngle as kC, radarRingPoints as kD, readAsDataUrl as kE, recordWebm as kF, registerCrossSlideAudio as kG, rememberSessionDeck as kH, removeAnimation as kI, removeCategory as kJ, removeTableElementColumn as kK, removeCommentFromList as kL, removeElementAnimation as kM, removeGradientStopPatch as kN, removeNode as kO, removeTableElementRow as kP, removeSeries as kQ, renderToCanvas as kR, reorderAnimationDown as kS, reorderAnimationUp as kT, replaceInSlides as kU, replaceMatch as kV, requestPresentationFullscreen as kW, resizeElement as kX, resolveCaptionTracks as kY, resolveChartKind as kZ, resolveDirection as k_, paletteColor as ka, parseAudienceNonce as kb, parseNodeTextarea as kc, partitionSlides as kd, patchChartData as ke, patchChartStyle as kf, patchTableData as kg, patchTextStyle as kh, patternPresetOptions as ki, pendingElementStyles as kj, pickColorByClickFallback as kk, pickFile as kl, pickSupportedMimeType as km, planGifFrames as kn, planVideoSegments as ko, pointFromPointerEvent as kp, pointsToSvgPathD as kq, presenceToCursors as kr, presentationBaseName as ks, presentationStageStyle as kt, presenterTimerProgress as ku, presetByLayout as kv, presetsForCategory as kw, pressuresToWidths as kx, prevVisibleIndex as ky, projectDrawingShapes as kz, resolvePieSliceShareValue as l, setDirection as l$, resolveFontVariant as l0, resolveHyperlinkHref as l1, resolveInteractiveElementId as l2, resolveLegendAnchorPosition as l3, resolveMediaSrc as l4, resolveOleType as l5, resolveOrientation as l6, resolveParagraphBullet as l7, resolvePresenterNotes as l8, resolveProfileInitial as l9, seedPropertiesDraft as lA, seedShareFields as lB, segmentFrameCount as lC, selectValue$3 as lD, sendBackward as lE, sendToBack as lF, sequentialColorScale as lG, serializeWriteBack as lH, seriesColor as lI, seriesXValues as lJ, setAfterAnimation as lK, setAfterAnimationColor as lL, setAnimationEmphasis as lM, setAnimationEntrance as lN, setAnimationExit as lO, setAxis as lP, setAxisLogScale as lQ, setAxisTitleStyle as lR, setCategoryLabel as lS, setCellText as lT, setColorScheme as lU, setDataLabels as lV, setDataPointExplosion as lW, setDataPointFill as lX, setDataPointLabel as lY, setDataPointMarker as lZ, setDelay as l_, resolveRegionCode as la, resolveRibbonCanGroup as lb, resolveSlideAutoAdvanceMs as lc, resolveSlideTransition as ld, resolvePalette as le, resolveThemeCatalogEntry as lf, resolveTransitionDuration as lg, resolveTransitionDurationMs as lh, resolveWheelSpokeCount as li, restoreSessionDeck as lj, revealedElementStyles as lk, routeOrthogonalConnector as ll, rowStyle as lm, rulerDragToGuidePosition as ln, rulerHighlight as lo, rulerStripTicks as lp, sampleColorFromSlide as lq, sanitizeColor as lr, sanitizeSlideIndex as ls, sanitizeUserName as lt, saveViewerProfile as lu, savedPresentationFileName as lv, scanAvailableFonts as lw, searchSlides as lx, seedBroadcastFields as ly, seedHyperlinkDraft as lz, hexToRgb as m, toggleCommentResolvedInList as m$, setDuration as m0, setEffectSound as m1, setEffectStockSound as m2, setElementPosition as m3, setGridlineStyle as m4, setLayout as m5, setLegend as m6, setNodeStyle as m7, setNodeText as m8, setRepeatCount as m9, slidesWithReappliedLayout as mA, smartArtNodes as mB, paletteColour as mC, snapToGridStep as mD, splitCursorCell as mE, splitMergedCell as mF, statusKind as mG, statusLabel$1 as mH, storeAudienceContent as mI, stringFromEvent$5 as mJ, strokeColorOf as mK, strokeToInkElement as mL, strokeWidthOf as mM, styleShadowFilter as mN, surfaceColor as mO, textAdvancedPatch as mP, textAdvancedStateFromStyle as mQ, textAdvancedStateOf as mR, textColorOf as mS, textDirectionPatch as mT, textFontSizePatch as mU, textStyleOf as mV, textStylePatch as mW, themeStyle as mX, themeToCssVars as mY, thumbnailHeight as mZ, thumbnailZoom as m_, setRepeatMode as ma, setSequence as mb, setSeriesChartType as mc, setSeriesColor as md, setSeriesErrorBars as me, setSeriesMarker as mf, setSeriesName as mg, setSeriesTrendline as mh, setSeriesValue as mi, setStyle as mj, setTimingCurve as mk, setTitle as ml, setTrigger as mm, setTriggerShapeId as mn, shapeStylePatch$1 as mo, sheetAfterNavigate as mp, shouldBlockClickAdvance as mq, shouldUseSvgWarp as mr, showDirectionPicker as ms, showsTemplateAffordance as mt, signatureCountLabel as mu, signatureKey as mv, signatureTimestamp as mw, signerName as mx, statusLabel as my, slideNumberOf as mz, smartArt3DGradientColor as n, toggleNodeBold as n0, toggleNodeItalic as n1, toggleSheet as n2, topLevelNodeCount as n3, transformSelectedTextCase as n4, translationsEn as n5, updateElementById as n6, updateGlowPatch as n7, updateGradientStopPatch as n8, updateInnerShadowPatch as n9, updateOuterShadowPatch as na, updateReflectionPatch as nb, vAlignPatch as nc, validatePassword as nd, validatePrintSettings as ne, validateRoomId as nf, valueToY as ng, vermilionDarkColors as nh, vermilionDarkTheme as ni, vermilionLightColors as nj, vermilionLightTheme as nk, vermilionRadius as nl, waypointsToPathD as nm, withManualLayouts as nn, worstStatus as no, zoomTargetSlideIndex as np, obliqueBarTaper as o, perspBoxMatrix as p, shadeSmartArt3DVertices as q, renderChartLineSvg as r, shade as s, toChatSummary as t, smartArt3DGradientCoordinate as u, threeViewOverflowFromNdc as v, widenPieViewModel as w, hasThreeViewOverflow as x, overflowViewOffset as y, smartArt3DCameraMatrix as z };
-//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-Bc1e9poJ.mjs.map
+//# sourceMappingURL=pptx-angular-viewer-pptx-angular-viewer-ByBs8vwz.mjs.map