pptx-angular-viewer 1.30.0 → 1.31.0

package/fesm2022/pptx-angular-viewer.mjs

@@ -19237,6 +19237,17 @@ class EditorHistory {
     constructor(options) {
         this._maxDepth = options?.maxDepth ?? 100;
     }
+    /**
+     * Change the maximum undo depth at runtime (File > Options > Advanced >
+     * "Maximum number of undos"). Trims the past stack immediately if the new
+     * limit is smaller.
+     */
+    setMaxDepth(maxDepth) {
+        this._maxDepth = Math.max(1, Math.floor(maxDepth));
+        while (this._past.length > this._maxDepth) {
+            this._past.shift();
+        }
+    }
     // -- Getters --------------------------------------------------------------
     /** True when at least one undo step is available. */
     get canUndo() {
@@ -25116,7 +25127,12 @@ function decodeDelta(delta) {
                 /* skip */
             }
         }
-        if (op.insert !== '\n' && op.insert !== '​') {
+        // '\n' is only the synthetic break marker when the op carries a break
+        // attribute; a literal newline TEXT run (no pb/lb) must keep its text or
+        // runs like "Project\nAtlas" collapse to "ProjectAtlas" on decode. The
+        // zero-width space is always the empty-run attribute holder.
+        const isBreakMarker = op.insert === '\n' && (a.pb === '1' || a.lb === '1');
+        if (!isBreakMarker && op.insert !== '​') {
             seg.text = op.insert;
         }
         segments.push(seg);
@@ -37242,6 +37258,1013 @@ function filterVisibleTabs(tabs, hiddenActions) {
     return tabs.filter((tab) => !isActionHidden(tab.id, hiddenActions));
 }
 
+/**
+ * AutoCorrect-as-you-type engine behind Options > Proofing, mirroring
+ * PowerPoint's replacements: initial-capitals fixes, sentence and day-name
+ * capitalization, smart quotes, double-hyphen to dash, fraction glyphs, and
+ * superscript-style ordinals. Bindings run `applyAutoCorrect` over committed
+ * text (word boundaries, blur, or Enter), never on every keystroke.
+ */
+const DAY_NAMES = ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'];
+const FRACTIONS = [
+    ['1/2', '½'],
+    ['1/4', '¼'],
+    ['3/4', '¾'],
+];
+const ORDINAL_SUFFIXES = {
+    st: 'ˢᵗ',
+    nd: 'ⁿᵈ',
+    rd: 'ʳᵈ',
+    th: 'ᵗʰ',
+};
+function fixTwoInitialCapitals(word) {
+    if (/^[A-Z]{2}[a-z]/.test(word) && !/^[A-Z]{3,}$/.test(word)) {
+        const second = word.charAt(1).toLowerCase();
+        return `${word.charAt(0)}${second}${word.slice(2)}`;
+    }
+    return word;
+}
+function capitalizeDayName(word) {
+    const bare = word.toLowerCase();
+    if (DAY_NAMES.includes(bare) && word === bare) {
+        return `${bare.charAt(0).toUpperCase()}${bare.slice(1)}`;
+    }
+    return word;
+}
+function replaceFractions(word) {
+    for (const [plain, glyph] of FRACTIONS) {
+        if (word === plain) {
+            return glyph;
+        }
+    }
+    return word;
+}
+function replaceOrdinal(word) {
+    const match = /^(\d+)(st|nd|rd|th)$/i.exec(word);
+    if (!match || match[1] === undefined || match[2] === undefined) {
+        return word;
+    }
+    const superscript = ORDINAL_SUFFIXES[match[2].toLowerCase()];
+    return superscript ? `${match[1]}${superscript}` : word;
+}
+function transformWord(word, proofing) {
+    let result = word;
+    if (proofing.autoCorrectTwoInitialCapitals) {
+        result = fixTwoInitialCapitals(result);
+    }
+    if (proofing.autoCorrectCapitalizeDayNames) {
+        result = capitalizeDayName(result);
+    }
+    if (proofing.autoCorrectFractions) {
+        result = replaceFractions(result);
+    }
+    if (proofing.autoCorrectOrdinals) {
+        result = replaceOrdinal(result);
+    }
+    return result;
+}
+function applySmartQuotes(text) {
+    let result = '';
+    for (let i = 0; i < text.length; i += 1) {
+        const char = text.charAt(i);
+        if (char !== '"' && char !== "'") {
+            result += char;
+            continue;
+        }
+        const previous = i === 0 ? '' : text.charAt(i - 1);
+        const opening = previous === '' || /[\s([{‘“-]/.test(previous);
+        if (char === '"') {
+            result += opening ? '“' : '”';
+        }
+        else {
+            result += opening ? '‘' : '’';
+        }
+    }
+    return result;
+}
+function applyHyphensToDash(text) {
+    return text.replace(/(\S)--(?=\S)/g, '$1—').replace(/ -- /g, ' – ');
+}
+function capitalizeSentences(text) {
+    return text.replace(/(^|[.!?]\s+)([a-z])/g, (_match, lead, letter) => `${lead}${letter.toUpperCase()}`);
+}
+/** Apply every enabled AutoCorrect rule to a committed run of text. */
+function applyAutoCorrect(text, proofing) {
+    if (text.length === 0) {
+        return text;
+    }
+    let result = text;
+    if (proofing.autoCorrectSmartQuotes) {
+        result = applySmartQuotes(result);
+    }
+    if (proofing.autoCorrectHyphensToDash) {
+        result = applyHyphensToDash(result);
+    }
+    const needsWordPass = proofing.autoCorrectTwoInitialCapitals ||
+        proofing.autoCorrectCapitalizeDayNames ||
+        proofing.autoCorrectFractions ||
+        proofing.autoCorrectOrdinals;
+    if (needsWordPass) {
+        result = result
+            .split(/(\s+)/)
+            .map((part) => (/^\s+$/.test(part) ? part : transformWord(part, proofing)))
+            .join('');
+    }
+    if (proofing.autoCorrectCapitalizeFirstLetter) {
+        result = capitalizeSentences(result);
+    }
+    return result;
+}
+
+/**
+ * Quick Access Toolbar command catalog and list-editing helpers, backing the
+ * Options > Quick Access Toolbar pane and the title-bar QAT strip.
+ *
+ * Ids map onto actions every binding already exposes; each binding resolves
+ * an id to its own icon + handler when rendering the strip.
+ */
+const QUICK_ACCESS_COMMAND_CATALOG = [
+    { id: 'save', labelKey: 'pptx.toolbar.save', icon: 'save' },
+    { id: 'undo', labelKey: 'pptx.toolbar.undo', icon: 'undo' },
+    { id: 'redo', labelKey: 'pptx.toolbar.redo', icon: 'redo' },
+    {
+        id: 'presentFromStart',
+        labelKey: 'pptx.options.quickAccess.command.presentFromStart',
+        icon: 'play',
+    },
+    { id: 'print', labelKey: 'pptx.options.quickAccess.command.print', icon: 'printer' },
+    { id: 'exportPdf', labelKey: 'pptx.options.quickAccess.command.exportPdf', icon: 'fileDown' },
+    { id: 'newSlide', labelKey: 'pptx.options.quickAccess.command.newSlide', icon: 'plus' },
+    { id: 'spellCheck', labelKey: 'pptx.settings.spellCheck', icon: 'spellCheck' },
+    { id: 'zoomIn', labelKey: 'pptx.options.quickAccess.command.zoomIn', icon: 'zoomIn' },
+    { id: 'zoomOut', labelKey: 'pptx.options.quickAccess.command.zoomOut', icon: 'zoomOut' },
+];
+const DEFAULT_QUICK_ACCESS_COMMAND_IDS = [
+    'save',
+    'undo',
+    'redo',
+    'presentFromStart',
+];
+function getQuickAccessCommand(id) {
+    return QUICK_ACCESS_COMMAND_CATALOG.find((entry) => entry.id === id);
+}
+/** Commands not yet on the toolbar, in catalog order. */
+function availableQuickAccessCommands(commandIds) {
+    return QUICK_ACCESS_COMMAND_CATALOG.filter((entry) => !commandIds.includes(entry.id));
+}
+function addQuickAccessCommand(commandIds, id) {
+    if (commandIds.includes(id) || !getQuickAccessCommand(id)) {
+        return [...commandIds];
+    }
+    return [...commandIds, id];
+}
+function removeQuickAccessCommand(commandIds, id) {
+    return commandIds.filter((entry) => entry !== id);
+}
+function moveQuickAccessCommand(commandIds, id, direction) {
+    const index = commandIds.indexOf(id);
+    const target = direction === 'up' ? index - 1 : index + 1;
+    if (index < 0 || target < 0 || target >= commandIds.length) {
+        return [...commandIds];
+    }
+    const next = [...commandIds];
+    const swapped = next[target];
+    if (swapped === undefined) {
+        return next;
+    }
+    next[target] = id;
+    next[index] = swapped;
+    return next;
+}
+
+/**
+ * Options > Add-ins pane model: the viewer's optional capability modules,
+ * presented the way PowerPoint lists COM add-ins (name / location / type,
+ * grouped by active state). Bindings supply the runtime availability flags.
+ */
+const VIEWER_ADDIN_CATALOG = [
+    {
+        id: 'smartArt3d',
+        nameKey: 'pptx.options.addIns.smartArt3d',
+        descriptionKey: 'pptx.options.addIns.smartArt3dDescription',
+        type: 'renderer',
+        location: 'pptx-viewer-shared/smartart-3d',
+    },
+    {
+        id: 'model3d',
+        nameKey: 'pptx.options.addIns.model3d',
+        descriptionKey: 'pptx.options.addIns.model3dDescription',
+        type: 'renderer',
+        location: 'pptx-viewer-shared (three)',
+    },
+    {
+        id: 'emfConverter',
+        nameKey: 'pptx.options.addIns.emfConverter',
+        descriptionKey: 'pptx.options.addIns.emfConverterDescription',
+        type: 'converter',
+        location: 'emf-converter',
+    },
+    {
+        id: 'mtxDecompressor',
+        nameKey: 'pptx.options.addIns.mtxDecompressor',
+        descriptionKey: 'pptx.options.addIns.mtxDecompressorDescription',
+        type: 'converter',
+        location: 'mtx-decompressor',
+    },
+    {
+        id: 'collaboration',
+        nameKey: 'pptx.options.addIns.collaboration',
+        descriptionKey: 'pptx.options.addIns.collaborationDescription',
+        type: 'collaboration',
+        location: 'pptx-viewer-shared (collaboration)',
+    },
+    {
+        id: 'locales',
+        nameKey: 'pptx.options.addIns.locales',
+        descriptionKey: 'pptx.options.addIns.localesDescription',
+        type: 'localization',
+        location: 'pptx-viewer-locales',
+    },
+];
+/** Rows for the Add-ins table, split into active/inactive by the host's status flags. */
+function resolveViewerAddinRows(status) {
+    return VIEWER_ADDIN_CATALOG.map((definition) => ({
+        ...definition,
+        active: status?.[definition.id] ?? true,
+    }));
+}
+
+const DEFAULT_VIEWER_OPTIONS = {
+    general: {
+        displayOptimization: 'appearance',
+        showMiniToolbar: true,
+        enableLivePreview: true,
+        collapseRibbonAutomatically: false,
+        collapseSearchByDefault: false,
+        screenTipStyle: 'descriptions',
+        userName: '',
+        userInitials: '',
+        showStartScreen: true,
+    },
+    proofing: {
+        autoCorrectTwoInitialCapitals: true,
+        autoCorrectCapitalizeFirstLetter: true,
+        autoCorrectCapitalizeDayNames: true,
+        autoCorrectSmartQuotes: true,
+        autoCorrectHyphensToDash: true,
+        autoCorrectFractions: true,
+        autoCorrectOrdinals: true,
+        ignoreUppercase: true,
+        ignoreWordsWithNumbers: true,
+        ignoreInternetAddresses: true,
+        flagRepeatedWords: true,
+        checkSpellingAsYouType: false,
+        hideSpellingErrors: false,
+    },
+    save: {
+        autoSave: true,
+        autoRecoverIntervalMinutes: 2,
+        keepLastAutoRecoveredVersion: true,
+        defaultExportFormat: 'pptx',
+        embedFonts: false,
+        embedAllFontCharacters: false,
+        cacheRetentionDays: 14,
+        clearCacheOnClose: false,
+    },
+    accessibility: {
+        showAccessibilityStatus: true,
+        feedbackWithSound: false,
+        soundScheme: 'modern',
+        showShortcutKeysInScreenTips: true,
+        reducedMotion: false,
+    },
+    advanced: {
+        autoSelectEntireWord: true,
+        allowTextDragAndDrop: true,
+        maximumUndoSteps: 100,
+        useSmartCutAndPaste: true,
+        showPasteOptionsButton: true,
+        imageDefaultResolution: 'highFidelity',
+        doNotCompressImages: false,
+        chartPropertiesFollowDataPoint: true,
+        recentPresentationsCount: 50,
+        showVerticalRuler: false,
+        showGrid: false,
+        snapToGrid: false,
+        disableHardwareAcceleration: false,
+        openDocumentsView: 'savedView',
+        slideShowShowMenuOnRightClick: true,
+        slideShowShowPopupToolbar: true,
+        slideShowPromptKeepInkAnnotations: true,
+        slideShowEndWithBlackSlide: true,
+        printInBackground: true,
+        printHighQuality: false,
+        printUseMostRecentSettings: true,
+        printWhat: 'slides',
+        printColorMode: 'color',
+        printHiddenSlides: false,
+        printScaleToFit: false,
+        printFrameSlides: false,
+    },
+    ribbon: { hiddenTabIds: [] },
+    quickAccess: {
+        visible: true,
+        position: 'above',
+        showCommandLabels: false,
+        commandIds: ['save', 'undo', 'redo', 'presentFromStart'],
+    },
+    trust: {
+        openInProtectedView: false,
+        allowExternalContent: true,
+        confirmExternalHyperlinks: true,
+    },
+};
+function cloneOptions(options) {
+    return {
+        general: { ...options.general },
+        proofing: { ...options.proofing },
+        save: { ...options.save },
+        accessibility: { ...options.accessibility },
+        advanced: { ...options.advanced },
+        ribbon: { hiddenTabIds: [...options.ribbon.hiddenTabIds] },
+        quickAccess: { ...options.quickAccess, commandIds: [...options.quickAccess.commandIds] },
+        trust: { ...options.trust },
+    };
+}
+/** Merge a persisted partial over the defaults, dropping unknown keys. */
+function mergeViewerOptions(stored) {
+    const merged = cloneOptions(DEFAULT_VIEWER_OPTIONS);
+    if (!stored || typeof stored !== 'object') {
+        return merged;
+    }
+    for (const groupId of Object.keys(merged)) {
+        const patch = stored[groupId];
+        if (!patch || typeof patch !== 'object') {
+            continue;
+        }
+        const target = merged[groupId];
+        const defaults = DEFAULT_VIEWER_OPTIONS[groupId];
+        for (const [key, value] of Object.entries(patch)) {
+            if (!(key in defaults) || value === undefined) {
+                continue;
+            }
+            const defaultValue = defaults[key];
+            if (Array.isArray(defaultValue)) {
+                if (Array.isArray(value)) {
+                    target[key] = value.filter((entry) => typeof entry === 'string');
+                }
+            }
+            else if (typeof value === typeof defaultValue) {
+                target[key] = value;
+            }
+        }
+    }
+    return merged;
+}
+/** Sparse diff of `options` against the defaults, for lean persistence. */
+function diffViewerOptions(options) {
+    const diff = {};
+    for (const groupId of Object.keys(DEFAULT_VIEWER_OPTIONS)) {
+        const defaults = DEFAULT_VIEWER_OPTIONS[groupId];
+        const current = options[groupId];
+        let groupDiff;
+        for (const key of Object.keys(defaults)) {
+            const defaultValue = defaults[key];
+            const value = current[key];
+            const changed = Array.isArray(defaultValue)
+                ? JSON.stringify(defaultValue) !== JSON.stringify(value)
+                : defaultValue !== value;
+            if (changed) {
+                groupDiff ??= {};
+                groupDiff[key] = value;
+            }
+        }
+        if (groupDiff) {
+            diff[groupId] = groupDiff;
+        }
+    }
+    return diff;
+}
+/** Project the full options model onto the legacy six-toggle preferences surface. */
+function viewerOptionsToPreferences(options) {
+    return {
+        autoSave: options.save.autoSave,
+        spellCheck: options.proofing.checkSpellingAsYouType,
+        showGrid: options.advanced.showGrid,
+        showRulers: options.advanced.showVerticalRuler,
+        snapToGrid: options.advanced.snapToGrid,
+        reducedMotion: options.accessibility.reducedMotion,
+    };
+}
+/** Apply a legacy preference toggle back onto the options model. */
+function applyPreferenceToOptions(options, key, value) {
+    const next = cloneOptions(options);
+    switch (key) {
+        case 'autoSave':
+            next.save.autoSave = value;
+            break;
+        case 'spellCheck':
+            next.proofing.checkSpellingAsYouType = value;
+            break;
+        case 'showGrid':
+            next.advanced.showGrid = value;
+            break;
+        case 'showRulers':
+            next.advanced.showVerticalRuler = value;
+            break;
+        case 'snapToGrid':
+            next.advanced.snapToGrid = value;
+            break;
+        case 'reducedMotion':
+            next.accessibility.reducedMotion = value;
+            break;
+    }
+    return next;
+}
+
+/**
+ * Pure helpers that translate File > Options values into the behaviors the
+ * bindings actually wire: history depth, autosave cadence, tooltips, ribbon
+ * visibility, print defaults, image export quality, and protected view.
+ */
+/** Maximum undo steps for `EditorHistory({ maxDepth })`. */
+function resolveHistoryDepth(options) {
+    const steps = Math.round(options.advanced.maximumUndoSteps);
+    return Math.min(150, Math.max(3, Number.isFinite(steps) ? steps : 100));
+}
+/** AutoRecover cadence in seconds, honoring the shared minimum. */
+function resolveAutosaveIntervalSeconds(options) {
+    const seconds = Math.round(options.save.autoRecoverIntervalMinutes * 60);
+    return Math.max(AUTOSAVE_MIN_INTERVAL_SECONDS, Number.isFinite(seconds) ? seconds : 120);
+}
+/**
+ * Tooltip text for a chrome control under the current ScreenTip style:
+ * `off` suppresses tooltips entirely, `plain` drops the description, and
+ * shortcut hints append only while Accessibility > shortcut keys is on.
+ */
+function resolveScreenTip(options, label, description, shortcut) {
+    const style = options.general.screenTipStyle;
+    if (style === 'off') {
+        return undefined;
+    }
+    let tip = label;
+    if (style === 'descriptions' && description) {
+        tip = `${tip}: ${description}`;
+    }
+    if (shortcut && options.accessibility.showShortcutKeysInScreenTips) {
+        tip = `${tip} (${shortcut})`;
+    }
+    return tip;
+}
+/** Ribbon tabs after Customize Ribbon hiding; the File tab always survives. */
+function resolveVisibleRibbonTabs(options, tabs = TOOLBAR_TABS) {
+    const hidden = new Set(options.ribbon.hiddenTabIds);
+    hidden.delete('file');
+    return tabs.filter((tab) => !hidden.has(tab.id));
+}
+/**
+ * Seed for print dialogs when "use the following print settings" is chosen;
+ * `undefined` keeps each dialog's own most-recent settings (PowerPoint's
+ * "Use the most recently used print settings").
+ */
+function resolveDefaultPrintSettings(options) {
+    if (options.advanced.printUseMostRecentSettings) {
+        return undefined;
+    }
+    return {
+        printWhat: options.advanced.printWhat,
+        colorMode: options.advanced.printColorMode,
+        frameSlides: options.advanced.printFrameSlides,
+    };
+}
+/** Target raster density in ppi for image export; `undefined` = lossless/high fidelity. */
+function resolveImageResolutionPpi(preset) {
+    switch (preset) {
+        case 'ppi330':
+            return 330;
+        case 'ppi220':
+            return 220;
+        case 'ppi150':
+            return 150;
+        case 'ppi96':
+            return 96;
+        default:
+            return undefined;
+    }
+}
+/** Raster scale multiplier relative to the standard 96 ppi CSS pixel grid. */
+function resolveImageResolutionScale(options) {
+    if (options.advanced.doNotCompressImages) {
+        return 1;
+    }
+    const ppi = resolveImageResolutionPpi(options.advanced.imageDefaultResolution);
+    return ppi === undefined ? 1 : Math.max(0.25, Math.min(4, ppi / 96));
+}
+/** Whether the viewer should open documents read-only until editing is enabled. */
+function shouldOpenInProtectedView(options) {
+    return options.trust.openInProtectedView;
+}
+/** Whether following an external hyperlink should ask for confirmation first. */
+function shouldConfirmExternalHyperlink(options, href) {
+    if (!options.trust.confirmExternalHyperlinks) {
+        return false;
+    }
+    return /^https?:/i.test(href);
+}
+/** CSS class list for the viewer root reflecting display-affecting options. */
+function resolveOptionRootClasses(options, prefix) {
+    const classes = [];
+    if (options.accessibility.reducedMotion) {
+        classes.push(`${prefix}-reduced-motion`);
+    }
+    if (options.advanced.disableHardwareAcceleration) {
+        classes.push(`${prefix}-no-hw-accel`);
+    }
+    if (options.general.displayOptimization === 'compatibility') {
+        classes.push(`${prefix}-compat-display`);
+    }
+    return classes;
+}
+/** Play the Accessibility > "feedback with sound" cue for a completed action. */
+function playFeedbackSound(options) {
+    if (!options.accessibility.feedbackWithSound || typeof window === 'undefined') {
+        return;
+    }
+    const AudioContextCtor = window.AudioContext;
+    if (!AudioContextCtor) {
+        return;
+    }
+    try {
+        const context = new AudioContextCtor();
+        const oscillator = context.createOscillator();
+        const gain = context.createGain();
+        const modern = options.accessibility.soundScheme === 'modern';
+        oscillator.frequency.value = modern ? 880 : 660;
+        oscillator.type = modern ? 'sine' : 'square';
+        gain.gain.setValueAtTime(0.04, context.currentTime);
+        gain.gain.exponentialRampToValueAtTime(0.0001, context.currentTime + 0.15);
+        oscillator.connect(gain).connect(context.destination);
+        oscillator.start();
+        oscillator.stop(context.currentTime + 0.16);
+        oscillator.onended = () => {
+            void context.close();
+        };
+    }
+    catch {
+        // Audio unavailable (autoplay policy, headless env): stay silent.
+    }
+}
+
+function toggle(group, key, labelKey, extra) {
+    return { kind: 'toggle', group, key, labelKey, ...extra };
+}
+function select(group, key, labelKey, choiceList) {
+    return { kind: 'select', group, key, labelKey, choices: choiceList };
+}
+function numberControl(group, key, labelKey, min, max, unitKey) {
+    return { kind: 'number', group, key, labelKey, min, max, unitKey };
+}
+function textControl(group, key, labelKey) {
+    return { kind: 'text', group, key, labelKey, maxLength: 64 };
+}
+function choices(prefix, values) {
+    return values.map((value) => ({ value, labelKey: `${prefix}.${value}` }));
+}
+const SCREEN_TIP_CHOICES = choices('pptx.options.screenTipStyle', [
+    'descriptions',
+    'plain',
+    'off',
+]);
+
+/** Advanced, Customize Ribbon, Quick Access, Add-ins, and Trust Center tabs. */
+const ADVANCED_TAB = {
+    id: 'advanced',
+    labelKey: 'pptx.options.advanced.label',
+    descriptionKey: 'pptx.options.advanced.description',
+    sections: [
+        {
+            id: 'editing',
+            titleKey: 'pptx.options.advanced.editing',
+            controls: [
+                toggle('advanced', 'autoSelectEntireWord', 'pptx.options.advanced.autoSelectWord'),
+                toggle('advanced', 'allowTextDragAndDrop', 'pptx.options.advanced.textDragAndDrop'),
+                numberControl('advanced', 'maximumUndoSteps', 'pptx.options.advanced.maximumUndoSteps', 3, 150),
+            ],
+        },
+        {
+            id: 'cutCopyPaste',
+            titleKey: 'pptx.options.advanced.cutCopyPaste',
+            controls: [
+                toggle('advanced', 'useSmartCutAndPaste', 'pptx.options.advanced.smartCutAndPaste'),
+                toggle('advanced', 'showPasteOptionsButton', 'pptx.options.advanced.showPasteOptions'),
+            ],
+        },
+        {
+            id: 'imageQuality',
+            titleKey: 'pptx.options.advanced.imageQuality',
+            controls: [
+                toggle('advanced', 'doNotCompressImages', 'pptx.options.advanced.doNotCompressImages'),
+                select('advanced', 'imageDefaultResolution', 'pptx.options.advanced.defaultResolution', choices('pptx.options.resolution', [
+                    'highFidelity',
+                    'ppi330',
+                    'ppi220',
+                    'ppi150',
+                    'ppi96',
+                ])),
+            ],
+        },
+        {
+            id: 'chart',
+            titleKey: 'pptx.options.advanced.chart',
+            controls: [
+                toggle('advanced', 'chartPropertiesFollowDataPoint', 'pptx.options.advanced.chartFollowDataPoint'),
+            ],
+        },
+        {
+            id: 'display',
+            titleKey: 'pptx.options.advanced.display',
+            controls: [
+                numberControl('advanced', 'recentPresentationsCount', 'pptx.options.advanced.recentCount', 0, 50),
+                toggle('advanced', 'showVerticalRuler', 'pptx.settings.showRulers'),
+                toggle('advanced', 'showGrid', 'pptx.settings.showGrid'),
+                toggle('advanced', 'snapToGrid', 'pptx.settings.snapToGrid'),
+                toggle('advanced', 'disableHardwareAcceleration', 'pptx.options.advanced.disableHardwareAcceleration'),
+                select('advanced', 'openDocumentsView', 'pptx.options.advanced.openDocumentsView', choices('pptx.options.openView', [
+                    'savedView',
+                    'normal',
+                    'outline',
+                    'slideSorter',
+                    'notes',
+                ])),
+            ],
+        },
+        {
+            id: 'slideShow',
+            titleKey: 'pptx.options.advanced.slideShow',
+            controls: [
+                toggle('advanced', 'slideShowShowMenuOnRightClick', 'pptx.options.advanced.showMenuOnRightClick'),
+                toggle('advanced', 'slideShowShowPopupToolbar', 'pptx.options.advanced.showPopupToolbar'),
+                toggle('advanced', 'slideShowPromptKeepInkAnnotations', 'pptx.options.advanced.promptKeepInk'),
+                toggle('advanced', 'slideShowEndWithBlackSlide', 'pptx.options.advanced.endWithBlackSlide'),
+            ],
+        },
+        {
+            id: 'print',
+            titleKey: 'pptx.options.advanced.print',
+            controls: [
+                toggle('advanced', 'printInBackground', 'pptx.options.advanced.printInBackground'),
+                toggle('advanced', 'printHighQuality', 'pptx.options.advanced.printHighQuality'),
+                toggle('advanced', 'printUseMostRecentSettings', 'pptx.options.advanced.printUseMostRecent'),
+                select('advanced', 'printWhat', 'pptx.options.advanced.printWhat', choices('pptx.options.printWhat', ['slides', 'handouts', 'notes', 'outline'])),
+                select('advanced', 'printColorMode', 'pptx.options.advanced.printColorMode', choices('pptx.options.printColorMode', ['color', 'grayscale', 'blackAndWhite'])),
+                toggle('advanced', 'printHiddenSlides', 'pptx.options.advanced.printHiddenSlides', {
+                    indent: true,
+                }),
+                toggle('advanced', 'printScaleToFit', 'pptx.options.advanced.printScaleToFit', {
+                    indent: true,
+                }),
+                toggle('advanced', 'printFrameSlides', 'pptx.options.advanced.printFrameSlides', {
+                    indent: true,
+                }),
+            ],
+        },
+    ],
+};
+const RIBBON_TAB = {
+    id: 'ribbon',
+    labelKey: 'pptx.options.ribbon.label',
+    descriptionKey: 'pptx.options.ribbon.description',
+    custom: 'ribbon',
+    sections: [
+        {
+            id: 'shortcutReference',
+            titleKey: 'pptx.settings.keyboardShortcuts',
+            special: 'shortcutReference',
+            controls: [],
+        },
+    ],
+};
+const QUICK_ACCESS_TAB = {
+    id: 'quickAccess',
+    labelKey: 'pptx.options.quickAccess.label',
+    descriptionKey: 'pptx.options.quickAccess.description',
+    custom: 'quickAccess',
+    sections: [
+        {
+            id: 'quickAccessOptions',
+            titleKey: 'pptx.options.quickAccess.optionsTitle',
+            controls: [
+                toggle('quickAccess', 'visible', 'pptx.options.quickAccess.show'),
+                select('quickAccess', 'position', 'pptx.options.quickAccess.position', choices('pptx.options.quickAccessPosition', ['above', 'below'])),
+                toggle('quickAccess', 'showCommandLabels', 'pptx.options.quickAccess.showLabels'),
+            ],
+        },
+    ],
+};
+const ADD_INS_TAB = {
+    id: 'addIns',
+    labelKey: 'pptx.options.addIns.label',
+    descriptionKey: 'pptx.options.addIns.description',
+    custom: 'addIns',
+    sections: [],
+};
+const TRUST_TAB = {
+    id: 'trust',
+    labelKey: 'pptx.options.trust.label',
+    descriptionKey: 'pptx.options.trust.description',
+    sections: [
+        {
+            id: 'trustSettings',
+            titleKey: 'pptx.options.trust.settingsTitle',
+            descriptionKey: 'pptx.options.trust.settingsDescription',
+            controls: [
+                toggle('trust', 'openInProtectedView', 'pptx.options.trust.protectedView', {
+                    infoKey: 'pptx.options.trust.protectedViewInfo',
+                }),
+                toggle('trust', 'allowExternalContent', 'pptx.options.trust.allowExternalContent', {
+                    infoKey: 'pptx.options.trust.allowExternalContentInfo',
+                }),
+                toggle('trust', 'confirmExternalHyperlinks', 'pptx.options.trust.confirmHyperlinks'),
+            ],
+        },
+    ],
+};
+
+/** General, Proofing, Save, Language, and Accessibility tab definitions. */
+const GENERAL_TAB = {
+    id: 'general',
+    labelKey: 'pptx.settings.general',
+    descriptionKey: 'pptx.options.general.description',
+    sections: [
+        {
+            id: 'userInterface',
+            titleKey: 'pptx.options.general.userInterface',
+            controls: [
+                select('general', 'displayOptimization', 'pptx.options.general.displayOptimization', choices('pptx.options.displayOptimization', ['appearance', 'compatibility'])),
+                toggle('general', 'showMiniToolbar', 'pptx.options.general.showMiniToolbar', {
+                    infoKey: 'pptx.options.general.showMiniToolbarInfo',
+                }),
+                toggle('general', 'enableLivePreview', 'pptx.options.general.enableLivePreview', {
+                    infoKey: 'pptx.options.general.enableLivePreviewInfo',
+                }),
+                toggle('general', 'collapseRibbonAutomatically', 'pptx.options.general.collapseRibbon'),
+                toggle('general', 'collapseSearchByDefault', 'pptx.options.general.collapseSearch'),
+                select('general', 'screenTipStyle', 'pptx.options.general.screenTipStyle', SCREEN_TIP_CHOICES),
+            ],
+        },
+        {
+            id: 'personalize',
+            titleKey: 'pptx.options.general.personalize',
+            controls: [
+                textControl('general', 'userName', 'pptx.options.general.userName'),
+                textControl('general', 'userInitials', 'pptx.options.general.userInitials'),
+            ],
+        },
+        {
+            id: 'appearance',
+            titleKey: 'pptx.options.general.appearance',
+            special: 'themePicker',
+            controls: [],
+        },
+        {
+            id: 'startup',
+            titleKey: 'pptx.options.general.startup',
+            controls: [toggle('general', 'showStartScreen', 'pptx.options.general.showStartScreen')],
+        },
+    ],
+};
+const PROOFING_TAB = {
+    id: 'proofing',
+    labelKey: 'pptx.options.proofing.label',
+    descriptionKey: 'pptx.options.proofing.description',
+    sections: [
+        {
+            id: 'autoCorrect',
+            titleKey: 'pptx.options.proofing.autoCorrect',
+            descriptionKey: 'pptx.options.proofing.autoCorrectDescription',
+            controls: [
+                toggle('proofing', 'autoCorrectTwoInitialCapitals', 'pptx.options.proofing.twoInitialCapitals'),
+                toggle('proofing', 'autoCorrectCapitalizeFirstLetter', 'pptx.options.proofing.capitalizeFirstLetter'),
+                toggle('proofing', 'autoCorrectCapitalizeDayNames', 'pptx.options.proofing.capitalizeDayNames'),
+                toggle('proofing', 'autoCorrectSmartQuotes', 'pptx.options.proofing.smartQuotes'),
+                toggle('proofing', 'autoCorrectHyphensToDash', 'pptx.options.proofing.hyphensToDash'),
+                toggle('proofing', 'autoCorrectFractions', 'pptx.options.proofing.fractions'),
+                toggle('proofing', 'autoCorrectOrdinals', 'pptx.options.proofing.ordinals'),
+            ],
+        },
+        {
+            id: 'spellingOffice',
+            titleKey: 'pptx.options.proofing.spellingOffice',
+            controls: [
+                toggle('proofing', 'ignoreUppercase', 'pptx.options.proofing.ignoreUppercase'),
+                toggle('proofing', 'ignoreWordsWithNumbers', 'pptx.options.proofing.ignoreWordsWithNumbers'),
+                toggle('proofing', 'ignoreInternetAddresses', 'pptx.options.proofing.ignoreInternetAddresses'),
+                toggle('proofing', 'flagRepeatedWords', 'pptx.options.proofing.flagRepeatedWords'),
+            ],
+        },
+        {
+            id: 'spellingViewer',
+            titleKey: 'pptx.options.proofing.spellingViewer',
+            controls: [
+                toggle('proofing', 'checkSpellingAsYouType', 'pptx.options.proofing.checkSpellingAsYouType'),
+                toggle('proofing', 'hideSpellingErrors', 'pptx.options.proofing.hideSpellingErrors', {
+                    indent: true,
+                }),
+            ],
+        },
+    ],
+};
+const SAVE_TAB = {
+    id: 'save',
+    labelKey: 'pptx.options.save.label',
+    descriptionKey: 'pptx.options.save.description',
+    sections: [
+        {
+            id: 'savePresentations',
+            titleKey: 'pptx.options.save.savePresentations',
+            controls: [
+                toggle('save', 'autoSave', 'pptx.options.save.autoSave', {
+                    infoKey: 'pptx.options.save.autoSaveInfo',
+                }),
+                select('save', 'defaultExportFormat', 'pptx.options.save.defaultFormat', choices('pptx.options.saveFormat', ['pptx', 'pdf', 'png'])),
+                numberControl('save', 'autoRecoverIntervalMinutes', 'pptx.options.save.autoRecoverInterval', 1, 120, 'pptx.options.save.minutes'),
+                toggle('save', 'keepLastAutoRecoveredVersion', 'pptx.options.save.keepLastAutoRecovered', {
+                    indent: true,
+                }),
+            ],
+        },
+        {
+            id: 'fidelity',
+            titleKey: 'pptx.options.save.fidelity',
+            controls: [
+                toggle('save', 'embedFonts', 'pptx.options.save.embedFonts', {
+                    infoKey: 'pptx.options.save.embedFontsInfo',
+                }),
+                toggle('save', 'embedAllFontCharacters', 'pptx.options.save.embedAllCharacters', {
+                    indent: true,
+                }),
+            ],
+        },
+        {
+            id: 'cache',
+            titleKey: 'pptx.options.save.cache',
+            special: 'clearCache',
+            controls: [
+                numberControl('save', 'cacheRetentionDays', 'pptx.options.save.cacheRetentionDays', 1, 90, 'pptx.options.save.days'),
+                toggle('save', 'clearCacheOnClose', 'pptx.options.save.clearCacheOnClose'),
+            ],
+        },
+    ],
+};
+const LANGUAGE_TAB = {
+    id: 'language',
+    labelKey: 'pptx.settings.language',
+    descriptionKey: 'pptx.options.language.description',
+    custom: 'language',
+    sections: [],
+};
+const ACCESSIBILITY_TAB = {
+    id: 'accessibility',
+    labelKey: 'pptx.options.accessibility.label',
+    descriptionKey: 'pptx.options.accessibility.description',
+    sections: [
+        {
+            id: 'assistant',
+            titleKey: 'pptx.options.accessibility.assistant',
+            controls: [
+                toggle('accessibility', 'showAccessibilityStatus', 'pptx.options.accessibility.showStatus'),
+            ],
+        },
+        {
+            id: 'feedback',
+            titleKey: 'pptx.options.accessibility.feedback',
+            controls: [
+                toggle('accessibility', 'feedbackWithSound', 'pptx.options.accessibility.feedbackWithSound'),
+                select('accessibility', 'soundScheme', 'pptx.options.accessibility.soundScheme', choices('pptx.options.soundScheme', ['modern', 'classic'])),
+            ],
+        },
+        {
+            id: 'display',
+            titleKey: 'pptx.options.accessibility.display',
+            controls: [
+                select('general', 'screenTipStyle', 'pptx.options.general.screenTipStyle', SCREEN_TIP_CHOICES),
+                toggle('accessibility', 'showShortcutKeysInScreenTips', 'pptx.options.accessibility.showShortcutKeys'),
+                toggle('accessibility', 'reducedMotion', 'pptx.settings.reducedMotion'),
+            ],
+        },
+    ],
+};
+
+/**
+ * The ten File > Options categories, in PowerPoint's order. Bindings render
+ * the dialog's category list and panes from this array.
+ */
+const VIEWER_OPTIONS_TABS = [
+    GENERAL_TAB,
+    PROOFING_TAB,
+    SAVE_TAB,
+    LANGUAGE_TAB,
+    ACCESSIBILITY_TAB,
+    ADVANCED_TAB,
+    RIBBON_TAB,
+    QUICK_ACCESS_TAB,
+    ADD_INS_TAB,
+    TRUST_TAB,
+];
+function getViewerOptionsTab(id) {
+    const tab = VIEWER_OPTIONS_TABS.find((entry) => entry.id === id);
+    if (!tab) {
+        throw new Error(`Unknown viewer options tab: ${id}`);
+    }
+    return tab;
+}
+
+function createViewerOptionsStore(init) {
+    const persist = init?.persist !== false;
+    const seeded = mergeViewerOptions(init?.initial);
+    let options = persist ? overlayStored(seeded, readStoredViewerPrefs().options) : seeded;
+    const listeners = new Set();
+    function commit(next) {
+        options = next;
+        if (persist) {
+            writeStoredViewerPrefs({ options: diffViewerOptions(next) });
+        }
+        for (const listener of listeners) {
+            listener(options);
+        }
+    }
+    return {
+        getOptions: () => options,
+        setOptions: (next) => commit(cloneOptions(next)),
+        setValue: (group, key, value) => {
+            const defaults = DEFAULT_VIEWER_OPTIONS[group];
+            if (!(key in defaults) || typeof defaults[key] !== typeof value) {
+                return;
+            }
+            const next = cloneOptions(options);
+            next[group][key] = value;
+            commit(next);
+        },
+        getValue: (group, key) => {
+            const record = options[group];
+            const value = record[key];
+            return typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'
+                ? value
+                : undefined;
+        },
+        setRibbonTabHidden: (tabId, hidden) => {
+            if (tabId === 'file') {
+                return;
+            }
+            const current = options.ribbon.hiddenTabIds;
+            const has = current.includes(tabId);
+            if (hidden === has) {
+                return;
+            }
+            const next = cloneOptions(options);
+            next.ribbon.hiddenTabIds = hidden
+                ? [...current, tabId]
+                : current.filter((id) => id !== tabId);
+            commit(next);
+        },
+        setQuickAccessCommands: (commandIds) => {
+            const next = cloneOptions(options);
+            next.quickAccess.commandIds = [...commandIds];
+            commit(next);
+        },
+        reset: (group) => {
+            if (!group) {
+                commit(cloneOptions(DEFAULT_VIEWER_OPTIONS));
+                return;
+            }
+            const next = cloneOptions(options);
+            const defaults = cloneOptions(DEFAULT_VIEWER_OPTIONS);
+            next[group] = defaults[group];
+            commit(next);
+        },
+        subscribe: (listener) => {
+            listeners.add(listener);
+            return () => listeners.delete(listener);
+        },
+    };
+}
+function overlayStored(base, stored) {
+    if (!stored) {
+        return base;
+    }
+    const fromStored = mergeViewerOptions(stored);
+    const merged = cloneOptions(base);
+    const diff = diffViewerOptions(fromStored);
+    for (const groupId of Object.keys(diff)) {
+        const patch = diff[groupId];
+        if (!patch) {
+            continue;
+        }
+        Object.assign(merged[groupId], patch);
+    }
+    return merged;
+}
+
 /**
  * Framework-agnostic rendering & editing helpers shared by the React, Vue, and
  * Angular `pptx-viewer` bindings. Pure TypeScript (no framework imports) — each
@@ -42580,6 +43603,192 @@ const translationsEn = {
     'pptx.connectorArrows.endLength': 'End Length',
     'pptx.slideThumbnail.transitionTooltip': 'Transition: {{name}}',
     'pptx.ribbon.groupShapeStyles': 'Shape Styles',
+    'pptx.options.title': 'Options',
+    'pptx.options.resetAll': 'Reset all options',
+    'pptx.options.resetTab': 'Reset this tab',
+    'pptx.options.general.description': 'General options for working with the viewer.',
+    'pptx.options.general.userInterface': 'User Interface options',
+    'pptx.options.general.displayOptimization': 'When using multiple displays',
+    'pptx.options.displayOptimization.appearance': 'Optimize for best appearance',
+    'pptx.options.displayOptimization.compatibility': 'Optimize for compatibility',
+    'pptx.options.general.showMiniToolbar': 'Show Mini Toolbar on selection',
+    'pptx.options.general.showMiniToolbarInfo': 'Shows the floating formatting toolbar when you select text.',
+    'pptx.options.general.enableLivePreview': 'Enable Live Preview',
+    'pptx.options.general.enableLivePreviewInfo': 'Previews formatting changes on the slide as you hover over gallery choices.',
+    'pptx.options.general.collapseRibbon': 'Collapse the ribbon automatically',
+    'pptx.options.general.collapseSearch': 'Collapse the search box by default',
+    'pptx.options.general.screenTipStyle': 'ScreenTip style',
+    'pptx.options.screenTipStyle.descriptions': 'Show feature descriptions in ScreenTips',
+    'pptx.options.screenTipStyle.plain': "Don't show feature descriptions in ScreenTips",
+    'pptx.options.screenTipStyle.off': "Don't show ScreenTips",
+    'pptx.options.general.personalize': 'Personalize your copy of the viewer',
+    'pptx.options.general.userName': 'User name',
+    'pptx.options.general.userInitials': 'Initials',
+    'pptx.options.general.appearance': 'Viewer theme',
+    'pptx.options.general.startup': 'Start up options',
+    'pptx.options.general.showStartScreen': 'Show the Start screen when this application starts',
+    'pptx.options.proofing.label': 'Proofing',
+    'pptx.options.proofing.description': 'Change how the viewer corrects and formats your text.',
+    'pptx.options.proofing.autoCorrect': 'AutoCorrect options',
+    'pptx.options.proofing.autoCorrectDescription': 'Change how text is corrected and formatted as you type.',
+    'pptx.options.proofing.twoInitialCapitals': 'Correct TWo INitial CApitals',
+    'pptx.options.proofing.capitalizeFirstLetter': 'Capitalize first letter of sentences',
+    'pptx.options.proofing.capitalizeDayNames': 'Capitalize names of days',
+    'pptx.options.proofing.smartQuotes': 'Replace straight quotes with smart quotes',
+    'pptx.options.proofing.hyphensToDash': 'Replace hyphens (--) with dash',
+    'pptx.options.proofing.fractions': 'Replace fractions (1/2) with fraction characters (½)',
+    'pptx.options.proofing.ordinals': 'Replace ordinals (1st) with superscript',
+    'pptx.options.proofing.spellingOffice': 'When correcting spelling',
+    'pptx.options.proofing.ignoreUppercase': 'Ignore words in UPPERCASE',
+    'pptx.options.proofing.ignoreWordsWithNumbers': 'Ignore words that contain numbers',
+    'pptx.options.proofing.ignoreInternetAddresses': 'Ignore Internet and file addresses',
+    'pptx.options.proofing.flagRepeatedWords': 'Flag repeated words',
+    'pptx.options.proofing.spellingViewer': 'When correcting spelling in the viewer',
+    'pptx.options.proofing.checkSpellingAsYouType': 'Check spelling as you type',
+    'pptx.options.proofing.hideSpellingErrors': 'Hide spelling errors',
+    'pptx.options.save.label': 'Save',
+    'pptx.options.save.description': 'Customize how documents are saved.',
+    'pptx.options.save.savePresentations': 'Save presentations',
+    'pptx.options.save.autoSave': 'Save changes automatically (AutoSave)',
+    'pptx.options.save.autoSaveInfo': 'Snapshots are stored locally and offered for recovery when you reopen.',
+    'pptx.options.save.defaultFormat': 'Save files in this format',
+    'pptx.options.saveFormat.pptx': 'PowerPoint Presentation (*.pptx)',
+    'pptx.options.saveFormat.pdf': 'PDF Document (*.pdf)',
+    'pptx.options.saveFormat.png': 'PNG Images (*.png)',
+    'pptx.options.save.autoRecoverInterval': 'Save AutoRecover information every',
+    'pptx.options.save.minutes': 'minutes',
+    'pptx.options.save.keepLastAutoRecovered': 'Keep the last AutoRecovered version if I close without saving',
+    'pptx.options.save.fidelity': 'Preserve fidelity when sharing this presentation',
+    'pptx.options.save.embedFonts': 'Embed fonts in the file',
+    'pptx.options.save.embedFontsInfo': 'Embedding fonts increases file size but keeps text identical on other devices.',
+    'pptx.options.save.embedAllCharacters': 'Embed all characters (best for editing by other people)',
+    'pptx.options.save.cache': 'Cache Settings',
+    'pptx.options.save.cacheRetentionDays': 'Days to keep files in the local document cache',
+    'pptx.options.save.days': 'days',
+    'pptx.options.save.clearCacheOnClose': 'Delete files from the local document cache when they are closed',
+    'pptx.options.save.clearCacheNow': 'Delete cached files',
+    'pptx.options.save.clearCacheDescription': 'Deletes locally stored recovery snapshots and recent files. This does not affect the open presentation.',
+    'pptx.options.language.description': 'Set the viewer language preferences.',
+    'pptx.options.language.displayLanguage': 'Display language',
+    'pptx.options.language.displayLanguageDescription': 'Buttons, menus, and other controls will show in the selected language.',
+    'pptx.options.accessibility.label': 'Accessibility',
+    'pptx.options.accessibility.description': 'Make the viewer more accessible.',
+    'pptx.options.accessibility.assistant': 'Make your document accessible to others',
+    'pptx.options.accessibility.showStatus': 'Show accessibility status in the status bar',
+    'pptx.options.accessibility.feedback': 'Feedback options',
+    'pptx.options.accessibility.feedbackWithSound': 'Provide feedback with sound',
+    'pptx.options.accessibility.soundScheme': 'Sound Scheme',
+    'pptx.options.soundScheme.modern': 'Modern',
+    'pptx.options.soundScheme.classic': 'Classic',
+    'pptx.options.accessibility.display': 'Application display options',
+    'pptx.options.accessibility.showShortcutKeys': 'Show shortcut keys in ScreenTips',
+    'pptx.options.advanced.label': 'Advanced',
+    'pptx.options.advanced.description': 'Advanced options for working with the viewer.',
+    'pptx.options.advanced.editing': 'Editing options',
+    'pptx.options.advanced.autoSelectWord': 'When selecting, automatically select entire word',
+    'pptx.options.advanced.textDragAndDrop': 'Allow text to be dragged and dropped',
+    'pptx.options.advanced.maximumUndoSteps': 'Maximum number of undos',
+    'pptx.options.advanced.cutCopyPaste': 'Cut, copy, and paste',
+    'pptx.options.advanced.smartCutAndPaste': 'Use smart cut and paste',
+    'pptx.options.advanced.showPasteOptions': 'Show Paste Options button when content is pasted',
+    'pptx.options.advanced.imageQuality': 'Image Size and Quality',
+    'pptx.options.advanced.doNotCompressImages': 'Do not compress images in file',
+    'pptx.options.advanced.defaultResolution': 'Default resolution',
+    'pptx.options.resolution.highFidelity': 'High fidelity',
+    'pptx.options.resolution.ppi330': '330 ppi',
+    'pptx.options.resolution.ppi220': '220 ppi',
+    'pptx.options.resolution.ppi150': '150 ppi',
+    'pptx.options.resolution.ppi96': '96 ppi',
+    'pptx.options.advanced.chart': 'Chart',
+    'pptx.options.advanced.chartFollowDataPoint': 'Properties follow chart data point',
+    'pptx.options.advanced.display': 'Display',
+    'pptx.options.advanced.recentCount': 'Show this number of Recent Presentations',
+    'pptx.options.advanced.disableHardwareAcceleration': 'Disable hardware graphics acceleration',
+    'pptx.options.advanced.openDocumentsView': 'Open all documents using this view',
+    'pptx.options.openView.savedView': 'The view saved in the file',
+    'pptx.options.openView.normal': 'Normal',
+    'pptx.options.openView.outline': 'Outline',
+    'pptx.options.openView.slideSorter': 'Slide Sorter',
+    'pptx.options.openView.notes': 'Notes',
+    'pptx.options.advanced.slideShow': 'Slide Show',
+    'pptx.options.advanced.showMenuOnRightClick': 'Show menu on right mouse click',
+    'pptx.options.advanced.showPopupToolbar': 'Show popup toolbar',
+    'pptx.options.advanced.promptKeepInk': 'Prompt to keep ink annotations when exiting',
+    'pptx.options.advanced.endWithBlackSlide': 'End with black slide',
+    'pptx.options.advanced.print': 'Print',
+    'pptx.options.advanced.printInBackground': 'Print in background',
+    'pptx.options.advanced.printHighQuality': 'High quality',
+    'pptx.options.advanced.printUseMostRecent': 'Use the most recently used print settings',
+    'pptx.options.advanced.printWhat': 'Print what',
+    'pptx.options.printWhat.slides': 'Full Page Slides',
+    'pptx.options.printWhat.handouts': 'Handouts',
+    'pptx.options.printWhat.notes': 'Notes Pages',
+    'pptx.options.printWhat.outline': 'Outline',
+    'pptx.options.advanced.printColorMode': 'Color/grayscale',
+    'pptx.options.printColorMode.color': 'Color',
+    'pptx.options.printColorMode.grayscale': 'Grayscale',
+    'pptx.options.printColorMode.blackAndWhite': 'Pure Black and White',
+    'pptx.options.advanced.printHiddenSlides': 'Print hidden slides',
+    'pptx.options.advanced.printScaleToFit': 'Scale to fit paper',
+    'pptx.options.advanced.printFrameSlides': 'Frame slides',
+    'pptx.options.ribbon.label': 'Customize Ribbon',
+    'pptx.options.ribbon.description': 'Customize the ribbon.',
+    'pptx.options.ribbon.tabsTitle': 'Main Tabs',
+    'pptx.options.ribbon.tabsDescription': 'Untick a tab to hide it from the ribbon. The File tab is always shown.',
+    'pptx.options.ribbon.reset': 'Reset ribbon customizations',
+    'pptx.options.quickAccess.label': 'Quick Access Toolbar',
+    'pptx.options.quickAccess.description': 'Customize the Quick Access Toolbar.',
+    'pptx.options.quickAccess.optionsTitle': 'Quick Access Toolbar options',
+    'pptx.options.quickAccess.show': 'Show Quick Access Toolbar',
+    'pptx.options.quickAccess.position': 'Toolbar Position',
+    'pptx.options.quickAccessPosition.above': 'Above Ribbon',
+    'pptx.options.quickAccessPosition.below': 'Below Ribbon',
+    'pptx.options.quickAccess.showLabels': 'Always show command labels',
+    'pptx.options.quickAccess.chooseCommands': 'Choose commands',
+    'pptx.options.quickAccess.currentCommands': 'Customize Quick Access Toolbar',
+    'pptx.options.quickAccess.add': 'Add',
+    'pptx.options.quickAccess.remove': 'Remove',
+    'pptx.options.quickAccess.moveUp': 'Move Up',
+    'pptx.options.quickAccess.moveDown': 'Move Down',
+    'pptx.options.quickAccess.reset': 'Reset',
+    'pptx.options.quickAccess.command.presentFromStart': 'From Beginning',
+    'pptx.options.quickAccess.command.print': 'Print',
+    'pptx.options.quickAccess.command.exportPdf': 'Export as PDF',
+    'pptx.options.quickAccess.command.newSlide': 'New Slide',
+    'pptx.options.quickAccess.command.zoomIn': 'Zoom In',
+    'pptx.options.quickAccess.command.zoomOut': 'Zoom Out',
+    'pptx.options.addIns.label': 'Add-ins',
+    'pptx.options.addIns.description': 'View and manage viewer capability modules.',
+    'pptx.options.addIns.name': 'Name',
+    'pptx.options.addIns.location': 'Location',
+    'pptx.options.addIns.type': 'Type',
+    'pptx.options.addIns.active': 'Active Capability Modules',
+    'pptx.options.addIns.inactive': 'Inactive Capability Modules',
+    'pptx.options.addInType.renderer': 'Renderer',
+    'pptx.options.addInType.converter': 'Converter',
+    'pptx.options.addInType.collaboration': 'Collaboration',
+    'pptx.options.addInType.localization': 'Localization',
+    'pptx.options.addIns.smartArt3d': 'SmartArt 3D Renderer',
+    'pptx.options.addIns.smartArt3dDescription': 'Opt-in three.js renderer for extruded and spatial SmartArt layouts.',
+    'pptx.options.addIns.model3d': '3D Model Renderer',
+    'pptx.options.addIns.model3dDescription': 'Interactive GLB/GLTF model rendering on slides.',
+    'pptx.options.addIns.emfConverter': 'EMF/WMF Converter',
+    'pptx.options.addIns.emfConverterDescription': 'Converts EMF and WMF metafile images to PNG for display.',
+    'pptx.options.addIns.mtxDecompressor': 'MicroType Express Font Decompressor',
+    'pptx.options.addIns.mtxDecompressorDescription': 'Decompresses embedded MicroType Express fonts.',
+    'pptx.options.addIns.collaboration': 'Real-time Collaboration',
+    'pptx.options.addIns.collaborationDescription': 'CRDT-based co-editing, presence, and sync relay support.',
+    'pptx.options.addIns.locales': 'Locale Packs',
+    'pptx.options.addIns.localesDescription': 'Additional display languages for the viewer chrome.',
+    'pptx.options.trust.label': 'Trust Center',
+    'pptx.options.trust.description': 'Help keep your documents safe and secure.',
+    'pptx.options.trust.settingsTitle': 'Security settings',
+    'pptx.options.trust.settingsDescription': 'These settings help keep the content you open safe. We recommend the defaults.',
+    'pptx.options.trust.protectedView': 'Open presentations in Protected View',
+    'pptx.options.trust.protectedViewInfo': 'Documents open read-only; use Enable Editing to make changes.',
+    'pptx.options.trust.allowExternalContent': 'Allow external content (remote images and media)',
+    'pptx.options.trust.allowExternalContentInfo': 'When off, only content embedded in the file is displayed.',
+    'pptx.options.trust.confirmHyperlinks': 'Confirm before opening external hyperlinks',
 };
 /**
  * Convert a dotted translation key to a human-readable label when no
@@ -44379,6 +45588,33 @@ class CollaborationService {
     seedBaseline(slides) {
         this.lastSynced = JSON.stringify(slides);
     }
+    /**
+     * Re-adopt the shared document's slides after a local content load has been
+     * committed to viewer state. The load pipeline applies its parsed deck
+     * unconditionally, so a load that finishes AFTER the room's slides were
+     * already applied (a late joiner's bootstrap deck parsing slower than the
+     * doc sync) silently clobbers the synced state and, with the doc itself
+     * unchanged, the remote observer never re-fires. When the room already has
+     * slides they win: the doc content is re-applied through `onRemoteSlides`
+     * and recorded as the sync baseline (bypassing the usual JSON dedupe) so
+     * the follow-up local broadcast of the adopted deck is a no-op. An empty
+     * room means this client is the seeder and the loaded deck stands, written
+     * by the normal gated broadcast path. Returns true when the doc was adopted.
+     */
+    adoptDocSlidesAfterLoad() {
+        if (!this.ydoc || !this.connected()) {
+            return false;
+        }
+        const docSlides = readSlidesFromYDoc(this.ydoc);
+        if (docSlides.length === 0) {
+            return false;
+        }
+        this.lastSynced = JSON.stringify(docSlides);
+        this.applyingRemote = true;
+        this.onRemoteSlides?.(docSlides);
+        this.applyingRemote = false;
+        return true;
+    }
     broadcastSlides(slides) {
         if (!this.ydoc || !this.yFactories || this.applyingRemote || slides.length === 0) {
             return;
@@ -64582,6 +65818,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
             type: Injectable
         }] });
 
+/**
+ * viewer-options.service.ts: signal-based owner of the File > Options store for
+ * one viewer instance (the Angular counterpart of React's `useViewerOptions`).
+ *
+ * Wraps the framework-neutral {@link createViewerOptionsStore} (which persists a
+ * sparse diff into the shared `pptx-viewer-prefs` localStorage entry) behind an
+ * Angular signal, and bundles the option-to-behavior helpers the rest of the
+ * viewer consumes: history depth, autosave cadence, print defaults, screen
+ * tips, root classes, AutoCorrect, feedback sounds, hyperlink confirmation,
+ * protected view, and the Options > Save cache purge.
+ *
+ * Deliberately constructible with plain `new` (no required injection context)
+ * so the colocated unit tests can exercise it without TestBed, matching
+ * {@link EditorStateService}'s optional-inject pattern.
+ */
+class ViewerOptionsService {
+    /**
+     * Optional: `inject()` needs an active injection context, which plain
+     * `new ViewerOptionsService()` (used by the colocated unit tests) does not
+     * provide. Outside DI the subscription simply lives as long as the instance.
+     */
+    destroyRef = (() => {
+        try {
+            return inject(DestroyRef);
+        }
+        catch {
+            return null;
+        }
+    })();
+    translate = (() => {
+        try {
+            return inject(TranslateService);
+        }
+        catch {
+            return null;
+        }
+    })();
+    /** Imperative store: hydrates from and persists to `pptx-viewer-prefs`. */
+    store = createViewerOptionsStore();
+    _options = signal(this.store.getOptions(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_options" }] : /* istanbul ignore next */ []));
+    /** Reactive File > Options snapshot; a new object per change. */
+    options = this._options.asReadonly();
+    constructor() {
+        const unsubscribe = this.store.subscribe((next) => this._options.set(next));
+        this.destroyRef?.onDestroy(unsubscribe);
+    }
+    // ── Store mutations ─────────────────────────────────────────────────────
+    setValue(group, key, value) {
+        this.store.setValue(group, key, value);
+    }
+    setRibbonTabHidden(tabId, hidden) {
+        this.store.setRibbonTabHidden(tabId, hidden);
+    }
+    setQuickAccessCommands(commandIds) {
+        this.store.setQuickAccessCommands(commandIds);
+    }
+    reset(group) {
+        this.store.reset(group);
+    }
+    /** Restore a snapshot wholesale (the dialog's Cancel semantics). */
+    restore(snapshot) {
+        this.store.setOptions(snapshot);
+    }
+    // ── Behavior resolution helpers ─────────────────────────────────────────
+    /** Undo-stack depth for `new EditorHistory({ maxDepth })`. */
+    historyDepth() {
+        return resolveHistoryDepth(this.options());
+    }
+    /** AutoRecover cadence in seconds for the autosave engine. */
+    autosaveIntervalSeconds() {
+        return resolveAutosaveIntervalSeconds(this.options());
+    }
+    /** Print-dialog seed; `undefined` keeps the dialog's own recents. */
+    printDefaults() {
+        return resolveDefaultPrintSettings(this.options());
+    }
+    /** Option-driven CSS classes for the viewer root (`pptx-ng-*` prefixed). */
+    rootClasses() {
+        return resolveOptionRootClasses(this.options(), 'pptx-ng');
+    }
+    /** Tooltip text under the current ScreenTip style (undefined = suppress). */
+    screenTip(label, description, shortcut) {
+        return resolveScreenTip(this.options(), label, description, shortcut);
+    }
+    /** Run the enabled AutoCorrect rules over a committed run of text. */
+    autoCorrect(text) {
+        return applyAutoCorrect(text, this.options().proofing);
+    }
+    /** Play the Accessibility "feedback with sound" cue for a completed action. */
+    playFeedback() {
+        playFeedbackSound(this.options());
+    }
+    /** Whether Trust Center forces the deck to open read-only. */
+    protectedView() {
+        return shouldOpenInProtectedView(this.options());
+    }
+    /**
+     * Gate an external hyperlink activation. Returns `true` when navigation may
+     * proceed (no confirmation required, or the user confirmed the prompt).
+     */
+    confirmExternalHyperlink(href) {
+        if (!shouldConfirmExternalHyperlink(this.options(), href)) {
+            return true;
+        }
+        if (typeof window === 'undefined' || typeof window.confirm !== 'function') {
+            return true;
+        }
+        const label = this.translate?.instant('pptx.options.trust.confirmHyperlinks') ??
+            'Confirm before opening external hyperlinks';
+        return window.confirm(`${label}\n\n${href}`);
+    }
+    /**
+     * Options > Save > "Delete cached files": purge every autosave recovery
+     * snapshot from the shared IndexedDB store. Resolves with the purge count.
+     */
+    async clearCache() {
+        const snapshots = await listAutosaveSnapshots();
+        await Promise.all(snapshots.map((entry) => deleteAutosaveSnapshot(entry.key)));
+        return snapshots.length;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ViewerOptionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ViewerOptionsService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ViewerOptionsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 /**
  * audience-content-store: IndexedDB-based storage for sharing PPTX content
  * between the presenter tab and audience tab.
@@ -65494,6 +66858,7 @@ const POWER_POINT_VIEWER_PROVIDERS = [
     ViewerInspectorPanelService,
     ViewerKeyboardService,
     ViewerMobileSheetService,
+    ViewerOptionsService,
     ViewerPresentationModeService,
     ViewerThemeGalleryService,
     ViewerTouchGesturesService,
@@ -72505,7 +73870,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
         }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }] } });
 
 // Generated by scripts/inline-shared.mjs from package.json. Do not edit.
-const PPTX_ANGULAR_VIEWER_VERSION = "1.29.0";
+const PPTX_ANGULAR_VIEWER_VERSION = "1.30.1";
 
 /**
  * account-page.component.ts: File > Account content.
@@ -91018,10 +92383,15 @@ class TitleBarComponent {
     /** Toolbar buttons the host wants hidden (gates Undo/Redo independently). */
     hiddenActions = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hiddenActions" }] : /* istanbul ignore next */ []));
+    /** Live Quick Access Toolbar options (File > Options > Quick Access). */
+    quickAccess = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "quickAccess" }] : /* istanbul ignore next */ []));
     toggleAutosave = output();
     save = output();
     undo = output();
     redo = output();
+    /** A configured Quick Access command was pressed (catalog id). */
+    quickCommand = output();
     toggleFindReplace = output();
     commandSearch = output();
     translate = inject(TranslateService);
@@ -91032,6 +92402,41 @@ class TitleBarComponent {
     ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
     searchFocused = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "searchFocused" }] : /* istanbul ignore next */ []));
+    /** Resolved Quick Access options (host-supplied, or the default trio+). */
+    qat = computed(() => this.quickAccess() ?? DEFAULT_VIEWER_OPTIONS.quickAccess, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "qat" }] : /* istanbul ignore next */ []));
+    /**
+     * Configured Quick Access commands beyond the dedicated save/undo/redo
+     * buttons (which keep their own gating + labels). Rendered as text-label
+     * buttons routed through {@link onQuickCommand}.
+     */
+    extraQuickCommands = computed(() => {
+        const dedicated = new Set(['save', 'undo', 'redo']);
+        return this.qat()
+            .commandIds.filter((id) => !dedicated.has(id))
+            .map((id) => QUICK_ACCESS_COMMAND_CATALOG.find((entry) => entry.id === id))
+            .filter((entry) => entry !== undefined);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extraQuickCommands" }] : /* istanbul ignore next */ []));
+    /**
+     * Route a Quick Access press: keep the dedicated save/undo/redo outputs
+     * (existing host wiring, `hiddenActions` gating) and forward everything
+     * else through the generic {@link quickCommand} output.
+     */
+    onQuickCommand(id) {
+        if (id === 'save') {
+            this.save.emit();
+        }
+        else if (id === 'undo' && !this.toolbar.isHidden('undo')) {
+            this.undo.emit();
+        }
+        else if (id === 'redo' && !this.toolbar.isHidden('redo')) {
+            this.redo.emit();
+        }
+        else if (id !== 'undo' && id !== 'redo') {
+            this.quickCommand.emit(id);
+        }
+    }
     commandResults = computed(() => filterCommands(this.searchQuery(), (key) => this.translate.instant(key)), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "commandResults" }] : /* istanbul ignore next */ []));
     /** The i18n key for the save-location status text (next to the file name). */
@@ -91090,7 +92495,7 @@ class TitleBarComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: TitleBarComponent, isStandalone: true, selector: "pptx-title-bar", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, isDirty: { classPropertyName: "isDirty", publicName: "isDirty", isSignal: true, isRequired: false, transformFunction: null }, autosaveStatus: { classPropertyName: "autosaveStatus", publicName: "autosaveStatus", isSignal: true, isRequired: false, transformFunction: null }, autosaveEnabled: { classPropertyName: "autosaveEnabled", publicName: "autosaveEnabled", isSignal: true, isRequired: false, transformFunction: null }, canUndo: { classPropertyName: "canUndo", publicName: "canUndo", isSignal: true, isRequired: false, transformFunction: null }, canRedo: { classPropertyName: "canRedo", publicName: "canRedo", isSignal: true, isRequired: false, transformFunction: null }, undoLabel: { classPropertyName: "undoLabel", publicName: "undoLabel", isSignal: true, isRequired: false, transformFunction: null }, redoLabel: { classPropertyName: "redoLabel", publicName: "redoLabel", isSignal: true, isRequired: false, transformFunction: null }, findReplaceOpen: { classPropertyName: "findReplaceOpen", publicName: "findReplaceOpen", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleAutosave: "toggleAutosave", save: "save", undo: "undo", redo: "redo", toggleFindReplace: "toggleFindReplace", commandSearch: "commandSearch" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: TitleBarComponent, isStandalone: true, selector: "pptx-title-bar", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, isDirty: { classPropertyName: "isDirty", publicName: "isDirty", isSignal: true, isRequired: false, transformFunction: null }, autosaveStatus: { classPropertyName: "autosaveStatus", publicName: "autosaveStatus", isSignal: true, isRequired: false, transformFunction: null }, autosaveEnabled: { classPropertyName: "autosaveEnabled", publicName: "autosaveEnabled", isSignal: true, isRequired: false, transformFunction: null }, canUndo: { classPropertyName: "canUndo", publicName: "canUndo", isSignal: true, isRequired: false, transformFunction: null }, canRedo: { classPropertyName: "canRedo", publicName: "canRedo", isSignal: true, isRequired: false, transformFunction: null }, undoLabel: { classPropertyName: "undoLabel", publicName: "undoLabel", isSignal: true, isRequired: false, transformFunction: null }, redoLabel: { classPropertyName: "redoLabel", publicName: "redoLabel", isSignal: true, isRequired: false, transformFunction: null }, findReplaceOpen: { classPropertyName: "findReplaceOpen", publicName: "findReplaceOpen", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null }, quickAccess: { classPropertyName: "quickAccess", publicName: "quickAccess", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleAutosave: "toggleAutosave", save: "save", undo: "undo", redo: "redo", quickCommand: "quickCommand", toggleFindReplace: "toggleFindReplace", commandSearch: "commandSearch" }, ngImport: i0, template: `
 		<div [class]="tb.container" data-pptx-title-bar>
 			<span [class]="tb.logo" aria-hidden="true">P</span>
 
@@ -91120,213 +92525,251 @@ class TitleBarComponent {
 
 				<div [class]="tb.separator"></div>
 
-				<button
-					type="button"
-					[class]="tb.quickButton"
-					[title]="'pptx.titleBar.save' | translate"
-					[attr.aria-label]="'pptx.titleBar.save' | translate"
-					(click)="save.emit()"
-				>
-					<svg lucideSave class="h-3.5 w-3.5"></svg>
-				</button>
-				@if (!toolbar.isHidden('undo')) {
+				@if (qat().visible) {
 					<button
 						type="button"
 						[class]="tb.quickButton"
-						[disabled]="!canUndo()"
-						[title]="
-							undoLabel()
-								? ('pptx.toolbar.undoAction' | translate: { action: undoLabel() })
-								: ('pptx.toolbar.undo' | translate)
-						"
-						[attr.aria-label]="'pptx.toolbar.undo' | translate"
-						(click)="undo.emit()"
+						[title]="'pptx.titleBar.save' | translate"
+						[attr.aria-label]="'pptx.titleBar.save' | translate"
+						(click)="save.emit()"
 					>
-						<svg lucideUndo class="h-3.5 w-3.5"></svg>
+						<svg lucideSave class="h-3.5 w-3.5"></svg>
 					</button>
-				}
-				@if (!toolbar.isHidden('redo')) {
-					<button
-						type="button"
-						[class]="tb.quickButton"
-						[disabled]="!canRedo()"
-						[title]="
-							redoLabel()
-								? ('pptx.toolbar.redoAction' | translate: { action: redoLabel() })
-								: ('pptx.toolbar.redo' | translate)
-						"
-						[attr.aria-label]="'pptx.toolbar.redo' | translate"
-						(click)="redo.emit()"
-					>
-						<svg lucideRedo class="h-3.5 w-3.5"></svg>
-					</button>
-				}
-
-				<div [class]="tb.separator"></div>
-			}
-
-			<span [class]="tb.fileGroup">
-				<span [class]="tb.fileName">{{ fileName() || (defaultFileKey | translate) }}</span>
-				@if (canEdit()) {
-					<span [class]="tb.statusDot" aria-hidden="true">&bull;</span>
-					<span [class]="tb.statusText" [ngClass]="statusStateClass()">{{
-						statusKey() | translate
-					}}</span>
-				}
-			</span>
-
-			<span [class]="tb.searchWrap">
-				@if (canEdit()) {
-					<div class="relative w-full max-w-md">
-						<div
-							[class]="tb.searchBox"
-							[ngClass]="
-								searchFocused() || findReplaceOpen() ? 'text-foreground bg-background' : ''
+					@if (!toolbar.isHidden('undo')) {
+						<button
+							type="button"
+							[class]="tb.quickButton"
+							[disabled]="!canUndo()"
+							[title]="
+								undoLabel()
+									? ('pptx.toolbar.undoAction' | translate: { action: undoLabel() })
+									: ('pptx.toolbar.undo' | translate)
 							"
+							[attr.aria-label]="'pptx.toolbar.undo' | translate"
+							(click)="undo.emit()"
 						>
-							<span [class]="tb.searchIcon" aria-hidden="true"
-								><svg lucideSearch class="h-3.5 w-3.5"></svg
-							></span>
-							<input
-								type="text"
-								[value]="searchQuery()"
-								(input)="searchQuery.set($any($event.target).value)"
-								(focus)="searchFocused.set(true)"
-								(blur)="onSearchBlur()"
-								(keydown)="onSearchKeyDown($event)"
-								class="flex-1 bg-transparent text-[11px] outline-none placeholder:text-muted-foreground/60"
-								[placeholder]="'pptx.titleBar.searchPlaceholder' | translate"
-								[attr.aria-label]="'pptx.titleBar.search' | translate"
-							/>
-						</div>
-						@if (searchFocused() && searchQuery().trim()) {
-							<div
-								class="absolute left-0 right-0 top-full z-50 mt-1 rounded-lg border border-border bg-popover shadow-xl max-h-64 overflow-y-auto"
-							>
-								@if (commandResults().length > 0) {
-									<div
-										class="px-3 py-1.5 text-[10px] font-semibold text-muted-foreground uppercase tracking-wider"
-									>
-										{{ 'pptx.titleBar.searchCommands' | translate }}
-									</div>
-									@for (entry of commandResults().slice(0, 8); track entry.command) {
-										<button
-											type="button"
-											class="flex w-full items-center gap-2 px-3 py-1.5 text-xs text-foreground hover:bg-accent transition-colors"
-											(mousedown)="selectCommand(entry)"
-										>
-											<span class="truncate">{{ entry.labelKey | translate }}</span>
-											<span class="ml-auto text-[10px] text-muted-foreground capitalize">{{
-												entry.category
-											}}</span>
-										</button>
-									}
-								} @else {
-									<div class="px-3 py-2 text-xs text-muted-foreground">
-										{{ 'pptx.titleBar.searchNoResults' | translate }}
-									</div>
-								}
-								<div class="border-t border-border/60">
-									<button
-										type="button"
-										class="flex w-full items-center gap-2 px-3 py-1.5 text-xs text-foreground hover:bg-accent transition-colors"
-										(mousedown)="openFindReplace()"
-									>
-										<svg lucideSearch class="h-3.5 w-3.5"></svg>
-										<span
-											>{{ 'pptx.titleBar.searchContent' | translate }} &ldquo;{{
-												searchQuery()
-											}}&rdquo;</span
-										>
-									</button>
-								</div>
-							</div>
-						}
-					</div>
-				}
-			</span>
-
-			<span [class]="tb.rightSpacer"></span>
-		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LucideSave, selector: "svg[lucideSave]" }, { kind: "component", type: LucideUndo, selector: "svg[lucideUndo]" }, { kind: "component", type: LucideRedo, selector: "svg[lucideRedo]" }, { kind: "component", type: LucideSearch, selector: "svg[lucideSearch]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TitleBarComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'pptx-title-bar',
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [NgClass, TranslatePipe, LucideSave, LucideUndo, LucideRedo, LucideSearch],
-                    template: `
-		<div [class]="tb.container" data-pptx-title-bar>
-			<span [class]="tb.logo" aria-hidden="true">P</span>
-
-			@if (canEdit()) {
-				<span [class]="tb.autosaveGroup">
-					<span [class]="tb.autosaveLabel">{{ 'pptx.titleBar.autoSave' | translate }}</span>
-					<button
-						type="button"
-						role="switch"
-						[attr.aria-checked]="autosaveEnabled()"
-						[class]="tb.toggleTrack"
-						[ngClass]="autosaveEnabled() ? tb.toggleTrackOn : tb.toggleTrackOff"
-						[title]="'pptx.titleBar.toggleAutoSave' | translate"
-						[attr.aria-label]="'pptx.titleBar.toggleAutoSave' | translate"
-						(click)="toggleAutosave.emit()"
-					>
-						<span
-							[class]="tb.toggleKnob"
-							[ngClass]="autosaveEnabled() ? tb.toggleKnobOn : tb.toggleKnobOff"
-						></span>
-					</button>
-					<span [class]="tb.autosaveLabel">{{
-						(autosaveEnabled() ? 'pptx.titleBar.autoSaveOn' : 'pptx.titleBar.autoSaveOff')
-							| translate
-					}}</span>
-				</span>
-
-				<div [class]="tb.separator"></div>
-
-				<button
-					type="button"
-					[class]="tb.quickButton"
-					[title]="'pptx.titleBar.save' | translate"
-					[attr.aria-label]="'pptx.titleBar.save' | translate"
-					(click)="save.emit()"
-				>
-					<svg lucideSave class="h-3.5 w-3.5"></svg>
-				</button>
-				@if (!toolbar.isHidden('undo')) {
-					<button
-						type="button"
-						[class]="tb.quickButton"
-						[disabled]="!canUndo()"
-						[title]="
-							undoLabel()
-								? ('pptx.toolbar.undoAction' | translate: { action: undoLabel() })
-								: ('pptx.toolbar.undo' | translate)
-						"
-						[attr.aria-label]="'pptx.toolbar.undo' | translate"
-						(click)="undo.emit()"
-					>
-						<svg lucideUndo class="h-3.5 w-3.5"></svg>
-					</button>
-				}
-				@if (!toolbar.isHidden('redo')) {
-					<button
-						type="button"
-						[class]="tb.quickButton"
-						[disabled]="!canRedo()"
-						[title]="
-							redoLabel()
-								? ('pptx.toolbar.redoAction' | translate: { action: redoLabel() })
-								: ('pptx.toolbar.redo' | translate)
-						"
-						[attr.aria-label]="'pptx.toolbar.redo' | translate"
-						(click)="redo.emit()"
-					>
-						<svg lucideRedo class="h-3.5 w-3.5"></svg>
-					</button>
+							<svg lucideUndo class="h-3.5 w-3.5"></svg>
+						</button>
+					}
+					@if (!toolbar.isHidden('redo')) {
+						<button
+							type="button"
+							[class]="tb.quickButton"
+							[disabled]="!canRedo()"
+							[title]="
+								redoLabel()
+									? ('pptx.toolbar.redoAction' | translate: { action: redoLabel() })
+									: ('pptx.toolbar.redo' | translate)
+							"
+							[attr.aria-label]="'pptx.toolbar.redo' | translate"
+							(click)="redo.emit()"
+						>
+							<svg lucideRedo class="h-3.5 w-3.5"></svg>
+						</button>
+					}
+					@for (cmd of extraQuickCommands(); track cmd.id) {
+						<button
+							type="button"
+							[class]="tb.quickButton"
+							[title]="cmd.labelKey | translate"
+							[attr.aria-label]="cmd.labelKey | translate"
+							(click)="onQuickCommand(cmd.id)"
+						>
+							@if (qat().showCommandLabels) {
+								<span class="text-[11px]">{{ cmd.labelKey | translate }}</span>
+							} @else {
+								<span class="text-[11px] font-semibold" aria-hidden="true">{{
+									(cmd.labelKey | translate).charAt(0)
+								}}</span>
+							}
+						</button>
+					}
+				}
+
+				<div [class]="tb.separator"></div>
+			}
+
+			<span [class]="tb.fileGroup">
+				<span [class]="tb.fileName">{{ fileName() || (defaultFileKey | translate) }}</span>
+				@if (canEdit()) {
+					<span [class]="tb.statusDot" aria-hidden="true">&bull;</span>
+					<span [class]="tb.statusText" [ngClass]="statusStateClass()">{{
+						statusKey() | translate
+					}}</span>
+				}
+			</span>
+
+			<span [class]="tb.searchWrap">
+				@if (canEdit()) {
+					<div class="relative w-full max-w-md">
+						<div
+							[class]="tb.searchBox"
+							[ngClass]="
+								searchFocused() || findReplaceOpen() ? 'text-foreground bg-background' : ''
+							"
+						>
+							<span [class]="tb.searchIcon" aria-hidden="true"
+								><svg lucideSearch class="h-3.5 w-3.5"></svg
+							></span>
+							<input
+								type="text"
+								[value]="searchQuery()"
+								(input)="searchQuery.set($any($event.target).value)"
+								(focus)="searchFocused.set(true)"
+								(blur)="onSearchBlur()"
+								(keydown)="onSearchKeyDown($event)"
+								class="flex-1 bg-transparent text-[11px] outline-none placeholder:text-muted-foreground/60"
+								[placeholder]="'pptx.titleBar.searchPlaceholder' | translate"
+								[attr.aria-label]="'pptx.titleBar.search' | translate"
+							/>
+						</div>
+						@if (searchFocused() && searchQuery().trim()) {
+							<div
+								class="absolute left-0 right-0 top-full z-50 mt-1 rounded-lg border border-border bg-popover shadow-xl max-h-64 overflow-y-auto"
+							>
+								@if (commandResults().length > 0) {
+									<div
+										class="px-3 py-1.5 text-[10px] font-semibold text-muted-foreground uppercase tracking-wider"
+									>
+										{{ 'pptx.titleBar.searchCommands' | translate }}
+									</div>
+									@for (entry of commandResults().slice(0, 8); track entry.command) {
+										<button
+											type="button"
+											class="flex w-full items-center gap-2 px-3 py-1.5 text-xs text-foreground hover:bg-accent transition-colors"
+											(mousedown)="selectCommand(entry)"
+										>
+											<span class="truncate">{{ entry.labelKey | translate }}</span>
+											<span class="ml-auto text-[10px] text-muted-foreground capitalize">{{
+												entry.category
+											}}</span>
+										</button>
+									}
+								} @else {
+									<div class="px-3 py-2 text-xs text-muted-foreground">
+										{{ 'pptx.titleBar.searchNoResults' | translate }}
+									</div>
+								}
+								<div class="border-t border-border/60">
+									<button
+										type="button"
+										class="flex w-full items-center gap-2 px-3 py-1.5 text-xs text-foreground hover:bg-accent transition-colors"
+										(mousedown)="openFindReplace()"
+									>
+										<svg lucideSearch class="h-3.5 w-3.5"></svg>
+										<span
+											>{{ 'pptx.titleBar.searchContent' | translate }} &ldquo;{{
+												searchQuery()
+											}}&rdquo;</span
+										>
+									</button>
+								</div>
+							</div>
+						}
+					</div>
+				}
+			</span>
+
+			<span [class]="tb.rightSpacer"></span>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: LucideSave, selector: "svg[lucideSave]" }, { kind: "component", type: LucideUndo, selector: "svg[lucideUndo]" }, { kind: "component", type: LucideRedo, selector: "svg[lucideRedo]" }, { kind: "component", type: LucideSearch, selector: "svg[lucideSearch]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: TitleBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-title-bar',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [NgClass, TranslatePipe, LucideSave, LucideUndo, LucideRedo, LucideSearch],
+                    template: `
+		<div [class]="tb.container" data-pptx-title-bar>
+			<span [class]="tb.logo" aria-hidden="true">P</span>
+
+			@if (canEdit()) {
+				<span [class]="tb.autosaveGroup">
+					<span [class]="tb.autosaveLabel">{{ 'pptx.titleBar.autoSave' | translate }}</span>
+					<button
+						type="button"
+						role="switch"
+						[attr.aria-checked]="autosaveEnabled()"
+						[class]="tb.toggleTrack"
+						[ngClass]="autosaveEnabled() ? tb.toggleTrackOn : tb.toggleTrackOff"
+						[title]="'pptx.titleBar.toggleAutoSave' | translate"
+						[attr.aria-label]="'pptx.titleBar.toggleAutoSave' | translate"
+						(click)="toggleAutosave.emit()"
+					>
+						<span
+							[class]="tb.toggleKnob"
+							[ngClass]="autosaveEnabled() ? tb.toggleKnobOn : tb.toggleKnobOff"
+						></span>
+					</button>
+					<span [class]="tb.autosaveLabel">{{
+						(autosaveEnabled() ? 'pptx.titleBar.autoSaveOn' : 'pptx.titleBar.autoSaveOff')
+							| translate
+					}}</span>
+				</span>
+
+				<div [class]="tb.separator"></div>
+
+				@if (qat().visible) {
+					<button
+						type="button"
+						[class]="tb.quickButton"
+						[title]="'pptx.titleBar.save' | translate"
+						[attr.aria-label]="'pptx.titleBar.save' | translate"
+						(click)="save.emit()"
+					>
+						<svg lucideSave class="h-3.5 w-3.5"></svg>
+					</button>
+					@if (!toolbar.isHidden('undo')) {
+						<button
+							type="button"
+							[class]="tb.quickButton"
+							[disabled]="!canUndo()"
+							[title]="
+								undoLabel()
+									? ('pptx.toolbar.undoAction' | translate: { action: undoLabel() })
+									: ('pptx.toolbar.undo' | translate)
+							"
+							[attr.aria-label]="'pptx.toolbar.undo' | translate"
+							(click)="undo.emit()"
+						>
+							<svg lucideUndo class="h-3.5 w-3.5"></svg>
+						</button>
+					}
+					@if (!toolbar.isHidden('redo')) {
+						<button
+							type="button"
+							[class]="tb.quickButton"
+							[disabled]="!canRedo()"
+							[title]="
+								redoLabel()
+									? ('pptx.toolbar.redoAction' | translate: { action: redoLabel() })
+									: ('pptx.toolbar.redo' | translate)
+							"
+							[attr.aria-label]="'pptx.toolbar.redo' | translate"
+							(click)="redo.emit()"
+						>
+							<svg lucideRedo class="h-3.5 w-3.5"></svg>
+						</button>
+					}
+					@for (cmd of extraQuickCommands(); track cmd.id) {
+						<button
+							type="button"
+							[class]="tb.quickButton"
+							[title]="cmd.labelKey | translate"
+							[attr.aria-label]="cmd.labelKey | translate"
+							(click)="onQuickCommand(cmd.id)"
+						>
+							@if (qat().showCommandLabels) {
+								<span class="text-[11px]">{{ cmd.labelKey | translate }}</span>
+							} @else {
+								<span class="text-[11px] font-semibold" aria-hidden="true">{{
+									(cmd.labelKey | translate).charAt(0)
+								}}</span>
+							}
+						</button>
+					}
 				}
 
 				<div [class]="tb.separator"></div>
@@ -91417,7 +92860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 		</div>
 	`,
                 }]
-        }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], isDirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDirty", required: false }] }], autosaveStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosaveStatus", required: false }] }], autosaveEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosaveEnabled", required: false }] }], canUndo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUndo", required: false }] }], canRedo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRedo", required: false }] }], undoLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "undoLabel", required: false }] }], redoLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "redoLabel", required: false }] }], findReplaceOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "findReplaceOpen", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], toggleAutosave: [{ type: i0.Output, args: ["toggleAutosave"] }], save: [{ type: i0.Output, args: ["save"] }], undo: [{ type: i0.Output, args: ["undo"] }], redo: [{ type: i0.Output, args: ["redo"] }], toggleFindReplace: [{ type: i0.Output, args: ["toggleFindReplace"] }], commandSearch: [{ type: i0.Output, args: ["commandSearch"] }] } });
+        }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], isDirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDirty", required: false }] }], autosaveStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosaveStatus", required: false }] }], autosaveEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "autosaveEnabled", required: false }] }], canUndo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canUndo", required: false }] }], canRedo: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRedo", required: false }] }], undoLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "undoLabel", required: false }] }], redoLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "redoLabel", required: false }] }], findReplaceOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "findReplaceOpen", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], quickAccess: [{ type: i0.Input, args: [{ isSignal: true, alias: "quickAccess", required: false }] }], toggleAutosave: [{ type: i0.Output, args: ["toggleAutosave"] }], save: [{ type: i0.Output, args: ["save"] }], undo: [{ type: i0.Output, args: ["undo"] }], redo: [{ type: i0.Output, args: ["redo"] }], quickCommand: [{ type: i0.Output, args: ["quickCommand"] }], toggleFindReplace: [{ type: i0.Output, args: ["toggleFindReplace"] }], commandSearch: [{ type: i0.Output, args: ["commandSearch"] }] } });
 
 /**
  * slide-diff-helpers.ts: Pure label / icon helpers for the slide-diff row and
@@ -94080,6 +95523,728 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 	`, styles: [".pptx-ng-sss-body{display:flex;flex-direction:column;gap:1.25rem;font-size:.75rem;color:var(--pptx-foreground, #f3f4f6)}.pptx-ng-sss-fieldset{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;border:none}.pptx-ng-sss-legend{margin-bottom:.25rem;padding:0;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--pptx-muted-foreground, #9ca3af)}.pptx-ng-sss-option{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--pptx-foreground, #f3f4f6);cursor:pointer}.pptx-ng-sss-radio{accent-color:var(--pptx-primary, #6366f1)}.pptx-ng-sss-btn{padding:.375rem .75rem;border:1px solid var(--pptx-border, #374151);border-radius:.375rem;background:var(--pptx-card, #111827);color:var(--pptx-foreground, #f3f4f6);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:background .15s ease}.pptx-ng-sss-btn:hover{background:var(--pptx-border, #374151)}.pptx-ng-sss-btn-primary{border-color:var(--pptx-primary, #6366f1);background:var(--pptx-primary, #6366f1);color:#fff}.pptx-ng-sss-btn-primary:hover{background:var(--pptx-primary, #6366f1);filter:brightness(1.1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], properties: [{ type: i0.Input, args: [{ isSignal: true, alias: "properties", required: false }] }], customShows: [{ type: i0.Input, args: [{ isSignal: true, alias: "customShows", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], close: [{ type: i0.Output, args: ["close"] }] } });
 
+/**
+ * options-add-ins-pane.component.ts: Options > Add-ins pane (Angular port of
+ * React's `settings/OptionsAddInsPane.tsx`).
+ *
+ * Presents the viewer's optional capability modules the way PowerPoint lists
+ * COM add-ins: a name/location/type table grouped by active state (from
+ * host-supplied {@link ViewerAddinStatus} flags; unset ids default to active),
+ * with a detail card for the selected row.
+ */
+class OptionsAddInsPaneComponent {
+    /** Host-supplied availability flags; unset ids default to active. */
+    addinStatus = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "addinStatus" }] : /* istanbul ignore next */ []));
+    selectedId = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedId" }] : /* istanbul ignore next */ []));
+    rows = computed(() => resolveViewerAddinRows(this.addinStatus()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    active = computed(() => this.rows().filter((row) => row.active), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    inactive = computed(() => this.rows().filter((row) => !row.active), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inactive" }] : /* istanbul ignore next */ []));
+    selected = computed(() => this.rows().find((row) => row.id === this.selectedId()) ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsAddInsPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: OptionsAddInsPaneComponent, isStandalone: true, selector: "pptx-options-add-ins-pane", inputs: { addinStatus: { classPropertyName: "addinStatus", publicName: "addinStatus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+		<div class="pptx-ng-options-addins">
+			<div class="pptx-ng-options-addins-head">
+				<span>{{ 'pptx.options.addIns.name' | translate }}</span>
+				<span>{{ 'pptx.options.addIns.location' | translate }}</span>
+				<span>{{ 'pptx.options.addIns.type' | translate }}</span>
+			</div>
+
+			<section>
+				<h4>{{ 'pptx.options.addIns.active' | translate }}</h4>
+				@for (row of active(); track row.id) {
+					<button
+						type="button"
+						class="pptx-ng-options-addins-row"
+						[class.is-selected]="selectedId() === row.id"
+						(click)="selectedId.set(row.id)"
+					>
+						<span>{{ row.nameKey | translate }}</span>
+						<span class="pptx-ng-options-addins-loc">{{ row.location }}</span>
+						<span>{{ 'pptx.options.addInType.' + row.type | translate }}</span>
+					</button>
+				} @empty {
+					<p class="pptx-ng-options-addins-empty">
+						{{ 'pptx.options.addIns.description' | translate }}
+					</p>
+				}
+			</section>
+
+			<section>
+				<h4>{{ 'pptx.options.addIns.inactive' | translate }}</h4>
+				@for (row of inactive(); track row.id) {
+					<button
+						type="button"
+						class="pptx-ng-options-addins-row"
+						[class.is-selected]="selectedId() === row.id"
+						(click)="selectedId.set(row.id)"
+					>
+						<span>{{ row.nameKey | translate }}</span>
+						<span class="pptx-ng-options-addins-loc">{{ row.location }}</span>
+						<span>{{ 'pptx.options.addInType.' + row.type | translate }}</span>
+					</button>
+				} @empty {
+					<p class="pptx-ng-options-addins-empty">
+						{{ 'pptx.options.addIns.description' | translate }}
+					</p>
+				}
+			</section>
+
+			@if (selected(); as row) {
+				<div class="pptx-ng-options-addins-detail">
+					<p class="pptx-ng-options-addins-detail-name">{{ row.nameKey | translate }}</p>
+					<p>{{ row.descriptionKey | translate }}</p>
+					<p class="pptx-ng-options-addins-loc">{{ row.location }}</p>
+				</div>
+			}
+		</div>
+	`, isInline: true, styles: [".pptx-ng-options-addins{display:flex;flex-direction:column;gap:14px}.pptx-ng-options-addins-head,.pptx-ng-options-addins-row{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px;align-items:center}.pptx-ng-options-addins-head{padding:0 8px 4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-addins h4{margin:0 0 2px;font-size:12px;font-weight:600}.pptx-ng-options-addins-row{width:100%;padding:6px 8px;border:0;border-bottom:1px solid color-mix(in srgb,var(--pptx-border) 45%,transparent);background:transparent;color:var(--pptx-foreground);font-size:12px;text-align:left;cursor:pointer}.pptx-ng-options-addins-row:hover{background:var(--pptx-accent)}.pptx-ng-options-addins-row.is-selected{background:color-mix(in srgb,var(--pptx-primary) 10%,transparent)}.pptx-ng-options-addins-loc{color:var(--pptx-muted-foreground);font:11px ui-monospace,monospace;overflow-wrap:anywhere}.pptx-ng-options-addins-empty{margin:0;padding:4px 8px;color:var(--pptx-muted-foreground);font-size:11px;font-style:italic}.pptx-ng-options-addins-detail{padding:10px 12px;border:1px solid var(--pptx-border);border-radius:6px;background:var(--pptx-muted);font-size:12px}.pptx-ng-options-addins-detail p{margin:0 0 4px}.pptx-ng-options-addins-detail-name{font-weight:600}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsAddInsPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-options-add-ins-pane', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		<div class="pptx-ng-options-addins">
+			<div class="pptx-ng-options-addins-head">
+				<span>{{ 'pptx.options.addIns.name' | translate }}</span>
+				<span>{{ 'pptx.options.addIns.location' | translate }}</span>
+				<span>{{ 'pptx.options.addIns.type' | translate }}</span>
+			</div>
+
+			<section>
+				<h4>{{ 'pptx.options.addIns.active' | translate }}</h4>
+				@for (row of active(); track row.id) {
+					<button
+						type="button"
+						class="pptx-ng-options-addins-row"
+						[class.is-selected]="selectedId() === row.id"
+						(click)="selectedId.set(row.id)"
+					>
+						<span>{{ row.nameKey | translate }}</span>
+						<span class="pptx-ng-options-addins-loc">{{ row.location }}</span>
+						<span>{{ 'pptx.options.addInType.' + row.type | translate }}</span>
+					</button>
+				} @empty {
+					<p class="pptx-ng-options-addins-empty">
+						{{ 'pptx.options.addIns.description' | translate }}
+					</p>
+				}
+			</section>
+
+			<section>
+				<h4>{{ 'pptx.options.addIns.inactive' | translate }}</h4>
+				@for (row of inactive(); track row.id) {
+					<button
+						type="button"
+						class="pptx-ng-options-addins-row"
+						[class.is-selected]="selectedId() === row.id"
+						(click)="selectedId.set(row.id)"
+					>
+						<span>{{ row.nameKey | translate }}</span>
+						<span class="pptx-ng-options-addins-loc">{{ row.location }}</span>
+						<span>{{ 'pptx.options.addInType.' + row.type | translate }}</span>
+					</button>
+				} @empty {
+					<p class="pptx-ng-options-addins-empty">
+						{{ 'pptx.options.addIns.description' | translate }}
+					</p>
+				}
+			</section>
+
+			@if (selected(); as row) {
+				<div class="pptx-ng-options-addins-detail">
+					<p class="pptx-ng-options-addins-detail-name">{{ row.nameKey | translate }}</p>
+					<p>{{ row.descriptionKey | translate }}</p>
+					<p class="pptx-ng-options-addins-loc">{{ row.location }}</p>
+				</div>
+			}
+		</div>
+	`, styles: [".pptx-ng-options-addins{display:flex;flex-direction:column;gap:14px}.pptx-ng-options-addins-head,.pptx-ng-options-addins-row{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:8px;align-items:center}.pptx-ng-options-addins-head{padding:0 8px 4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-addins h4{margin:0 0 2px;font-size:12px;font-weight:600}.pptx-ng-options-addins-row{width:100%;padding:6px 8px;border:0;border-bottom:1px solid color-mix(in srgb,var(--pptx-border) 45%,transparent);background:transparent;color:var(--pptx-foreground);font-size:12px;text-align:left;cursor:pointer}.pptx-ng-options-addins-row:hover{background:var(--pptx-accent)}.pptx-ng-options-addins-row.is-selected{background:color-mix(in srgb,var(--pptx-primary) 10%,transparent)}.pptx-ng-options-addins-loc{color:var(--pptx-muted-foreground);font:11px ui-monospace,monospace;overflow-wrap:anywhere}.pptx-ng-options-addins-empty{margin:0;padding:4px 8px;color:var(--pptx-muted-foreground);font-size:11px;font-style:italic}.pptx-ng-options-addins-detail{padding:10px 12px;border:1px solid var(--pptx-border);border-radius:6px;background:var(--pptx-muted);font-size:12px}.pptx-ng-options-addins-detail p{margin:0 0 4px}.pptx-ng-options-addins-detail-name{font-weight:600}\n"] }]
+        }], propDecorators: { addinStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "addinStatus", required: false }] }] } });
+
+/**
+ * options-pane.component.ts: generic, schema-driven File > Options pane
+ * (Angular port of React's `settings/OptionsPane.tsx`).
+ *
+ * Renders one {@link ViewerOptionsTabDefinition}: the headline, then each
+ * section's toggle/select/number/text controls with optional "(i)" info
+ * tooltips and PowerPoint-style indenting. Bespoke blocks are handled via
+ * `special`: `clearCache` renders inline (emitting {@link clearCache}), and
+ * `themePicker` projects host content marked `themePicker` (the appearance
+ * swatch gallery). Extra custom content (the Quick Access chooser) projects
+ * after the sections.
+ */
+/** Read a control's current primitive value off the options snapshot. */
+function readOptionValue(options, control) {
+    const group = options[control.group];
+    const value = group[control.key];
+    return typeof value === 'boolean' || typeof value === 'number' || typeof value === 'string'
+        ? value
+        : undefined;
+}
+/** Clamp a number-control edit into its schema range (NaN falls to min). */
+function clampOptionNumber(raw, min, max) {
+    const parsed = Number(raw);
+    if (!Number.isFinite(parsed)) {
+        return min;
+    }
+    return Math.min(max, Math.max(min, parsed));
+}
+class OptionsPaneComponent {
+    tab = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tab" }] : /* istanbul ignore next */ []));
+    options = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    /** One control edited (applied live by the host). */
+    valueChange = output();
+    /** Options > Save > "Delete cached files" pressed. */
+    clearCache = output();
+    value(control) {
+        return readOptionValue(this.options(), control);
+    }
+    selectChoices(control) {
+        return control.kind === 'select' ? control.choices : [];
+    }
+    numberMin(control) {
+        return control.kind === 'number' ? control.min : 0;
+    }
+    numberMax(control) {
+        return control.kind === 'number' ? control.max : 0;
+    }
+    numberUnitKey(control) {
+        return control.kind === 'number' ? control.unitKey : undefined;
+    }
+    emitToggle(control, event) {
+        this.emit(control, event.target.checked);
+    }
+    emitSelect(control, event) {
+        this.emit(control, event.target.value);
+    }
+    emitNumber(control, event) {
+        if (control.kind !== 'number') {
+            return;
+        }
+        const raw = event.target.value;
+        this.emit(control, clampOptionNumber(raw, control.min, control.max));
+    }
+    emitText(control, event) {
+        this.emit(control, event.target.value);
+    }
+    emit(control, value) {
+        this.valueChange.emit({ group: control.group, key: control.key, value });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: OptionsPaneComponent, isStandalone: true, selector: "pptx-options-pane", inputs: { tab: { classPropertyName: "tab", publicName: "tab", isSignal: true, isRequired: true, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { valueChange: "valueChange", clearCache: "clearCache" }, ngImport: i0, template: `
+		<div class="pptx-ng-options-pane">
+			<p class="pptx-ng-options-headline">{{ tab().descriptionKey | translate }}</p>
+			@for (section of tab().sections; track section.id) {
+				<section class="pptx-ng-options-section">
+					<h3>{{ section.titleKey | translate }}</h3>
+					@if (section.descriptionKey; as descriptionKey) {
+						<p class="pptx-ng-options-note">{{ descriptionKey | translate }}</p>
+					}
+					@for (control of section.controls; track control.group + '.' + control.key) {
+						<div class="pptx-ng-options-row" [class.is-indented]="control.indent">
+							<span class="pptx-ng-options-label">
+								{{ control.labelKey | translate }}
+								@if (control.infoKey; as infoKey) {
+									<span
+										class="pptx-ng-options-info"
+										[title]="infoKey | translate"
+										aria-hidden="true"
+										>&#9432;</span
+									>
+								}
+							</span>
+							@switch (control.kind) {
+								@case ('toggle') {
+									<input
+										type="checkbox"
+										class="pptx-ng-options-check"
+										[checked]="value(control) === true"
+										[attr.aria-label]="control.labelKey | translate"
+										(change)="emitToggle(control, $event)"
+									/>
+								}
+								@case ('select') {
+									<select
+										class="pptx-ng-options-select"
+										[value]="value(control)"
+										[attr.aria-label]="control.labelKey | translate"
+										(change)="emitSelect(control, $event)"
+									>
+										@for (choice of selectChoices(control); track choice.value) {
+											<option [value]="choice.value" [selected]="choice.value === value(control)">
+												{{ choice.labelKey | translate }}
+											</option>
+										}
+									</select>
+								}
+								@case ('number') {
+									<span class="pptx-ng-options-number">
+										<input
+											type="number"
+											[min]="numberMin(control)"
+											[max]="numberMax(control)"
+											[value]="value(control)"
+											[attr.aria-label]="control.labelKey | translate"
+											(change)="emitNumber(control, $event)"
+										/>
+										@if (numberUnitKey(control); as unitKey) {
+											<span class="pptx-ng-options-note">{{ unitKey | translate }}</span>
+										}
+									</span>
+								}
+								@default {
+									<input
+										type="text"
+										class="pptx-ng-options-text"
+										maxlength="64"
+										[value]="value(control) ?? ''"
+										[attr.aria-label]="control.labelKey | translate"
+										(change)="emitText(control, $event)"
+									/>
+								}
+							}
+						</div>
+					}
+					@if (section.special === 'themePicker') {
+						<ng-content select="[themePicker]" />
+					} @else if (section.special === 'clearCache') {
+						<p class="pptx-ng-options-note">
+							{{ 'pptx.options.save.clearCacheDescription' | translate }}
+						</p>
+						<button type="button" class="pptx-ng-options-btn" (click)="clearCache.emit()">
+							{{ 'pptx.options.save.clearCacheNow' | translate }}
+						</button>
+					}
+				</section>
+			}
+			<ng-content />
+		</div>
+	`, isInline: true, styles: [".pptx-ng-options-pane{display:flex;flex-direction:column;gap:16px}.pptx-ng-options-headline{margin:0;font-size:13px;font-weight:600}.pptx-ng-options-section h3{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-note{margin:2px 0 6px;color:var(--pptx-muted-foreground);font-size:11px}.pptx-ng-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.pptx-ng-options-row.is-indented{padding-left:22px}.pptx-ng-options-info{margin-left:4px;color:var(--pptx-primary);cursor:help}.pptx-ng-options-check{width:15px;height:15px;flex-shrink:0;accent-color:var(--pptx-primary)}.pptx-ng-options-select,.pptx-ng-options-text,.pptx-ng-options-number input{max-width:55%;padding:3px 6px;border:1px solid var(--pptx-border);border-radius:4px;background:var(--pptx-background);color:var(--pptx-foreground);font-size:12px}.pptx-ng-options-number{display:inline-flex;align-items:center;gap:6px}.pptx-ng-options-number input{width:72px;text-align:right}.pptx-ng-options-text{width:180px}.pptx-ng-options-btn{padding:5px 12px;border:1px solid var(--pptx-border);border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:12px;cursor:pointer}.pptx-ng-options-btn:hover{background:var(--pptx-accent)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-options-pane', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		<div class="pptx-ng-options-pane">
+			<p class="pptx-ng-options-headline">{{ tab().descriptionKey | translate }}</p>
+			@for (section of tab().sections; track section.id) {
+				<section class="pptx-ng-options-section">
+					<h3>{{ section.titleKey | translate }}</h3>
+					@if (section.descriptionKey; as descriptionKey) {
+						<p class="pptx-ng-options-note">{{ descriptionKey | translate }}</p>
+					}
+					@for (control of section.controls; track control.group + '.' + control.key) {
+						<div class="pptx-ng-options-row" [class.is-indented]="control.indent">
+							<span class="pptx-ng-options-label">
+								{{ control.labelKey | translate }}
+								@if (control.infoKey; as infoKey) {
+									<span
+										class="pptx-ng-options-info"
+										[title]="infoKey | translate"
+										aria-hidden="true"
+										>&#9432;</span
+									>
+								}
+							</span>
+							@switch (control.kind) {
+								@case ('toggle') {
+									<input
+										type="checkbox"
+										class="pptx-ng-options-check"
+										[checked]="value(control) === true"
+										[attr.aria-label]="control.labelKey | translate"
+										(change)="emitToggle(control, $event)"
+									/>
+								}
+								@case ('select') {
+									<select
+										class="pptx-ng-options-select"
+										[value]="value(control)"
+										[attr.aria-label]="control.labelKey | translate"
+										(change)="emitSelect(control, $event)"
+									>
+										@for (choice of selectChoices(control); track choice.value) {
+											<option [value]="choice.value" [selected]="choice.value === value(control)">
+												{{ choice.labelKey | translate }}
+											</option>
+										}
+									</select>
+								}
+								@case ('number') {
+									<span class="pptx-ng-options-number">
+										<input
+											type="number"
+											[min]="numberMin(control)"
+											[max]="numberMax(control)"
+											[value]="value(control)"
+											[attr.aria-label]="control.labelKey | translate"
+											(change)="emitNumber(control, $event)"
+										/>
+										@if (numberUnitKey(control); as unitKey) {
+											<span class="pptx-ng-options-note">{{ unitKey | translate }}</span>
+										}
+									</span>
+								}
+								@default {
+									<input
+										type="text"
+										class="pptx-ng-options-text"
+										maxlength="64"
+										[value]="value(control) ?? ''"
+										[attr.aria-label]="control.labelKey | translate"
+										(change)="emitText(control, $event)"
+									/>
+								}
+							}
+						</div>
+					}
+					@if (section.special === 'themePicker') {
+						<ng-content select="[themePicker]" />
+					} @else if (section.special === 'clearCache') {
+						<p class="pptx-ng-options-note">
+							{{ 'pptx.options.save.clearCacheDescription' | translate }}
+						</p>
+						<button type="button" class="pptx-ng-options-btn" (click)="clearCache.emit()">
+							{{ 'pptx.options.save.clearCacheNow' | translate }}
+						</button>
+					}
+				</section>
+			}
+			<ng-content />
+		</div>
+	`, styles: [".pptx-ng-options-pane{display:flex;flex-direction:column;gap:16px}.pptx-ng-options-headline{margin:0;font-size:13px;font-weight:600}.pptx-ng-options-section h3{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-note{margin:2px 0 6px;color:var(--pptx-muted-foreground);font-size:11px}.pptx-ng-options-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.pptx-ng-options-row.is-indented{padding-left:22px}.pptx-ng-options-info{margin-left:4px;color:var(--pptx-primary);cursor:help}.pptx-ng-options-check{width:15px;height:15px;flex-shrink:0;accent-color:var(--pptx-primary)}.pptx-ng-options-select,.pptx-ng-options-text,.pptx-ng-options-number input{max-width:55%;padding:3px 6px;border:1px solid var(--pptx-border);border-radius:4px;background:var(--pptx-background);color:var(--pptx-foreground);font-size:12px}.pptx-ng-options-number{display:inline-flex;align-items:center;gap:6px}.pptx-ng-options-number input{width:72px;text-align:right}.pptx-ng-options-text{width:180px}.pptx-ng-options-btn{padding:5px 12px;border:1px solid var(--pptx-border);border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:12px;cursor:pointer}.pptx-ng-options-btn:hover{background:var(--pptx-accent)}\n"] }]
+        }], propDecorators: { tab: [{ type: i0.Input, args: [{ isSignal: true, alias: "tab", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], clearCache: [{ type: i0.Output, args: ["clearCache"] }] } });
+
+/**
+ * options-quick-access-pane.component.ts: Options > Quick Access Toolbar pane
+ * (Angular port of React's `settings/OptionsQuickAccessPane.tsx`).
+ *
+ * PowerPoint's dual-list command chooser over the shared
+ * {@link QUICK_ACCESS_COMMAND_CATALOG}: available commands on the left, the
+ * current toolbar on the right, Add/Remove between them, reorder arrows, and a
+ * Reset back to {@link DEFAULT_QUICK_ACCESS_COMMAND_IDS}.
+ */
+class OptionsQuickAccessPaneComponent {
+    options = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    /** The full replacement command-id list (applied live by the host). */
+    commandsChange = output();
+    selectedAvailable = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedAvailable" }] : /* istanbul ignore next */ []));
+    selectedCurrent = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedCurrent" }] : /* istanbul ignore next */ []));
+    current = computed(() => this.options().quickAccess.commandIds, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+    available = computed(() => availableQuickAccessCommands(this.current()).map((entry) => entry.id), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "available" }] : /* istanbul ignore next */ []));
+    labelKey(id) {
+        return getQuickAccessCommand(id)?.labelKey ?? id;
+    }
+    add() {
+        const id = this.selectedAvailable();
+        if (id) {
+            this.commandsChange.emit(addQuickAccessCommand(this.current(), id));
+            this.selectedAvailable.set(null);
+        }
+    }
+    remove() {
+        const id = this.selectedCurrent();
+        if (id) {
+            this.commandsChange.emit(removeQuickAccessCommand(this.current(), id));
+            this.selectedCurrent.set(null);
+        }
+    }
+    move(direction) {
+        const id = this.selectedCurrent();
+        if (id) {
+            this.commandsChange.emit(moveQuickAccessCommand(this.current(), id, direction));
+        }
+    }
+    reset() {
+        this.commandsChange.emit([...DEFAULT_QUICK_ACCESS_COMMAND_IDS]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsQuickAccessPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: OptionsQuickAccessPaneComponent, isStandalone: true, selector: "pptx-options-quick-access-pane", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { commandsChange: "commandsChange" }, ngImport: i0, template: `
+		<div class="pptx-ng-options-qat">
+			<div class="pptx-ng-options-qat-lists">
+				<div class="pptx-ng-options-qat-col">
+					<p>{{ 'pptx.options.quickAccess.chooseCommands' | translate }}</p>
+					<div
+						role="listbox"
+						[attr.aria-label]="'pptx.options.quickAccess.chooseCommands' | translate"
+					>
+						@for (id of available(); track id) {
+							<button
+								type="button"
+								role="option"
+								[attr.aria-selected]="selectedAvailable() === id"
+								[class.is-selected]="selectedAvailable() === id"
+								(click)="selectedAvailable.set(id)"
+							>
+								{{ labelKey(id) | translate }}
+							</button>
+						}
+					</div>
+				</div>
+				<div class="pptx-ng-options-qat-actions">
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedAvailable()"
+						(click)="add()"
+					>
+						{{ 'pptx.options.quickAccess.add' | translate }} &raquo;
+					</button>
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedCurrent()"
+						(click)="remove()"
+					>
+						&laquo; {{ 'pptx.options.quickAccess.remove' | translate }}
+					</button>
+				</div>
+				<div class="pptx-ng-options-qat-col">
+					<p>{{ 'pptx.options.quickAccess.currentCommands' | translate }}</p>
+					<div
+						role="listbox"
+						[attr.aria-label]="'pptx.options.quickAccess.currentCommands' | translate"
+					>
+						@for (id of current(); track id) {
+							<button
+								type="button"
+								role="option"
+								[attr.aria-selected]="selectedCurrent() === id"
+								[class.is-selected]="selectedCurrent() === id"
+								(click)="selectedCurrent.set(id)"
+							>
+								{{ labelKey(id) | translate }}
+							</button>
+						}
+					</div>
+				</div>
+				<div class="pptx-ng-options-qat-actions">
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedCurrent()"
+						[attr.aria-label]="'pptx.options.quickAccess.moveUp' | translate"
+						(click)="move('up')"
+					>
+						&#9650;
+					</button>
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedCurrent()"
+						[attr.aria-label]="'pptx.options.quickAccess.moveDown' | translate"
+						(click)="move('down')"
+					>
+						&#9660;
+					</button>
+				</div>
+			</div>
+			<button type="button" class="pptx-ng-options-btn" (click)="reset()">
+				{{ 'pptx.options.quickAccess.reset' | translate }}
+			</button>
+		</div>
+	`, isInline: true, styles: [".pptx-ng-options-qat{display:flex;flex-direction:column;gap:10px}.pptx-ng-options-qat-lists{display:flex;align-items:stretch;gap:10px}.pptx-ng-options-qat-col{flex:1;min-width:0}.pptx-ng-options-qat-col p{margin:0 0 4px;color:var(--pptx-muted-foreground);font-size:11px;font-weight:600}.pptx-ng-options-qat-col [role=listbox]{height:190px;overflow-y:auto;padding:4px;border:1px solid var(--pptx-border);border-radius:6px}.pptx-ng-options-qat-col [role=option]{display:block;width:100%;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:13px;text-align:left;cursor:pointer}.pptx-ng-options-qat-col [role=option]:hover{background:var(--pptx-accent)}.pptx-ng-options-qat-col [role=option].is-selected{background:color-mix(in srgb,var(--pptx-primary) 15%,transparent);color:var(--pptx-primary)}.pptx-ng-options-qat-actions{display:flex;flex-direction:column;justify-content:center;gap:8px}.pptx-ng-options-btn{padding:5px 10px;border:1px solid var(--pptx-border);border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:12px;white-space:nowrap;cursor:pointer}.pptx-ng-options-btn:hover:not(:disabled){background:var(--pptx-accent)}.pptx-ng-options-btn:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-options-qat>.pptx-ng-options-btn{align-self:flex-start}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsQuickAccessPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-options-quick-access-pane', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		<div class="pptx-ng-options-qat">
+			<div class="pptx-ng-options-qat-lists">
+				<div class="pptx-ng-options-qat-col">
+					<p>{{ 'pptx.options.quickAccess.chooseCommands' | translate }}</p>
+					<div
+						role="listbox"
+						[attr.aria-label]="'pptx.options.quickAccess.chooseCommands' | translate"
+					>
+						@for (id of available(); track id) {
+							<button
+								type="button"
+								role="option"
+								[attr.aria-selected]="selectedAvailable() === id"
+								[class.is-selected]="selectedAvailable() === id"
+								(click)="selectedAvailable.set(id)"
+							>
+								{{ labelKey(id) | translate }}
+							</button>
+						}
+					</div>
+				</div>
+				<div class="pptx-ng-options-qat-actions">
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedAvailable()"
+						(click)="add()"
+					>
+						{{ 'pptx.options.quickAccess.add' | translate }} &raquo;
+					</button>
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedCurrent()"
+						(click)="remove()"
+					>
+						&laquo; {{ 'pptx.options.quickAccess.remove' | translate }}
+					</button>
+				</div>
+				<div class="pptx-ng-options-qat-col">
+					<p>{{ 'pptx.options.quickAccess.currentCommands' | translate }}</p>
+					<div
+						role="listbox"
+						[attr.aria-label]="'pptx.options.quickAccess.currentCommands' | translate"
+					>
+						@for (id of current(); track id) {
+							<button
+								type="button"
+								role="option"
+								[attr.aria-selected]="selectedCurrent() === id"
+								[class.is-selected]="selectedCurrent() === id"
+								(click)="selectedCurrent.set(id)"
+							>
+								{{ labelKey(id) | translate }}
+							</button>
+						}
+					</div>
+				</div>
+				<div class="pptx-ng-options-qat-actions">
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedCurrent()"
+						[attr.aria-label]="'pptx.options.quickAccess.moveUp' | translate"
+						(click)="move('up')"
+					>
+						&#9650;
+					</button>
+					<button
+						type="button"
+						class="pptx-ng-options-btn"
+						[disabled]="!selectedCurrent()"
+						[attr.aria-label]="'pptx.options.quickAccess.moveDown' | translate"
+						(click)="move('down')"
+					>
+						&#9660;
+					</button>
+				</div>
+			</div>
+			<button type="button" class="pptx-ng-options-btn" (click)="reset()">
+				{{ 'pptx.options.quickAccess.reset' | translate }}
+			</button>
+		</div>
+	`, styles: [".pptx-ng-options-qat{display:flex;flex-direction:column;gap:10px}.pptx-ng-options-qat-lists{display:flex;align-items:stretch;gap:10px}.pptx-ng-options-qat-col{flex:1;min-width:0}.pptx-ng-options-qat-col p{margin:0 0 4px;color:var(--pptx-muted-foreground);font-size:11px;font-weight:600}.pptx-ng-options-qat-col [role=listbox]{height:190px;overflow-y:auto;padding:4px;border:1px solid var(--pptx-border);border-radius:6px}.pptx-ng-options-qat-col [role=option]{display:block;width:100%;padding:5px 8px;border:0;border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:13px;text-align:left;cursor:pointer}.pptx-ng-options-qat-col [role=option]:hover{background:var(--pptx-accent)}.pptx-ng-options-qat-col [role=option].is-selected{background:color-mix(in srgb,var(--pptx-primary) 15%,transparent);color:var(--pptx-primary)}.pptx-ng-options-qat-actions{display:flex;flex-direction:column;justify-content:center;gap:8px}.pptx-ng-options-btn{padding:5px 10px;border:1px solid var(--pptx-border);border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:12px;white-space:nowrap;cursor:pointer}.pptx-ng-options-btn:hover:not(:disabled){background:var(--pptx-accent)}.pptx-ng-options-btn:disabled{opacity:.5;cursor:not-allowed}.pptx-ng-options-qat>.pptx-ng-options-btn{align-self:flex-start}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], commandsChange: [{ type: i0.Output, args: ["commandsChange"] }] } });
+
+/**
+ * options-ribbon-pane.component.ts: Options > Customize Ribbon pane (Angular
+ * port of React's `settings/OptionsRibbonPane.tsx`).
+ *
+ * Renders PowerPoint's "Main Tabs" checkbox tree over the shared
+ * {@link TOOLBAR_TABS} registry (the File tab can never be hidden), a Reset
+ * button that restores the ribbon group, and the keyboard-shortcut reference
+ * list that backs the tab's `shortcutReference` special section.
+ */
+/** Whether a ribbon tab is ticked in Customize Ribbon (File always is). */
+function isRibbonTabTicked(options, tabId) {
+    return tabId === 'file' || !options.ribbon.hiddenTabIds.includes(tabId);
+}
+class OptionsRibbonPaneComponent {
+    options = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    tabHiddenChange = output();
+    resetRibbon = output();
+    tabs = TOOLBAR_TABS;
+    shortcuts = SHORTCUT_REFERENCE_ITEMS;
+    ticked(tabId) {
+        return isRibbonTabTicked(this.options(), tabId);
+    }
+    onTicked(tabId, event) {
+        this.tabHiddenChange.emit({ tabId, hidden: !event.target.checked });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsRibbonPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: OptionsRibbonPaneComponent, isStandalone: true, selector: "pptx-options-ribbon-pane", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tabHiddenChange: "tabHiddenChange", resetRibbon: "resetRibbon" }, ngImport: i0, template: `
+		<div class="pptx-ng-options-ribbon">
+			<section>
+				<h3>{{ 'pptx.options.ribbon.tabsTitle' | translate }}</h3>
+				<p class="pptx-ng-options-note">{{ 'pptx.options.ribbon.tabsDescription' | translate }}</p>
+				<div class="pptx-ng-options-ribbon-tabs">
+					@for (tab of tabs; track tab.id) {
+						<label class="pptx-ng-options-ribbon-tab" [class.is-locked]="tab.id === 'file'">
+							<input
+								type="checkbox"
+								[checked]="ticked(tab.id)"
+								[disabled]="tab.id === 'file'"
+								(change)="onTicked(tab.id, $event)"
+							/>
+							<span>{{ tab.labelKey | translate }}</span>
+						</label>
+					}
+				</div>
+				<button type="button" class="pptx-ng-options-btn" (click)="resetRibbon.emit()">
+					{{ 'pptx.options.ribbon.reset' | translate }}
+				</button>
+			</section>
+
+			<section>
+				<h3>{{ 'pptx.settings.keyboardShortcuts' | translate }}</h3>
+				@for (item of shortcuts; track item.actionKey; let even = $even) {
+					<div class="pptx-ng-options-shortcut" [class.is-alt]="even">
+						<span>{{ item.actionKey | translate }}</span>
+						<kbd>{{ item.shortcut }}</kbd>
+					</div>
+				}
+			</section>
+		</div>
+	`, isInline: true, styles: [".pptx-ng-options-ribbon{display:flex;flex-direction:column;gap:16px}.pptx-ng-options-ribbon h3{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-note{margin:2px 0 6px;color:var(--pptx-muted-foreground);font-size:11px}.pptx-ng-options-ribbon-tabs{margin-bottom:8px;padding:6px;border:1px solid var(--pptx-border);border-radius:6px}.pptx-ng-options-ribbon-tab{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:4px;font-size:13px;cursor:pointer}.pptx-ng-options-ribbon-tab:hover{background:var(--pptx-accent)}.pptx-ng-options-ribbon-tab.is-locked{opacity:.6;cursor:not-allowed}.pptx-ng-options-ribbon-tab input{width:15px;height:15px;accent-color:var(--pptx-primary)}.pptx-ng-options-btn{padding:5px 12px;border:1px solid var(--pptx-border);border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:12px;cursor:pointer}.pptx-ng-options-btn:hover{background:var(--pptx-accent)}.pptx-ng-options-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:4px;font-size:12px}.pptx-ng-options-shortcut.is-alt{background:var(--pptx-muted)}.pptx-ng-options-shortcut kbd{color:var(--pptx-muted-foreground);font:11px ui-monospace,monospace;white-space:nowrap}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: OptionsRibbonPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pptx-options-ribbon-pane', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
+		<div class="pptx-ng-options-ribbon">
+			<section>
+				<h3>{{ 'pptx.options.ribbon.tabsTitle' | translate }}</h3>
+				<p class="pptx-ng-options-note">{{ 'pptx.options.ribbon.tabsDescription' | translate }}</p>
+				<div class="pptx-ng-options-ribbon-tabs">
+					@for (tab of tabs; track tab.id) {
+						<label class="pptx-ng-options-ribbon-tab" [class.is-locked]="tab.id === 'file'">
+							<input
+								type="checkbox"
+								[checked]="ticked(tab.id)"
+								[disabled]="tab.id === 'file'"
+								(change)="onTicked(tab.id, $event)"
+							/>
+							<span>{{ tab.labelKey | translate }}</span>
+						</label>
+					}
+				</div>
+				<button type="button" class="pptx-ng-options-btn" (click)="resetRibbon.emit()">
+					{{ 'pptx.options.ribbon.reset' | translate }}
+				</button>
+			</section>
+
+			<section>
+				<h3>{{ 'pptx.settings.keyboardShortcuts' | translate }}</h3>
+				@for (item of shortcuts; track item.actionKey; let even = $even) {
+					<div class="pptx-ng-options-shortcut" [class.is-alt]="even">
+						<span>{{ item.actionKey | translate }}</span>
+						<kbd>{{ item.shortcut }}</kbd>
+					</div>
+				}
+			</section>
+		</div>
+	`, styles: [".pptx-ng-options-ribbon{display:flex;flex-direction:column;gap:16px}.pptx-ng-options-ribbon h3{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-note{margin:2px 0 6px;color:var(--pptx-muted-foreground);font-size:11px}.pptx-ng-options-ribbon-tabs{margin-bottom:8px;padding:6px;border:1px solid var(--pptx-border);border-radius:6px}.pptx-ng-options-ribbon-tab{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:4px;font-size:13px;cursor:pointer}.pptx-ng-options-ribbon-tab:hover{background:var(--pptx-accent)}.pptx-ng-options-ribbon-tab.is-locked{opacity:.6;cursor:not-allowed}.pptx-ng-options-ribbon-tab input{width:15px;height:15px;accent-color:var(--pptx-primary)}.pptx-ng-options-btn{padding:5px 12px;border:1px solid var(--pptx-border);border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:12px;cursor:pointer}.pptx-ng-options-btn:hover{background:var(--pptx-accent)}.pptx-ng-options-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:4px;font-size:12px}.pptx-ng-options-shortcut.is-alt{background:var(--pptx-muted)}.pptx-ng-options-shortcut kbd{color:var(--pptx-muted-foreground);font:11px ui-monospace,monospace;white-space:nowrap}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], tabHiddenChange: [{ type: i0.Output, args: ["tabHiddenChange"] }], resetRibbon: [{ type: i0.Output, args: ["resetRibbon"] }] } });
+
 /**
  * settings-appearance-tab.component.ts: File > Options > Appearance tab.
  *
@@ -94193,233 +96358,332 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 	`, styles: [".pptx-ng-lang-row{width:100%;border:0;background:transparent;color:inherit;cursor:pointer}.pptx-ng-lang-row.is-active{color:var(--pptx-primary);font-weight:600}.pptx-ng-lang-en{color:var(--pptx-muted-foreground)}\n"] }]
         }], propDecorators: { locales: [{ type: i0.Input, args: [{ isSignal: true, alias: "locales", required: true }] }], activeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeCode", required: false }] }], select: [{ type: i0.Output, args: ["select"] }] } });
 
-function toggleViewerSetting(settings, key) {
-    return updateViewerPreference(settings, key, !settings[key]);
+/**
+ * settings-dialog.component.ts: the File > Options dialog (Angular port of
+ * React's `SettingsDialog.tsx`).
+ *
+ * A PowerPoint Options-style dialog: the ten shared categories from
+ * {@link VIEWER_OPTIONS_TABS} in a left rail, schema-driven panes on the right
+ * ({@link OptionsPaneComponent}), and bespoke panes for Language (locale list),
+ * Customize Ribbon, Quick Access Toolbar, and Add-ins. Changes apply live
+ * through the host's options store; Cancel restores the snapshot taken when
+ * the dialog opened, while OK / Escape / backdrop keep the edits.
+ *
+ * Built as its own overlay + panel (not `pptx-modal-dialog`) because the
+ * two-column rail layout needs the wide footprint the shared modal shell does
+ * not provide, mirroring how `insert-smart-art-dialog` sizes itself.
+ */
+/** The ten File > Options categories the dialog's rail renders, in order. */
+const OPTIONS_DIALOG_TABS = VIEWER_OPTIONS_TABS;
+/** Resolve the active tab definition, falling back to the first category. */
+function resolveOptionsTab(id) {
+    const fallback = OPTIONS_DIALOG_TABS[0];
+    return OPTIONS_DIALOG_TABS.find((tab) => tab.id === id) ?? fallback;
 }
 class SettingsDialogComponent {
     open = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
-    settings = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
-    /** Selected `THEME_CATALOG` (or `availableThemes`) key, for the Appearance tab. */
+    /** Full File > Options snapshot rendered by every pane. */
+    options = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    /** Selected theme catalog key, for General > Appearance. */
     themeKey = input('default', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "themeKey" }] : /* istanbul ignore next */ []));
-    /** Theme choices offered by the Appearance tab. Defaults to the built-in `THEME_CATALOG`. */
     availableThemes = input(THEME_CATALOG, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "availableThemes" }] : /* istanbul ignore next */ []));
-    /** Active locale code, for the Language tab. */
+    /** Active locale code, for the Language category. */
     localeCode = input('en', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "localeCode" }] : /* istanbul ignore next */ []));
-    /** Locale choices offered by the Language tab. Defaults to the built-in `LOCALE_CATALOG`. */
     availableLocales = input(LOCALE_CATALOG, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "availableLocales" }] : /* istanbul ignore next */ []));
-    settingsChange = output();
-    /** Fired when the user picks an Appearance tab swatch. */
+    /** Availability flags for the Add-ins pane (unset ids default to active). */
+    addinStatus = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "addinStatus" }] : /* istanbul ignore next */ []));
+    optionChange = output();
+    /** Restore a snapshot wholesale (Cancel semantics). */
+    restoreOptions = output();
+    ribbonTabHiddenChange = output();
+    quickAccessCommandsChange = output();
+    /** Reset one tab-group (or everything when `undefined`). */
+    resetOptions = output();
+    clearCache = output();
     themeKeySelect = output();
-    /** Fired when the user picks a Language tab entry. */
     localeSelect = output();
     close = output();
-    activeTab = signal('general', /* @ts-ignore */
+    tabs = OPTIONS_DIALOG_TABS;
+    activeTabId = signal('general', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeTabId" }] : /* istanbul ignore next */ []));
+    activeTab = computed(() => resolveOptionsTab(this.activeTabId()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
-    specs = SETTING_TOGGLES;
-    shortcuts = SHORTCUT_REFERENCE_ITEMS;
-    toggle(key) {
-        this.settingsChange.emit(toggleViewerSetting(this.settings(), key));
+    /** Snapshot taken when the dialog opens, restored by Cancel. */
+    snapshot = null;
+    wasOpen = false;
+    constructor() {
+        effect(() => {
+            const isOpen = this.open();
+            if (isOpen && !this.wasOpen) {
+                this.snapshot = untracked(() => this.options());
+            }
+            this.wasOpen = isOpen;
+        });
+    }
+    /** Cancel: restore the on-open snapshot, then close. */
+    cancel() {
+        if (this.snapshot) {
+            this.restoreOptions.emit(this.snapshot);
+        }
+        this.close.emit();
+    }
+    /** Escape confirms (keeps edits), mirroring React's dialog. */
+    onEscape() {
+        if (this.open()) {
+            this.close.emit();
+        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SettingsDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SettingsDialogComponent, isStandalone: true, selector: "pptx-settings-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, themeKey: { classPropertyName: "themeKey", publicName: "themeKey", isSignal: true, isRequired: false, transformFunction: null }, availableThemes: { classPropertyName: "availableThemes", publicName: "availableThemes", isSignal: true, isRequired: false, transformFunction: null }, localeCode: { classPropertyName: "localeCode", publicName: "localeCode", isSignal: true, isRequired: false, transformFunction: null }, availableLocales: { classPropertyName: "availableLocales", publicName: "availableLocales", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { settingsChange: "settingsChange", themeKeySelect: "themeKeySelect", localeSelect: "localeSelect", close: "close" }, ngImport: i0, template: `
-		<pptx-modal-dialog
-			[open]="open()"
-			[title]="'pptx.settings.title' | translate"
-			(close)="close.emit()"
-		>
-			<div class="pptx-ng-settings">
-				<div class="pptx-ng-settings-tabs" role="tablist">
-					<button
-						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'general'"
-						[class.is-active]="activeTab() === 'general'"
-						(click)="activeTab.set('general')"
-					>
-						{{ 'pptx.settings.general' | translate }}
-					</button>
-					<button
-						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'appearance'"
-						[class.is-active]="activeTab() === 'appearance'"
-						(click)="activeTab.set('appearance')"
-					>
-						{{ 'pptx.settings.appearance' | translate }}
-					</button>
-					<button
-						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'language'"
-						[class.is-active]="activeTab() === 'language'"
-						(click)="activeTab.set('language')"
-					>
-						{{ 'pptx.settings.language' | translate }}
-					</button>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: SettingsDialogComponent, isStandalone: true, selector: "pptx-settings-dialog", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, themeKey: { classPropertyName: "themeKey", publicName: "themeKey", isSignal: true, isRequired: false, transformFunction: null }, availableThemes: { classPropertyName: "availableThemes", publicName: "availableThemes", isSignal: true, isRequired: false, transformFunction: null }, localeCode: { classPropertyName: "localeCode", publicName: "localeCode", isSignal: true, isRequired: false, transformFunction: null }, availableLocales: { classPropertyName: "availableLocales", publicName: "availableLocales", isSignal: true, isRequired: false, transformFunction: null }, addinStatus: { classPropertyName: "addinStatus", publicName: "addinStatus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionChange: "optionChange", restoreOptions: "restoreOptions", ribbonTabHiddenChange: "ribbonTabHiddenChange", quickAccessCommandsChange: "quickAccessCommandsChange", resetOptions: "resetOptions", clearCache: "clearCache", themeKeySelect: "themeKeySelect", localeSelect: "localeSelect", close: "close" }, host: { listeners: { "document:keydown.escape": "onEscape()" } }, ngImport: i0, template: `
+		@if (open()) {
+			<button
+				type="button"
+				class="pptx-ng-options-backdrop"
+				[attr.aria-label]="'pptx.settings.closeSettings' | translate"
+				(click)="close.emit()"
+			></button>
+			<div
+				class="pptx-ng-options-modal"
+				role="dialog"
+				aria-modal="true"
+				[attr.aria-label]="'pptx.options.title' | translate"
+			>
+				<div class="pptx-ng-options-header">
+					<h2>{{ 'pptx.options.title' | translate }}</h2>
 					<button
 						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'shortcuts'"
-						[class.is-active]="activeTab() === 'shortcuts'"
-						(click)="activeTab.set('shortcuts')"
+						class="pptx-ng-options-x"
+						[attr.aria-label]="'pptx.settings.close' | translate"
+						(click)="close.emit()"
 					>
-						{{ 'pptx.settings.keyboardShortcuts' | translate }}
+						&#10005;
 					</button>
 				</div>
 
-				@if (activeTab() === 'general') {
-					<div class="pptx-ng-settings-list">
-						@for (spec of specs; track spec.key) {
-							<div class="pptx-ng-settings-row">
-								<span>{{ spec.labelKey | translate }}</span>
-								<button
-									type="button"
-									role="switch"
-									[attr.aria-checked]="settings()[spec.key]"
-									[attr.aria-label]="spec.labelKey | translate"
-									[class.is-on]="settings()[spec.key]"
-									(click)="toggle(spec.key)"
-								>
-									<span></span>
-								</button>
-							</div>
+				<div class="pptx-ng-options-layout">
+					<nav [attr.aria-label]="'pptx.options.title' | translate">
+						@for (tab of tabs; track tab.id) {
+							<button
+								type="button"
+								[attr.aria-current]="activeTabId() === tab.id"
+								[class.is-active]="activeTabId() === tab.id"
+								(click)="activeTabId.set(tab.id)"
+							>
+								{{ tab.labelKey | translate }}
+							</button>
 						}
-					</div>
-				} @else if (activeTab() === 'appearance') {
-					<pptx-settings-appearance-tab
-						[themes]="availableThemes()"
-						[activeKey]="themeKey()"
-						(select)="themeKeySelect.emit($event)"
-					/>
-				} @else if (activeTab() === 'language') {
-					<pptx-settings-language-tab
-						[locales]="availableLocales()"
-						[activeCode]="localeCode()"
-						(select)="localeSelect.emit($event)"
-					/>
-				} @else {
-					<div class="pptx-ng-settings-list">
-						@for (item of shortcuts; track item.actionKey; let even = $even) {
-							<div class="pptx-ng-shortcut-row" [class.is-alt]="even">
-								<span>{{ item.actionKey | translate }}</span>
-								<kbd>{{ item.shortcut }}</kbd>
-							</div>
+					</nav>
+
+					<div class="pptx-ng-options-content">
+						@switch (activeTab().custom) {
+							@case ('language') {
+								<p class="pptx-ng-options-headline">{{ activeTab().descriptionKey | translate }}</p>
+								<h3 class="pptx-ng-options-subhead">
+									{{ 'pptx.options.language.displayLanguage' | translate }}
+								</h3>
+								<p class="pptx-ng-options-note">
+									{{ 'pptx.options.language.displayLanguageDescription' | translate }}
+								</p>
+								<pptx-settings-language-tab
+									[locales]="availableLocales()"
+									[activeCode]="localeCode()"
+									(select)="localeSelect.emit($event)"
+								/>
+							}
+							@case ('ribbon') {
+								<p class="pptx-ng-options-headline">{{ activeTab().descriptionKey | translate }}</p>
+								<pptx-options-ribbon-pane
+									[options]="options()"
+									(tabHiddenChange)="ribbonTabHiddenChange.emit($event)"
+									(resetRibbon)="resetOptions.emit('ribbon')"
+								/>
+							}
+							@case ('addIns') {
+								<p class="pptx-ng-options-headline">{{ activeTab().descriptionKey | translate }}</p>
+								<pptx-options-add-ins-pane [addinStatus]="addinStatus()" />
+							}
+							@default {
+								<pptx-options-pane
+									[tab]="activeTab()"
+									[options]="options()"
+									(valueChange)="optionChange.emit($event)"
+									(clearCache)="clearCache.emit()"
+								>
+									<div themePicker>
+										<pptx-settings-appearance-tab
+											[themes]="availableThemes()"
+											[activeKey]="themeKey()"
+											(select)="themeKeySelect.emit($event)"
+										/>
+									</div>
+									@if (activeTab().custom === 'quickAccess') {
+										<pptx-options-quick-access-pane
+											[options]="options()"
+											(commandsChange)="quickAccessCommandsChange.emit($event)"
+										/>
+									}
+								</pptx-options-pane>
+							}
 						}
 					</div>
-				}
+				</div>
+
+				<div class="pptx-ng-options-footer">
+					<button
+						type="button"
+						class="pptx-ng-options-ghost"
+						(click)="resetOptions.emit(undefined)"
+					>
+						{{ 'pptx.options.resetAll' | translate }}
+					</button>
+					<span class="pptx-ng-options-footer-end">
+						<button type="button" class="pptx-ng-options-ghost" (click)="cancel()">
+							{{ 'pptx.common.cancel' | translate }}
+						</button>
+						<button type="button" class="pptx-ng-options-ok" (click)="close.emit()">
+							{{ 'pptx.common.ok' | translate }}
+						</button>
+					</span>
+				</div>
 			</div>
-			<button footer type="button" class="pptx-ng-settings-done" (click)="close.emit()">
-				{{ 'pptx.settings.done' | translate }}
-			</button>
-		</pptx-modal-dialog>
-	`, isInline: true, styles: [".pptx-ng-settings{min-width:320px}.pptx-ng-settings-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--pptx-border)}.pptx-ng-settings-tabs button{padding:7px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pptx-muted-foreground);font-size:12px;cursor:pointer}.pptx-ng-settings-tabs button.is-active{border-bottom-color:var(--pptx-primary);color:var(--pptx-primary)}.pptx-ng-settings-list{max-height:56vh;overflow-y:auto;padding-top:8px}.pptx-ng-settings-row,.pptx-ng-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;font-size:13px}.pptx-ng-settings-row button{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--pptx-muted-foreground) 30%,transparent);cursor:pointer}.pptx-ng-settings-row button span{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .12s ease}.pptx-ng-settings-row button.is-on{background:var(--pptx-primary)}.pptx-ng-settings-row button.is-on span{transform:translate(16px)}.pptx-ng-shortcut-row.is-alt{background:var(--pptx-muted)}.pptx-ng-shortcut-row kbd{color:var(--pptx-muted-foreground);font:11px ui-monospace,monospace;white-space:nowrap}.pptx-ng-settings-done{border:0;border-radius:4px;padding:7px 14px;background:var(--pptx-primary);color:#fff;cursor:pointer}\n"], dependencies: [{ kind: "component", type: ModalDialogComponent, selector: "pptx-modal-dialog", inputs: ["open", "title"], outputs: ["close"] }, { kind: "component", type: SettingsAppearanceTabComponent, selector: "pptx-settings-appearance-tab", inputs: ["themes", "activeKey"], outputs: ["select"] }, { kind: "component", type: SettingsLanguageTabComponent, selector: "pptx-settings-language-tab", inputs: ["locales", "activeCode"], outputs: ["select"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+		}
+	`, isInline: true, styles: [".pptx-ng-options-backdrop{position:fixed;inset:0;z-index:1200;border:0;background:#0009;cursor:default}.pptx-ng-options-modal{position:fixed;top:50%;left:50%;z-index:1201;display:flex;flex-direction:column;width:min(56rem,calc(100vw - 2rem));max-height:85vh;transform:translate(-50%,-50%);border:1px solid var(--pptx-border);border-radius:12px;background:var(--pptx-popover, var(--pptx-background));color:var(--pptx-foreground);box-shadow:0 24px 64px #00000059}.pptx-ng-options-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--pptx-border)}.pptx-ng-options-header h2{margin:0;font-size:14px;font-weight:600}.pptx-ng-options-x{border:0;border-radius:4px;padding:4px 8px;background:transparent;color:var(--pptx-muted-foreground);cursor:pointer}.pptx-ng-options-x:hover{background:var(--pptx-accent)}.pptx-ng-options-layout{display:flex;flex:1;min-height:0}.pptx-ng-options-layout nav{display:flex;flex-direction:column;gap:2px;width:176px;flex-shrink:0;overflow-y:auto;padding:8px;border-right:1px solid var(--pptx-border)}.pptx-ng-options-layout nav button{padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:13px;text-align:left;white-space:nowrap;cursor:pointer}.pptx-ng-options-layout nav button:hover{background:var(--pptx-accent)}.pptx-ng-options-layout nav button.is-active{background:color-mix(in srgb,var(--pptx-primary) 10%,transparent);color:var(--pptx-primary);font-weight:500}.pptx-ng-options-content{flex:1;min-height:0;min-width:0;overflow-y:auto;padding:16px 20px}.pptx-ng-options-headline{margin:0 0 12px;font-size:13px;font-weight:600}.pptx-ng-options-subhead{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-note{margin:2px 0 6px;color:var(--pptx-muted-foreground);font-size:11px}.pptx-ng-options-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 20px;border-top:1px solid var(--pptx-border)}.pptx-ng-options-footer-end{display:inline-flex;gap:8px}.pptx-ng-options-ghost,.pptx-ng-options-ok{padding:6px 16px;border-radius:4px;font-size:12px;cursor:pointer}.pptx-ng-options-ghost{border:1px solid var(--pptx-border);background:transparent;color:var(--pptx-foreground)}.pptx-ng-options-ghost:hover{background:var(--pptx-accent)}.pptx-ng-options-ok{border:0;background:var(--pptx-primary);color:#fff;font-weight:500}\n"], dependencies: [{ kind: "component", type: OptionsPaneComponent, selector: "pptx-options-pane", inputs: ["tab", "options"], outputs: ["valueChange", "clearCache"] }, { kind: "component", type: OptionsRibbonPaneComponent, selector: "pptx-options-ribbon-pane", inputs: ["options"], outputs: ["tabHiddenChange", "resetRibbon"] }, { kind: "component", type: OptionsQuickAccessPaneComponent, selector: "pptx-options-quick-access-pane", inputs: ["options"], outputs: ["commandsChange"] }, { kind: "component", type: OptionsAddInsPaneComponent, selector: "pptx-options-add-ins-pane", inputs: ["addinStatus"] }, { kind: "component", type: SettingsAppearanceTabComponent, selector: "pptx-settings-appearance-tab", inputs: ["themes", "activeKey"], outputs: ["select"] }, { kind: "component", type: SettingsLanguageTabComponent, selector: "pptx-settings-language-tab", inputs: ["locales", "activeCode"], outputs: ["select"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: SettingsDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pptx-settings-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        ModalDialogComponent,
                         TranslatePipe,
+                        OptionsPaneComponent,
+                        OptionsRibbonPaneComponent,
+                        OptionsQuickAccessPaneComponent,
+                        OptionsAddInsPaneComponent,
                         SettingsAppearanceTabComponent,
                         SettingsLanguageTabComponent,
                     ], template: `
-		<pptx-modal-dialog
-			[open]="open()"
-			[title]="'pptx.settings.title' | translate"
-			(close)="close.emit()"
-		>
-			<div class="pptx-ng-settings">
-				<div class="pptx-ng-settings-tabs" role="tablist">
-					<button
-						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'general'"
-						[class.is-active]="activeTab() === 'general'"
-						(click)="activeTab.set('general')"
-					>
-						{{ 'pptx.settings.general' | translate }}
-					</button>
-					<button
-						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'appearance'"
-						[class.is-active]="activeTab() === 'appearance'"
-						(click)="activeTab.set('appearance')"
-					>
-						{{ 'pptx.settings.appearance' | translate }}
-					</button>
-					<button
-						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'language'"
-						[class.is-active]="activeTab() === 'language'"
-						(click)="activeTab.set('language')"
-					>
-						{{ 'pptx.settings.language' | translate }}
-					</button>
+		@if (open()) {
+			<button
+				type="button"
+				class="pptx-ng-options-backdrop"
+				[attr.aria-label]="'pptx.settings.closeSettings' | translate"
+				(click)="close.emit()"
+			></button>
+			<div
+				class="pptx-ng-options-modal"
+				role="dialog"
+				aria-modal="true"
+				[attr.aria-label]="'pptx.options.title' | translate"
+			>
+				<div class="pptx-ng-options-header">
+					<h2>{{ 'pptx.options.title' | translate }}</h2>
 					<button
 						type="button"
-						role="tab"
-						[attr.aria-selected]="activeTab() === 'shortcuts'"
-						[class.is-active]="activeTab() === 'shortcuts'"
-						(click)="activeTab.set('shortcuts')"
+						class="pptx-ng-options-x"
+						[attr.aria-label]="'pptx.settings.close' | translate"
+						(click)="close.emit()"
 					>
-						{{ 'pptx.settings.keyboardShortcuts' | translate }}
+						&#10005;
 					</button>
 				</div>
 
-				@if (activeTab() === 'general') {
-					<div class="pptx-ng-settings-list">
-						@for (spec of specs; track spec.key) {
-							<div class="pptx-ng-settings-row">
-								<span>{{ spec.labelKey | translate }}</span>
-								<button
-									type="button"
-									role="switch"
-									[attr.aria-checked]="settings()[spec.key]"
-									[attr.aria-label]="spec.labelKey | translate"
-									[class.is-on]="settings()[spec.key]"
-									(click)="toggle(spec.key)"
-								>
-									<span></span>
-								</button>
-							</div>
+				<div class="pptx-ng-options-layout">
+					<nav [attr.aria-label]="'pptx.options.title' | translate">
+						@for (tab of tabs; track tab.id) {
+							<button
+								type="button"
+								[attr.aria-current]="activeTabId() === tab.id"
+								[class.is-active]="activeTabId() === tab.id"
+								(click)="activeTabId.set(tab.id)"
+							>
+								{{ tab.labelKey | translate }}
+							</button>
 						}
-					</div>
-				} @else if (activeTab() === 'appearance') {
-					<pptx-settings-appearance-tab
-						[themes]="availableThemes()"
-						[activeKey]="themeKey()"
-						(select)="themeKeySelect.emit($event)"
-					/>
-				} @else if (activeTab() === 'language') {
-					<pptx-settings-language-tab
-						[locales]="availableLocales()"
-						[activeCode]="localeCode()"
-						(select)="localeSelect.emit($event)"
-					/>
-				} @else {
-					<div class="pptx-ng-settings-list">
-						@for (item of shortcuts; track item.actionKey; let even = $even) {
-							<div class="pptx-ng-shortcut-row" [class.is-alt]="even">
-								<span>{{ item.actionKey | translate }}</span>
-								<kbd>{{ item.shortcut }}</kbd>
-							</div>
+					</nav>
+
+					<div class="pptx-ng-options-content">
+						@switch (activeTab().custom) {
+							@case ('language') {
+								<p class="pptx-ng-options-headline">{{ activeTab().descriptionKey | translate }}</p>
+								<h3 class="pptx-ng-options-subhead">
+									{{ 'pptx.options.language.displayLanguage' | translate }}
+								</h3>
+								<p class="pptx-ng-options-note">
+									{{ 'pptx.options.language.displayLanguageDescription' | translate }}
+								</p>
+								<pptx-settings-language-tab
+									[locales]="availableLocales()"
+									[activeCode]="localeCode()"
+									(select)="localeSelect.emit($event)"
+								/>
+							}
+							@case ('ribbon') {
+								<p class="pptx-ng-options-headline">{{ activeTab().descriptionKey | translate }}</p>
+								<pptx-options-ribbon-pane
+									[options]="options()"
+									(tabHiddenChange)="ribbonTabHiddenChange.emit($event)"
+									(resetRibbon)="resetOptions.emit('ribbon')"
+								/>
+							}
+							@case ('addIns') {
+								<p class="pptx-ng-options-headline">{{ activeTab().descriptionKey | translate }}</p>
+								<pptx-options-add-ins-pane [addinStatus]="addinStatus()" />
+							}
+							@default {
+								<pptx-options-pane
+									[tab]="activeTab()"
+									[options]="options()"
+									(valueChange)="optionChange.emit($event)"
+									(clearCache)="clearCache.emit()"
+								>
+									<div themePicker>
+										<pptx-settings-appearance-tab
+											[themes]="availableThemes()"
+											[activeKey]="themeKey()"
+											(select)="themeKeySelect.emit($event)"
+										/>
+									</div>
+									@if (activeTab().custom === 'quickAccess') {
+										<pptx-options-quick-access-pane
+											[options]="options()"
+											(commandsChange)="quickAccessCommandsChange.emit($event)"
+										/>
+									}
+								</pptx-options-pane>
+							}
 						}
 					</div>
-				}
+				</div>
+
+				<div class="pptx-ng-options-footer">
+					<button
+						type="button"
+						class="pptx-ng-options-ghost"
+						(click)="resetOptions.emit(undefined)"
+					>
+						{{ 'pptx.options.resetAll' | translate }}
+					</button>
+					<span class="pptx-ng-options-footer-end">
+						<button type="button" class="pptx-ng-options-ghost" (click)="cancel()">
+							{{ 'pptx.common.cancel' | translate }}
+						</button>
+						<button type="button" class="pptx-ng-options-ok" (click)="close.emit()">
+							{{ 'pptx.common.ok' | translate }}
+						</button>
+					</span>
+				</div>
 			</div>
-			<button footer type="button" class="pptx-ng-settings-done" (click)="close.emit()">
-				{{ 'pptx.settings.done' | translate }}
-			</button>
-		</pptx-modal-dialog>
-	`, styles: [".pptx-ng-settings{min-width:320px}.pptx-ng-settings-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--pptx-border)}.pptx-ng-settings-tabs button{padding:7px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pptx-muted-foreground);font-size:12px;cursor:pointer}.pptx-ng-settings-tabs button.is-active{border-bottom-color:var(--pptx-primary);color:var(--pptx-primary)}.pptx-ng-settings-list{max-height:56vh;overflow-y:auto;padding-top:8px}.pptx-ng-settings-row,.pptx-ng-shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;font-size:13px}.pptx-ng-settings-row button{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--pptx-muted-foreground) 30%,transparent);cursor:pointer}.pptx-ng-settings-row button span{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .12s ease}.pptx-ng-settings-row button.is-on{background:var(--pptx-primary)}.pptx-ng-settings-row button.is-on span{transform:translate(16px)}.pptx-ng-shortcut-row.is-alt{background:var(--pptx-muted)}.pptx-ng-shortcut-row kbd{color:var(--pptx-muted-foreground);font:11px ui-monospace,monospace;white-space:nowrap}.pptx-ng-settings-done{border:0;border-radius:4px;padding:7px 14px;background:var(--pptx-primary);color:#fff;cursor:pointer}\n"] }]
-        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], themeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeKey", required: false }] }], availableThemes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableThemes", required: false }] }], localeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeCode", required: false }] }], availableLocales: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableLocales", required: false }] }], settingsChange: [{ type: i0.Output, args: ["settingsChange"] }], themeKeySelect: [{ type: i0.Output, args: ["themeKeySelect"] }], localeSelect: [{ type: i0.Output, args: ["localeSelect"] }], close: [{ type: i0.Output, args: ["close"] }] } });
+		}
+	`, styles: [".pptx-ng-options-backdrop{position:fixed;inset:0;z-index:1200;border:0;background:#0009;cursor:default}.pptx-ng-options-modal{position:fixed;top:50%;left:50%;z-index:1201;display:flex;flex-direction:column;width:min(56rem,calc(100vw - 2rem));max-height:85vh;transform:translate(-50%,-50%);border:1px solid var(--pptx-border);border-radius:12px;background:var(--pptx-popover, var(--pptx-background));color:var(--pptx-foreground);box-shadow:0 24px 64px #00000059}.pptx-ng-options-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--pptx-border)}.pptx-ng-options-header h2{margin:0;font-size:14px;font-weight:600}.pptx-ng-options-x{border:0;border-radius:4px;padding:4px 8px;background:transparent;color:var(--pptx-muted-foreground);cursor:pointer}.pptx-ng-options-x:hover{background:var(--pptx-accent)}.pptx-ng-options-layout{display:flex;flex:1;min-height:0}.pptx-ng-options-layout nav{display:flex;flex-direction:column;gap:2px;width:176px;flex-shrink:0;overflow-y:auto;padding:8px;border-right:1px solid var(--pptx-border)}.pptx-ng-options-layout nav button{padding:8px 12px;border:0;border-radius:4px;background:transparent;color:var(--pptx-foreground);font-size:13px;text-align:left;white-space:nowrap;cursor:pointer}.pptx-ng-options-layout nav button:hover{background:var(--pptx-accent)}.pptx-ng-options-layout nav button.is-active{background:color-mix(in srgb,var(--pptx-primary) 10%,transparent);color:var(--pptx-primary);font-weight:500}.pptx-ng-options-content{flex:1;min-height:0;min-width:0;overflow-y:auto;padding:16px 20px}.pptx-ng-options-headline{margin:0 0 12px;font-size:13px;font-weight:600}.pptx-ng-options-subhead{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--pptx-border);color:var(--pptx-muted-foreground);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pptx-ng-options-note{margin:2px 0 6px;color:var(--pptx-muted-foreground);font-size:11px}.pptx-ng-options-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 20px;border-top:1px solid var(--pptx-border)}.pptx-ng-options-footer-end{display:inline-flex;gap:8px}.pptx-ng-options-ghost,.pptx-ng-options-ok{padding:6px 16px;border-radius:4px;font-size:12px;cursor:pointer}.pptx-ng-options-ghost{border:1px solid var(--pptx-border);background:transparent;color:var(--pptx-foreground)}.pptx-ng-options-ghost:hover{background:var(--pptx-accent)}.pptx-ng-options-ok{border:0;background:var(--pptx-primary);color:#fff;font-weight:500}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], themeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeKey", required: false }] }], availableThemes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableThemes", required: false }] }], localeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeCode", required: false }] }], availableLocales: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableLocales", required: false }] }], addinStatus: [{ type: i0.Input, args: [{ isSignal: true, alias: "addinStatus", required: false }] }], optionChange: [{ type: i0.Output, args: ["optionChange"] }], restoreOptions: [{ type: i0.Output, args: ["restoreOptions"] }], ribbonTabHiddenChange: [{ type: i0.Output, args: ["ribbonTabHiddenChange"] }], quickAccessCommandsChange: [{ type: i0.Output, args: ["quickAccessCommandsChange"] }], resetOptions: [{ type: i0.Output, args: ["resetOptions"] }], clearCache: [{ type: i0.Output, args: ["clearCache"] }], themeKeySelect: [{ type: i0.Output, args: ["themeKeySelect"] }], localeSelect: [{ type: i0.Output, args: ["localeSelect"] }], close: [{ type: i0.Output, args: ["close"] }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
 
 /** Compatibility barrel for the shared keyboard shortcut reference. */
 
@@ -94905,9 +97169,6 @@ class ViewerExtraDialogsComponent {
     /** Custom shows offered in the set-up-slide-show "show slides" fieldset. */
     customShows = input([], /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "customShows" }] : /* istanbul ignore next */ []));
-    /** Live viewer preferences surfaced by the settings dialog. */
-    settings = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "settings" }] : /* istanbul ignore next */ []));
     // Settings dialog Appearance/Language tab state; see PowerPointViewerComponent.
     themeKey = input('default', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "themeKey" }] : /* istanbul ignore next */ []));
@@ -94919,12 +97180,11 @@ class ViewerExtraDialogsComponent {
     ...(ngDevMode ? [{ debugName: "availableLocales" }] : /* istanbul ignore next */ []));
     /** Fired with a restored `.pptx` version's bytes; the host swaps the deck. */
     restoreContent = output();
-    /** Fired whenever a settings toggle changes. */
-    settingsChange = output();
     // Fired when the user picks a Settings dialog Appearance/Language selection.
     themeKeySelect = output();
     localeSelect = output();
     svc = inject(ViewerDialogsService);
+    viewerOpts = inject(ViewerOptionsService);
     compare = inject(ViewerCompareService);
     editor = inject(EditorStateService);
     loader = inject(LoadContentService);
@@ -94969,6 +97229,11 @@ class ViewerExtraDialogsComponent {
         if (strokeCount === 0) {
             return;
         }
+        // Options > Advanced > "Prompt to keep ink annotations": when off, the
+        // ink is discarded without asking (PowerPoint parity).
+        if (!this.viewerOpts.options().advanced.slideShowPromptKeepInkAnnotations) {
+            return;
+        }
         this.pendingAnnotations.set(map);
         this.svc.keepAnnotationCount.set(strokeCount);
         this.svc.keepSlideCount.set(map.size);
@@ -94985,6 +97250,10 @@ class ViewerExtraDialogsComponent {
         this.pendingAnnotations.set(null);
         this.svc.showKeepAnnotations.set(false);
     }
+    /** Options > Save > "Delete cached files": purge autosave recovery snapshots. */
+    onClearOptionsCache() {
+        void this.viewerOpts.clearCache();
+    }
     /** Drop the pending presentation ink. */
     onDiscardAnnotations() {
         this.pendingAnnotations.set(null);
@@ -95021,7 +97290,7 @@ class ViewerExtraDialogsComponent {
         this.svc.showPassword.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ViewerExtraDialogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: ViewerExtraDialogsComponent, isStandalone: true, selector: "pptx-viewer-extra-dialogs", inputs: { activeSlideIndex: { classPropertyName: "activeSlideIndex", publicName: "activeSlideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElementId: { classPropertyName: "selectedElementId", publicName: "selectedElementId", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, customShows: { classPropertyName: "customShows", publicName: "customShows", isSignal: true, isRequired: false, transformFunction: null }, settings: { classPropertyName: "settings", publicName: "settings", isSignal: true, isRequired: true, transformFunction: null }, themeKey: { classPropertyName: "themeKey", publicName: "themeKey", isSignal: true, isRequired: false, transformFunction: null }, availableThemes: { classPropertyName: "availableThemes", publicName: "availableThemes", isSignal: true, isRequired: false, transformFunction: null }, localeCode: { classPropertyName: "localeCode", publicName: "localeCode", isSignal: true, isRequired: false, transformFunction: null }, availableLocales: { classPropertyName: "availableLocales", publicName: "availableLocales", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { restoreContent: "restoreContent", settingsChange: "settingsChange", themeKeySelect: "themeKeySelect", localeSelect: "localeSelect" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.7", type: ViewerExtraDialogsComponent, isStandalone: true, selector: "pptx-viewer-extra-dialogs", inputs: { activeSlideIndex: { classPropertyName: "activeSlideIndex", publicName: "activeSlideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElementId: { classPropertyName: "selectedElementId", publicName: "selectedElementId", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, customShows: { classPropertyName: "customShows", publicName: "customShows", isSignal: true, isRequired: false, transformFunction: null }, themeKey: { classPropertyName: "themeKey", publicName: "themeKey", isSignal: true, isRequired: false, transformFunction: null }, availableThemes: { classPropertyName: "availableThemes", publicName: "availableThemes", isSignal: true, isRequired: false, transformFunction: null }, localeCode: { classPropertyName: "localeCode", publicName: "localeCode", isSignal: true, isRequired: false, transformFunction: null }, availableLocales: { classPropertyName: "availableLocales", publicName: "availableLocales", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { restoreContent: "restoreContent", themeKeySelect: "themeKeySelect", localeSelect: "localeSelect" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<pptx-equation-editor-dialog
 			[open]="svc.showEquation()"
 			[existingOmml]="svc.editingEquationOmml()"
@@ -95082,12 +97351,17 @@ class ViewerExtraDialogsComponent {
 
 		<pptx-settings-dialog
 			[open]="svc.showSettings()"
-			[settings]="settings()"
+			[options]="viewerOpts.options()"
 			[themeKey]="themeKey()"
 			[availableThemes]="availableThemes()"
 			[localeCode]="localeCode()"
 			[availableLocales]="availableLocales()"
-			(settingsChange)="settingsChange.emit($event)"
+			(optionChange)="viewerOpts.setValue($event.group, $event.key, $event.value)"
+			(restoreOptions)="viewerOpts.restore($event)"
+			(ribbonTabHiddenChange)="viewerOpts.setRibbonTabHidden($event.tabId, $event.hidden)"
+			(quickAccessCommandsChange)="viewerOpts.setQuickAccessCommands($event)"
+			(resetOptions)="viewerOpts.reset($event)"
+			(clearCache)="onClearOptionsCache()"
 			(themeKeySelect)="themeKeySelect.emit($event)"
 			(localeSelect)="localeSelect.emit($event)"
 			(close)="svc.showSettings.set(false)"
@@ -95114,7 +97388,7 @@ class ViewerExtraDialogsComponent {
 			(confirm)="svc.showSignatureStripped.set(false)"
 			(cancel)="svc.showSignatureStripped.set(false)"
 		/>
-	`, isInline: true, dependencies: [{ kind: "component", type: EquationEditorDialogComponent, selector: "pptx-equation-editor-dialog", inputs: ["open", "existingOmml"], outputs: ["insert", "close"] }, { kind: "component", type: SetUpSlideShowDialogComponent, selector: "pptx-set-up-slide-show-dialog", inputs: ["open", "properties", "customShows", "slideCount"], outputs: ["save", "close"] }, { kind: "component", type: PasswordProtectionDialogComponent, selector: "pptx-password-protection-dialog", inputs: ["open", "isCurrentlyProtected"], outputs: ["setPassword", "removePassword", "close"] }, { kind: "component", type: EncryptedFileDialogComponent, selector: "pptx-encrypted-file-dialog", inputs: ["open"], outputs: ["close"] }, { kind: "component", type: ComparePanelComponent, selector: "pptx-compare-panel", inputs: ["open", "compareResult", "canvasSize", "mediaDataUrls"], outputs: ["close", "acceptSlide", "rejectSlide", "acceptAll"] }, { kind: "component", type: FontEmbeddingPanelComponent, selector: "pptx-font-embedding-panel", inputs: ["open", "embedFontsEnabled", "usedFontFamilies", "embeddedFonts"], outputs: ["close", "toggleEmbedFonts"] }, { kind: "component", type: VersionHistoryPanelComponent, selector: "pptx-version-history-panel", inputs: ["open", "filePath"], outputs: ["close", "restore"] }, { kind: "component", type: ShortcutPanelComponent, selector: "pptx-shortcut-panel", inputs: ["open"], outputs: ["close"] }, { kind: "component", type: SettingsDialogComponent, selector: "pptx-settings-dialog", inputs: ["open", "settings", "themeKey", "availableThemes", "localeCode", "availableLocales"], outputs: ["settingsChange", "themeKeySelect", "localeSelect", "close"] }, { kind: "component", type: KeepAnnotationsDialogComponent, selector: "pptx-keep-annotations-dialog", inputs: ["open", "annotationCount", "slideCount"], outputs: ["keep", "discard"] }, { kind: "component", type: SignatureStrippedDialogComponent, selector: "pptx-signature-stripped-dialog", inputs: ["open", "signatureCount"], outputs: ["confirm", "cancel"] }, { kind: "component", type: HeaderFooterDialogComponent, selector: "pptx-header-footer-dialog", inputs: ["open", "value"], outputs: ["save", "close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "component", type: EquationEditorDialogComponent, selector: "pptx-equation-editor-dialog", inputs: ["open", "existingOmml"], outputs: ["insert", "close"] }, { kind: "component", type: SetUpSlideShowDialogComponent, selector: "pptx-set-up-slide-show-dialog", inputs: ["open", "properties", "customShows", "slideCount"], outputs: ["save", "close"] }, { kind: "component", type: PasswordProtectionDialogComponent, selector: "pptx-password-protection-dialog", inputs: ["open", "isCurrentlyProtected"], outputs: ["setPassword", "removePassword", "close"] }, { kind: "component", type: EncryptedFileDialogComponent, selector: "pptx-encrypted-file-dialog", inputs: ["open"], outputs: ["close"] }, { kind: "component", type: ComparePanelComponent, selector: "pptx-compare-panel", inputs: ["open", "compareResult", "canvasSize", "mediaDataUrls"], outputs: ["close", "acceptSlide", "rejectSlide", "acceptAll"] }, { kind: "component", type: FontEmbeddingPanelComponent, selector: "pptx-font-embedding-panel", inputs: ["open", "embedFontsEnabled", "usedFontFamilies", "embeddedFonts"], outputs: ["close", "toggleEmbedFonts"] }, { kind: "component", type: VersionHistoryPanelComponent, selector: "pptx-version-history-panel", inputs: ["open", "filePath"], outputs: ["close", "restore"] }, { kind: "component", type: ShortcutPanelComponent, selector: "pptx-shortcut-panel", inputs: ["open"], outputs: ["close"] }, { kind: "component", type: SettingsDialogComponent, selector: "pptx-settings-dialog", inputs: ["open", "options", "themeKey", "availableThemes", "localeCode", "availableLocales", "addinStatus"], outputs: ["optionChange", "restoreOptions", "ribbonTabHiddenChange", "quickAccessCommandsChange", "resetOptions", "clearCache", "themeKeySelect", "localeSelect", "close"] }, { kind: "component", type: KeepAnnotationsDialogComponent, selector: "pptx-keep-annotations-dialog", inputs: ["open", "annotationCount", "slideCount"], outputs: ["keep", "discard"] }, { kind: "component", type: SignatureStrippedDialogComponent, selector: "pptx-signature-stripped-dialog", inputs: ["open", "signatureCount"], outputs: ["confirm", "cancel"] }, { kind: "component", type: HeaderFooterDialogComponent, selector: "pptx-header-footer-dialog", inputs: ["open", "value"], outputs: ["save", "close"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: ViewerExtraDialogsComponent, decorators: [{
             type: Component,
@@ -95198,12 +97472,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 
 		<pptx-settings-dialog
 			[open]="svc.showSettings()"
-			[settings]="settings()"
+			[options]="viewerOpts.options()"
 			[themeKey]="themeKey()"
 			[availableThemes]="availableThemes()"
 			[localeCode]="localeCode()"
 			[availableLocales]="availableLocales()"
-			(settingsChange)="settingsChange.emit($event)"
+			(optionChange)="viewerOpts.setValue($event.group, $event.key, $event.value)"
+			(restoreOptions)="viewerOpts.restore($event)"
+			(ribbonTabHiddenChange)="viewerOpts.setRibbonTabHidden($event.tabId, $event.hidden)"
+			(quickAccessCommandsChange)="viewerOpts.setQuickAccessCommands($event)"
+			(resetOptions)="viewerOpts.reset($event)"
+			(clearCache)="onClearOptionsCache()"
 			(themeKeySelect)="themeKeySelect.emit($event)"
 			(localeSelect)="localeSelect.emit($event)"
 			(close)="svc.showSettings.set(false)"
@@ -95232,7 +97511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 		/>
 	`,
                 }]
-        }], ctorParameters: () => [], propDecorators: { activeSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeSlideIndex", required: false }] }], selectedElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElementId", required: false }] }], filePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "filePath", required: false }] }], customShows: [{ type: i0.Input, args: [{ isSignal: true, alias: "customShows", required: false }] }], settings: [{ type: i0.Input, args: [{ isSignal: true, alias: "settings", required: true }] }], themeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeKey", required: false }] }], availableThemes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableThemes", required: false }] }], localeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeCode", required: false }] }], availableLocales: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableLocales", required: false }] }], restoreContent: [{ type: i0.Output, args: ["restoreContent"] }], settingsChange: [{ type: i0.Output, args: ["settingsChange"] }], themeKeySelect: [{ type: i0.Output, args: ["themeKeySelect"] }], localeSelect: [{ type: i0.Output, args: ["localeSelect"] }] } });
+        }], ctorParameters: () => [], propDecorators: { activeSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeSlideIndex", required: false }] }], selectedElementId: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElementId", required: false }] }], filePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "filePath", required: false }] }], customShows: [{ type: i0.Input, args: [{ isSignal: true, alias: "customShows", required: false }] }], themeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeKey", required: false }] }], availableThemes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableThemes", required: false }] }], localeCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "localeCode", required: false }] }], availableLocales: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableLocales", required: false }] }], restoreContent: [{ type: i0.Output, args: ["restoreContent"] }], themeKeySelect: [{ type: i0.Output, args: ["themeKeySelect"] }], localeSelect: [{ type: i0.Output, args: ["localeSelect"] }] } });
 
 /**
  * PowerPointViewerComponent: Angular port of the React `PowerPointViewer.tsx`
@@ -95256,9 +97535,8 @@ class PowerPointViewerComponent {
     ...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
     /** Licensed fonts supplied by the host application. No fonts are bundled. */
     fontsInput = input([], { ...(ngDevMode ? { debugName: "fontsInput" } : /* istanbul ignore next */ {}), alias: 'fonts' });
-    /** Whether editing actions are enabled. (Editor chrome not yet ported.) */
-    canEdit = input(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    /** Whether editing actions are enabled (host input; see {@link canEdit}). */
+    canEditInput = input(false, { ...(ngDevMode ? { debugName: "canEditInput" } : /* istanbul ignore next */ {}), alias: 'canEdit' });
     /** Optional class applied to the root element. */
     class = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
@@ -95396,6 +97674,7 @@ class PowerPointViewerComponent {
     presenterWindow = inject(PresenterWindowService);
     destroyRef = inject(DestroyRef);
     dialogs = inject(ViewerDialogsService);
+    viewerOpts = inject(ViewerOptionsService);
     compareSvc = inject(ViewerCompareService);
     xport = inject(ViewerExportService);
     findReplace = inject(ViewerFindReplaceService);
@@ -95427,6 +97706,13 @@ class PowerPointViewerComponent {
     /** The `<main>` host; used to locate the live `.pptx-ng-canvas-stage`. */
     mainEl = viewChild('mainEl', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "mainEl" }] : /* istanbul ignore next */ []));
+    /**
+     * Effective edit permission: the host's `canEdit` input gated by Trust
+     * Center > "Open presentations in Protected View", which forces the deck
+     * read-only while enabled (File > Options wiring, mirrors PowerPoint).
+     */
+    canEdit = computed(() => this.canEditInput() && !this.viewerOpts.options().trust.openInProtectedView, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
     activeSlideIndex = signal(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "activeSlideIndex" }] : /* istanbul ignore next */ []));
     /** Slides to display: the editable deck when `canEdit`, else the loaded deck. */
@@ -95577,7 +97863,10 @@ class PowerPointViewerComponent {
     /** User override that suppresses viewer animations and transitions. */
     reducedMotion = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "reducedMotion" }] : /* istanbul ignore next */ []));
-    /** Snapshot consumed by the settings dialog. */
+    /**
+     * The six legacy preference toggles as a snapshot, kept in a guarded
+     * two-way sync with the File > Options store (see the constructor).
+     */
     viewerSettings = computed(() => ({
         autoSave: this.autosaveEnabled(),
         spellCheck: this.spellCheck(),
@@ -95587,6 +97876,17 @@ class PowerPointViewerComponent {
         reducedMotion: this.reducedMotion(),
     }), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "viewerSettings" }] : /* istanbul ignore next */ []));
+    /**
+     * Root class list: the host `class` input, the reduced-motion override, and
+     * the option-driven display classes (`resolveOptionRootClasses`, so e.g.
+     * hardware-acceleration and compatibility-display choices are styleable).
+     */
+    rootClasses = computed(() => [
+        this.class(),
+        this.reducedMotion() ? 'pptx-ng-reduced-motion' : '',
+        ...this.viewerOpts.rootClasses(),
+    ], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
     /** Whether the Insert SmartArt gallery dialog is open. */
     showSmartArtInsert = signal(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "showSmartArtInsert" }] : /* istanbul ignore next */ []));
@@ -95621,6 +97921,42 @@ class PowerPointViewerComponent {
                 void this.translateService.use(initialLocale);
             }
         });
+        // ── File > Options store ──────────────────────────────────────────
+        // The full PowerPoint Options model lives in ViewerOptionsService
+        // (persisted to localStorage by the shared store). The six legacy
+        // ViewerSettings toggles stay the source of behavior; the two effects
+        // below keep them and the store in sync BOTH ways without echoing:
+        // each side only writes when the mapped values actually differ, and
+        // signal writes are synchronous, so a store change lands on the legacy
+        // signals before the reverse effect re-compares (and vice versa).
+        effect(() => {
+            // Options -> scattered legacy state (dialog edits, persisted values).
+            const mapped = viewerOptionsToPreferences(this.viewerOpts.options());
+            untracked(() => {
+                const current = this.viewerSettings();
+                for (const key of Object.keys(mapped)) {
+                    if (mapped[key] !== current[key]) {
+                        this.applyPreferenceSnapshot({ ...current, ...mapped });
+                        break;
+                    }
+                }
+            });
+        });
+        effect(() => {
+            // Legacy state -> options (ribbon View toggles, title-bar autosave).
+            const settings = this.viewerSettings();
+            const current = this.viewerOpts.store.getOptions();
+            const mapped = viewerOptionsToPreferences(current);
+            let next = current;
+            for (const key of Object.keys(mapped)) {
+                if (mapped[key] !== settings[key]) {
+                    next = applyPreferenceToOptions(next, key, settings[key]);
+                }
+            }
+            if (next !== current) {
+                this.viewerOpts.store.setOptions(next);
+            }
+        });
         // Surface the `smartArt3D` opt-in to the element dispatcher via the
         // viewer-scoped SmartArt3DService.
         effect(() => {
@@ -95648,6 +97984,15 @@ class PowerPointViewerComponent {
             untracked(() => {
                 this.editor.setSlides(slides, this.loader.sections());
                 this.activeSlideIndex.set(0);
+                // A load that lands mid-session must not clobber remotely synced
+                // slides: when the shared doc already holds the room's content, a
+                // late joiner's bootstrap deck (parsed slower than the doc sync)
+                // would silently overwrite it here and, with the doc unchanged,
+                // never see it re-applied. Re-adopt the doc's slides synchronously
+                // so the broadcast effect below (which only runs after this effect
+                // completes) sees the adopted deck, never the placeholder, and its
+                // write dedupes against the adopted baseline.
+                this.collab.adoptDocSlidesAfterLoad();
             });
         });
         // Selecting an element re-opens the inspector if a prior swipe had hidden
@@ -95913,6 +98258,8 @@ class PowerPointViewerComponent {
             filePath: () => this.filePath(),
             isDirty: () => this.editor.dirty(),
             serialize: () => this.serializeForAutosave(),
+            // Options > Save > "Save AutoRecover information every N minutes".
+            intervalSeconds: () => this.viewerOpts.autosaveIntervalSeconds(),
         });
     }
     /**
@@ -96362,8 +98709,8 @@ class PowerPointViewerComponent {
     onRestoreVersion(bytes) {
         this.fileIO.contentOverride.set(bytes);
     }
-    /** Apply Settings dialog changes to the live editor state. */
-    onSettingsChange(settings) {
+    /** Apply one legacy preference snapshot onto the scattered live signals. */
+    applyPreferenceSnapshot(settings) {
         this.autosaveEnabled.set(settings.autoSave);
         this.spellCheck.set(settings.spellCheck);
         this.showGrid.set(settings.showGrid);
@@ -96371,6 +98718,41 @@ class PowerPointViewerComponent {
         this.snapToGrid.set(settings.snapToGrid);
         this.reducedMotion.set(settings.reducedMotion);
     }
+    /** Dispatch a Quick Access Toolbar command id to its existing handler. */
+    onQuickAccessCommand(id) {
+        switch (id) {
+            case 'save':
+                void this.fileIO.saveAsPptx();
+                break;
+            case 'undo':
+                this.editor.undo();
+                break;
+            case 'redo':
+                this.editor.redo();
+                break;
+            case 'presentFromStart':
+                this.presentationMode.presentFromBeginning();
+                break;
+            case 'print':
+                this.print.openDialog();
+                break;
+            case 'exportPdf':
+                void this.xport.exportPdf();
+                break;
+            case 'newSlide':
+                this.editor.addSlide(this.activeSlideIndex());
+                break;
+            case 'spellCheck':
+                this.spellCheck.update((enabled) => !enabled);
+                break;
+            case 'zoomIn':
+                this.zoomSvc.zoomIn();
+                break;
+            case 'zoomOut':
+                this.zoomSvc.zoomOut();
+                break;
+        }
+    }
     /**
      * Mobile "Format" slot: surface the inspector for the current selection.
      * On mobile the format pane starts closed (React parity: the canvas owns
@@ -96434,10 +98816,10 @@ class PowerPointViewerComponent {
         return (this.mainEl()?.nativeElement.querySelector('.pptx-ng-canvas-stage') ?? undefined);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PowerPointViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: PowerPointViewerComponent, isStandalone: true, selector: "pptx-viewer", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, fontsInput: { classPropertyName: "fontsInput", publicName: "fonts", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, defaultThemeKey: { classPropertyName: "defaultThemeKey", publicName: "defaultThemeKey", isSignal: true, isRequired: false, transformFunction: null }, availableThemes: { classPropertyName: "availableThemes", publicName: "availableThemes", isSignal: true, isRequired: false, transformFunction: null }, onThemeChange: { classPropertyName: "onThemeChange", publicName: "onThemeChange", isSignal: true, isRequired: false, transformFunction: null }, defaultLocale: { classPropertyName: "defaultLocale", publicName: "defaultLocale", isSignal: true, isRequired: false, transformFunction: null }, availableLocales: { classPropertyName: "availableLocales", publicName: "availableLocales", isSignal: true, isRequired: false, transformFunction: null }, onLocaleChange: { classPropertyName: "onLocaleChange", publicName: "onLocaleChange", isSignal: true, isRequired: false, transformFunction: null }, accountAuth: { classPropertyName: "accountAuth", publicName: "accountAuth", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, collaboration: { classPropertyName: "collaboration", publicName: "collaboration", isSignal: true, isRequired: false, transformFunction: null }, authorName: { classPropertyName: "authorName", publicName: "authorName", isSignal: true, isRequired: false, transformFunction: null }, shareDefaults: { classPropertyName: "shareDefaults", publicName: "shareDefaults", isSignal: true, isRequired: false, transformFunction: null }, onOpenFile: { classPropertyName: "onOpenFile", publicName: "onOpenFile", isSignal: true, isRequired: false, transformFunction: null }, smartArt3D: { classPropertyName: "smartArt3D", publicName: "smartArt3D", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeSlideChange: "activeSlideChange", dirtyChange: "dirtyChange", contentChange: "contentChange", propertiesChange: "propertiesChange", modeChange: "modeChange", zoomChange: "zoomChange", selectionChange: "selectionChange", slideCountChange: "slideCountChange", startCollaboration: "startCollaboration", stopCollaboration: "stopCollaboration" }, host: { listeners: { "document:keydown": "onKeyDown($event)" } }, providers: [...POWER_POINT_VIEWER_PROVIDERS], viewQueries: [{ propertyName: "extraDialogs", first: true, predicate: ViewerExtraDialogsComponent, descendants: true, isSignal: true }, { propertyName: "mainEl", first: true, predicate: ["mainEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: PowerPointViewerComponent, isStandalone: true, selector: "pptx-viewer", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, fontsInput: { classPropertyName: "fontsInput", publicName: "fonts", isSignal: true, isRequired: false, transformFunction: null }, canEditInput: { classPropertyName: "canEditInput", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, defaultThemeKey: { classPropertyName: "defaultThemeKey", publicName: "defaultThemeKey", isSignal: true, isRequired: false, transformFunction: null }, availableThemes: { classPropertyName: "availableThemes", publicName: "availableThemes", isSignal: true, isRequired: false, transformFunction: null }, onThemeChange: { classPropertyName: "onThemeChange", publicName: "onThemeChange", isSignal: true, isRequired: false, transformFunction: null }, defaultLocale: { classPropertyName: "defaultLocale", publicName: "defaultLocale", isSignal: true, isRequired: false, transformFunction: null }, availableLocales: { classPropertyName: "availableLocales", publicName: "availableLocales", isSignal: true, isRequired: false, transformFunction: null }, onLocaleChange: { classPropertyName: "onLocaleChange", publicName: "onLocaleChange", isSignal: true, isRequired: false, transformFunction: null }, accountAuth: { classPropertyName: "accountAuth", publicName: "accountAuth", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: false, transformFunction: null }, collaboration: { classPropertyName: "collaboration", publicName: "collaboration", isSignal: true, isRequired: false, transformFunction: null }, authorName: { classPropertyName: "authorName", publicName: "authorName", isSignal: true, isRequired: false, transformFunction: null }, shareDefaults: { classPropertyName: "shareDefaults", publicName: "shareDefaults", isSignal: true, isRequired: false, transformFunction: null }, onOpenFile: { classPropertyName: "onOpenFile", publicName: "onOpenFile", isSignal: true, isRequired: false, transformFunction: null }, smartArt3D: { classPropertyName: "smartArt3D", publicName: "smartArt3D", isSignal: true, isRequired: false, transformFunction: null }, hiddenActions: { classPropertyName: "hiddenActions", publicName: "hiddenActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { activeSlideChange: "activeSlideChange", dirtyChange: "dirtyChange", contentChange: "contentChange", propertiesChange: "propertiesChange", modeChange: "modeChange", zoomChange: "zoomChange", selectionChange: "selectionChange", slideCountChange: "slideCountChange", startCollaboration: "startCollaboration", stopCollaboration: "stopCollaboration" }, host: { listeners: { "document:keydown": "onKeyDown($event)" } }, providers: [...POWER_POINT_VIEWER_PROVIDERS], viewQueries: [{ propertyName: "extraDialogs", first: true, predicate: ViewerExtraDialogsComponent, descendants: true, isSignal: true }, { propertyName: "mainEl", first: true, predicate: ["mainEl"], descendants: true, isSignal: true }], ngImport: i0, template: `
 		<div
 			class="pptx-ng-viewer"
-			[ngClass]="[class(), reducedMotion() ? 'pptx-ng-reduced-motion' : '']"
+			[ngClass]="rootClasses()"
 			[ngStyle]="rootStyle()"
 			[attr.aria-busy]="loader.loading()"
 		>
@@ -96469,10 +98851,12 @@ class PowerPointViewerComponent {
 						[redoLabel]="editor.redoLabel()"
 						[findReplaceOpen]="findReplace.showFind() || findReplace.showFindReplace()"
 						[hiddenActions]="hiddenActions()"
+						[quickAccess]="viewerOpts.options().quickAccess"
 						(toggleAutosave)="autosaveEnabled.update(v => !v)"
 						(save)="fileIO.saveAsPptx()"
 						(undo)="editor.undo()"
 						(redo)="editor.redo()"
+						(quickCommand)="onQuickAccessCommand($event)"
 						(toggleFindReplace)="toggleFindReplace()"
 						(commandSearch)="handleCommandSearch($event)"
 					/>
@@ -96942,13 +99326,11 @@ class PowerPointViewerComponent {
 				[selectedElementId]="selectedElement()?.id ?? null"
 				[filePath]="filePath()"
 				[customShows]="customShowsCtl.pptxCustomShows()"
-				[settings]="viewerSettings()"
 				[themeKey]="themeKey()"
 				[availableThemes]="resolvedThemes()"
 				[localeCode]="localeCode()"
 				[availableLocales]="resolvedLocales()"
 				(restoreContent)="onRestoreVersion($event)"
-				(settingsChange)="onSettingsChange($event)"
 				(themeKeySelect)="selectThemeKey($event)"
 				(localeSelect)="selectLocale($event)"
 			/>
@@ -97112,7 +99494,7 @@ class PowerPointViewerComponent {
 				/>
 			}
 		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresentationOverlayComponent, selector: "pptx-presentation-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "startIndex", "showWithAnimation", "subtitlesVisible"], outputs: ["indexChange", "closed", "subtitlesChange", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow", "navigateToSlide"] }, { kind: "component", type: MobilePresenterViewComponent, selector: "pptx-mobile-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime"], outputs: ["movePresentationSlide", "exit"] }, { kind: "component", type: SlideSorterOverlayComponent, selector: "pptx-slide-sorter-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select", "closed"] }, { kind: "component", type: SlideDefaultInspectorComponent, selector: "pptx-slide-default-inspector", inputs: ["slideIndex", "canEdit", "selectedElement", "comments"], outputs: ["commentAdd", "commentRemove", "commentResolve"] }, { kind: "component", type: FindBarComponent, selector: "pptx-find-bar", inputs: ["slides"], outputs: ["navigate", "closed"] }, { kind: "component", type: FindReplaceBarComponent, selector: "pptx-find-replace-bar", inputs: ["matchCount", "matchIndex"], outputs: ["find", "navigate", "replaceOne", "replaceAll", "close"] }, { kind: "component", type: SlidesPanelComponent, selector: "pptx-slides-panel", inputs: ["canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select"] }, { kind: "component", type: StatusBarComponent, selector: "pptx-status-bar", inputs: ["slideIndex", "slideCount", "canEdit", "dirty", "autosaveStatus", "notesOpen", "zoomPercent", "sorterActive", "presenting", "hiddenActions"], outputs: ["toggleNotes", "normalView", "openSorter", "slideShow", "zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: EditorContextMenuComponent, selector: "pptx-editor-context-menu", inputs: ["x", "y", "slideIndex"], outputs: ["closed"] }, { kind: "component", type: ExportProgressModalComponent, selector: "pptx-export-progress-modal", inputs: ["open", "title", "progress", "statusMessage"], outputs: ["cancel"] }, { kind: "component", type: CommentsPanelComponent, selector: "pptx-comments-panel", inputs: ["comments", "authorName"], outputs: ["add", "remove", "resolve"] }, { kind: "component", type: SignaturesPanelComponent, selector: "pptx-signatures-panel", inputs: ["signatures"] }, { kind: "component", type: AccessibilityPanelComponent, selector: "pptx-accessibility-panel", inputs: ["issues"], outputs: ["selectSlide"] }, { kind: "component", type: CollaborationCursorsComponent, selector: "pptx-collaboration-cursors", inputs: ["cursors", "zoom"] }, { kind: "component", type: RemoteSelectionOverlayComponent, selector: "pptx-remote-selection-overlay", inputs: ["presences", "elements", "activeSlideIndex", "zoom"] }, { kind: "component", type: FollowModeBarComponent, selector: "pptx-follow-mode-bar", inputs: ["presences", "followedClientId"], outputs: ["follow"] }, { kind: "component", type: PropertiesDialogComponent, selector: "pptx-properties-dialog", inputs: ["open", "properties"], outputs: ["save", "close"] }, { kind: "component", type: HyperlinkDialogComponent, selector: "pptx-hyperlink-dialog", inputs: ["open", "element"], outputs: ["save", "close"] }, { kind: "component", type: PrintDialogComponent, selector: "pptx-print-dialog", inputs: ["slides", "activeSlideIndex", "defaultSlidesPerPage", "defaultFrameSlides"], outputs: ["print", "cancel"] }, { kind: "component", type: ShareDialogComponent, selector: "pptx-share-dialog", inputs: ["open", "defaults", "active", "connected", "userCount", "shareUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: BroadcastDialogComponent, selector: "pptx-broadcast-dialog", inputs: ["open", "defaults", "active", "connected", "viewerCount", "viewerUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: MobileBottomBarComponent, selector: "pptx-mobile-bottom-bar", inputs: ["slideCount", "commentCount", "activeSheet"], outputs: ["openSlides", "insert", "openFormat", "openComments", "notes"] }, { kind: "component", type: MobileMenuSheetComponent, selector: "pptx-mobile-menu-sheet", inputs: ["open", "slideCount", "exporting", "showNotes", "canEdit", "hiddenActions"], outputs: ["closed", "openFind", "openSorter", "toggleNotes", "insertText", "present", "openFile", "savePptx", "exportPng", "exportPdf", "exportGif", "exportVideo", "print"] }, { kind: "component", type: MobileSlidesSheetComponent, selector: "pptx-mobile-slides-sheet", inputs: ["open", "slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["closed", "jumpToSlide"] }, { kind: "component", type: MobileToolbarComponent, selector: "pptx-mobile-toolbar", inputs: ["canUndo", "canRedo", "canPresent", "canEdit", "menuOpen", "hiddenActions"], outputs: ["toggleMenu", "undo", "redo", "save", "present"] }, { kind: "component", type: MasterViewCanvasComponent, selector: "pptx-master-view-canvas", inputs: ["tab", "slideMasters", "activeMasterIndex", "activeLayoutIndex", "notesMaster", "handoutMaster", "canvasSize", "notesCanvasSize", "mediaDataUrls", "editable"], outputs: ["notesMasterChange", "handoutMasterChange"] }, { kind: "component", type: MasterViewSidebarComponent, selector: "pptx-master-view-sidebar", inputs: ["tab", "slideMasters", "notesMaster", "handoutMaster", "activeMasterIndex", "activeLayoutIndex", "handoutSlidesPerPage"], outputs: ["tabChange", "selectMaster", "selectLayout", "slidesPerPageChange", "backgroundChange", "close"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide", "expanded"], outputs: ["update", "notesToggle"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount", "spellCheckEnabled", "showSubtitles", "hiddenActions", "accountAuth"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "share", "broadcast", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "toggleSidebar", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "openMasterView", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "openSettings"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen", "hiddenActions"], outputs: ["toggleAutosave", "save", "undo", "redo", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName", "theme"], outputs: ["applyTheme", "applyCustomTheme", "close"] }, { kind: "component", type: SelectionPaneComponent, selector: "pptx-selection-pane", inputs: ["elements", "selectedIds"], outputs: ["selectElement", "bringForward", "sendBackward", "toggleHidden"] }, { kind: "component", type: CustomShowsComponent, selector: "pptx-custom-shows", inputs: ["open", "slides", "customShows", "activeCustomShowId"], outputs: ["create", "remove", "update", "setActive", "close"] }, { kind: "component", type: InsertSmartArtDialogComponent, selector: "pptx-insert-smart-art-dialog", inputs: ["open"], outputs: ["close", "insert"] }, { kind: "component", type: ViewerExtraDialogsComponent, selector: "pptx-viewer-extra-dialogs", inputs: ["activeSlideIndex", "selectedElementId", "filePath", "customShows", "settings", "themeKey", "availableThemes", "localeCode", "availableLocales"], outputs: ["restoreContent", "settingsChange", "themeKeySelect", "localeSelect"] }, { kind: "component", type: RehearseTimingsComponent, selector: "pptx-rehearse-timings", inputs: ["summary", "paused", "slideStartedAt", "presentationStartedAt", "timings"], outputs: ["togglePause", "save", "discard"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: SlideCanvasComponent, selector: "pptx-slide-canvas", inputs: ["slide", "canvasSize", "mediaDataUrls", "zoom", "editable", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "guideCommand", "spellCheck", "snapToGuides", "autoFit", "interactive", "presenting", "selectedIds", "editingId", "editTemplateMode", "templateElements", "drawTool", "drawColor", "drawWidth"], outputs: ["elementSelect", "backgroundClick", "transformStart", "transformUpdate", "contextMenu", "textEditStart", "textCommit", "textCancel", "textFormat", "rotateUpdate", "marqueeSelect", "inkStrokeComplete", "eraserHit", "cellCommit", "tableChange"] }, { kind: "component", type: PresentationOverlayComponent, selector: "pptx-presentation-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "startIndex", "showWithAnimation", "subtitlesVisible"], outputs: ["indexChange", "closed", "subtitlesChange", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow", "navigateToSlide"] }, { kind: "component", type: MobilePresenterViewComponent, selector: "pptx-mobile-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime"], outputs: ["movePresentationSlide", "exit"] }, { kind: "component", type: SlideSorterOverlayComponent, selector: "pptx-slide-sorter-overlay", inputs: ["slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select", "closed"] }, { kind: "component", type: SlideDefaultInspectorComponent, selector: "pptx-slide-default-inspector", inputs: ["slideIndex", "canEdit", "selectedElement", "comments"], outputs: ["commentAdd", "commentRemove", "commentResolve"] }, { kind: "component", type: FindBarComponent, selector: "pptx-find-bar", inputs: ["slides"], outputs: ["navigate", "closed"] }, { kind: "component", type: FindReplaceBarComponent, selector: "pptx-find-replace-bar", inputs: ["matchCount", "matchIndex"], outputs: ["find", "navigate", "replaceOne", "replaceAll", "close"] }, { kind: "component", type: SlidesPanelComponent, selector: "pptx-slides-panel", inputs: ["canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["select"] }, { kind: "component", type: StatusBarComponent, selector: "pptx-status-bar", inputs: ["slideIndex", "slideCount", "canEdit", "dirty", "autosaveStatus", "notesOpen", "zoomPercent", "sorterActive", "presenting", "hiddenActions"], outputs: ["toggleNotes", "normalView", "openSorter", "slideShow", "zoomIn", "zoomOut", "zoomReset"] }, { kind: "component", type: EditorContextMenuComponent, selector: "pptx-editor-context-menu", inputs: ["x", "y", "slideIndex"], outputs: ["closed"] }, { kind: "component", type: ExportProgressModalComponent, selector: "pptx-export-progress-modal", inputs: ["open", "title", "progress", "statusMessage"], outputs: ["cancel"] }, { kind: "component", type: CommentsPanelComponent, selector: "pptx-comments-panel", inputs: ["comments", "authorName"], outputs: ["add", "remove", "resolve"] }, { kind: "component", type: SignaturesPanelComponent, selector: "pptx-signatures-panel", inputs: ["signatures"] }, { kind: "component", type: AccessibilityPanelComponent, selector: "pptx-accessibility-panel", inputs: ["issues"], outputs: ["selectSlide"] }, { kind: "component", type: CollaborationCursorsComponent, selector: "pptx-collaboration-cursors", inputs: ["cursors", "zoom"] }, { kind: "component", type: RemoteSelectionOverlayComponent, selector: "pptx-remote-selection-overlay", inputs: ["presences", "elements", "activeSlideIndex", "zoom"] }, { kind: "component", type: FollowModeBarComponent, selector: "pptx-follow-mode-bar", inputs: ["presences", "followedClientId"], outputs: ["follow"] }, { kind: "component", type: PropertiesDialogComponent, selector: "pptx-properties-dialog", inputs: ["open", "properties"], outputs: ["save", "close"] }, { kind: "component", type: HyperlinkDialogComponent, selector: "pptx-hyperlink-dialog", inputs: ["open", "element"], outputs: ["save", "close"] }, { kind: "component", type: PrintDialogComponent, selector: "pptx-print-dialog", inputs: ["slides", "activeSlideIndex", "defaultSlidesPerPage", "defaultFrameSlides"], outputs: ["print", "cancel"] }, { kind: "component", type: ShareDialogComponent, selector: "pptx-share-dialog", inputs: ["open", "defaults", "active", "connected", "userCount", "shareUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: BroadcastDialogComponent, selector: "pptx-broadcast-dialog", inputs: ["open", "defaults", "active", "connected", "viewerCount", "viewerUrl", "p2p"], outputs: ["start", "stop", "close"] }, { kind: "component", type: MobileBottomBarComponent, selector: "pptx-mobile-bottom-bar", inputs: ["slideCount", "commentCount", "activeSheet"], outputs: ["openSlides", "insert", "openFormat", "openComments", "notes"] }, { kind: "component", type: MobileMenuSheetComponent, selector: "pptx-mobile-menu-sheet", inputs: ["open", "slideCount", "exporting", "showNotes", "canEdit", "hiddenActions"], outputs: ["closed", "openFind", "openSorter", "toggleNotes", "insertText", "present", "openFile", "savePptx", "exportPng", "exportPdf", "exportGif", "exportVideo", "print"] }, { kind: "component", type: MobileSlidesSheetComponent, selector: "pptx-mobile-slides-sheet", inputs: ["open", "slides", "canvasSize", "mediaDataUrls", "activeIndex"], outputs: ["closed", "jumpToSlide"] }, { kind: "component", type: MobileToolbarComponent, selector: "pptx-mobile-toolbar", inputs: ["canUndo", "canRedo", "canPresent", "canEdit", "menuOpen", "hiddenActions"], outputs: ["toggleMenu", "undo", "redo", "save", "present"] }, { kind: "component", type: MasterViewCanvasComponent, selector: "pptx-master-view-canvas", inputs: ["tab", "slideMasters", "activeMasterIndex", "activeLayoutIndex", "notesMaster", "handoutMaster", "canvasSize", "notesCanvasSize", "mediaDataUrls", "editable"], outputs: ["notesMasterChange", "handoutMasterChange"] }, { kind: "component", type: MasterViewSidebarComponent, selector: "pptx-master-view-sidebar", inputs: ["tab", "slideMasters", "notesMaster", "handoutMaster", "activeMasterIndex", "activeLayoutIndex", "handoutSlidesPerPage"], outputs: ["tabChange", "selectMaster", "selectLayout", "slidesPerPageChange", "backgroundChange", "close"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide", "expanded"], outputs: ["update", "notesToggle"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "hasMacros", "showGrid", "showRulers", "showGuides", "snapToGrid", "snapToShape", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount", "spellCheckEnabled", "showSubtitles", "hiddenActions", "accountAuth"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "presentFromBeginning", "rehearseTimings", "toggleSubtitles", "openSubtitleSettings", "recordFromBeginning", "recordFromCurrent", "spellCheckChange", "share", "broadcast", "openFile", "openRecentFile", "createPresentation", "save", "savePpsx", "savePptm", "packageForSharing", "toggleSidebar", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "openMasterView", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "copySlideAsImage", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleSnapToShape", "addGuide", "zoomToFit", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "openSettings"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen", "hiddenActions", "quickAccess"], outputs: ["toggleAutosave", "save", "undo", "redo", "quickCommand", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName", "theme"], outputs: ["applyTheme", "applyCustomTheme", "close"] }, { kind: "component", type: SelectionPaneComponent, selector: "pptx-selection-pane", inputs: ["elements", "selectedIds"], outputs: ["selectElement", "bringForward", "sendBackward", "toggleHidden"] }, { kind: "component", type: CustomShowsComponent, selector: "pptx-custom-shows", inputs: ["open", "slides", "customShows", "activeCustomShowId"], outputs: ["create", "remove", "update", "setActive", "close"] }, { kind: "component", type: InsertSmartArtDialogComponent, selector: "pptx-insert-smart-art-dialog", inputs: ["open"], outputs: ["close", "insert"] }, { kind: "component", type: ViewerExtraDialogsComponent, selector: "pptx-viewer-extra-dialogs", inputs: ["activeSlideIndex", "selectedElementId", "filePath", "customShows", "themeKey", "availableThemes", "localeCode", "availableLocales"], outputs: ["restoreContent", "themeKeySelect", "localeSelect"] }, { kind: "component", type: RehearseTimingsComponent, selector: "pptx-rehearse-timings", inputs: ["summary", "paused", "slideStartedAt", "presentationStartedAt", "timings"], outputs: ["togglePause", "save", "discard"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: PowerPointViewerComponent, decorators: [{
             type: Component,
@@ -97168,7 +99550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
                     template: `
 		<div
 			class="pptx-ng-viewer"
-			[ngClass]="[class(), reducedMotion() ? 'pptx-ng-reduced-motion' : '']"
+			[ngClass]="rootClasses()"
 			[ngStyle]="rootStyle()"
 			[attr.aria-busy]="loader.loading()"
 		>
@@ -97200,10 +99582,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 						[redoLabel]="editor.redoLabel()"
 						[findReplaceOpen]="findReplace.showFind() || findReplace.showFindReplace()"
 						[hiddenActions]="hiddenActions()"
+						[quickAccess]="viewerOpts.options().quickAccess"
 						(toggleAutosave)="autosaveEnabled.update(v => !v)"
 						(save)="fileIO.saveAsPptx()"
 						(undo)="editor.undo()"
 						(redo)="editor.redo()"
+						(quickCommand)="onQuickAccessCommand($event)"
 						(toggleFindReplace)="toggleFindReplace()"
 						(commandSearch)="handleCommandSearch($event)"
 					/>
@@ -97673,13 +100057,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 				[selectedElementId]="selectedElement()?.id ?? null"
 				[filePath]="filePath()"
 				[customShows]="customShowsCtl.pptxCustomShows()"
-				[settings]="viewerSettings()"
 				[themeKey]="themeKey()"
 				[availableThemes]="resolvedThemes()"
 				[localeCode]="localeCode()"
 				[availableLocales]="resolvedLocales()"
 				(restoreContent)="onRestoreVersion($event)"
-				(settingsChange)="onSettingsChange($event)"
 				(themeKeySelect)="selectThemeKey($event)"
 				(localeSelect)="selectLocale($event)"
 			/>
@@ -97845,7 +100227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImpor
 		</div>
 	`,
                 }]
-        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], fontsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "fonts", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], defaultThemeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultThemeKey", required: false }] }], availableThemes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableThemes", required: false }] }], onThemeChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "onThemeChange", required: false }] }], defaultLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultLocale", required: false }] }], availableLocales: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableLocales", required: false }] }], onLocaleChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "onLocaleChange", required: false }] }], accountAuth: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountAuth", required: false }] }], filePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "filePath", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], collaboration: [{ type: i0.Input, args: [{ isSignal: true, alias: "collaboration", required: false }] }], authorName: [{ type: i0.Input, args: [{ isSignal: true, alias: "authorName", required: false }] }], shareDefaults: [{ type: i0.Input, args: [{ isSignal: true, alias: "shareDefaults", required: false }] }], onOpenFile: [{ type: i0.Input, args: [{ isSignal: true, alias: "onOpenFile", required: false }] }], smartArt3D: [{ type: i0.Input, args: [{ isSignal: true, alias: "smartArt3D", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], activeSlideChange: [{ type: i0.Output, args: ["activeSlideChange"] }], dirtyChange: [{ type: i0.Output, args: ["dirtyChange"] }], contentChange: [{ type: i0.Output, args: ["contentChange"] }], propertiesChange: [{ type: i0.Output, args: ["propertiesChange"] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }], zoomChange: [{ type: i0.Output, args: ["zoomChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], slideCountChange: [{ type: i0.Output, args: ["slideCountChange"] }], startCollaboration: [{ type: i0.Output, args: ["startCollaboration"] }], stopCollaboration: [{ type: i0.Output, args: ["stopCollaboration"] }], extraDialogs: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ViewerExtraDialogsComponent), { isSignal: true }] }], mainEl: [{ type: i0.ViewChild, args: ['mainEl', { isSignal: true }] }], onKeyDown: [{
+        }], ctorParameters: () => [], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], fontsInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "fonts", required: false }] }], canEditInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], defaultThemeKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultThemeKey", required: false }] }], availableThemes: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableThemes", required: false }] }], onThemeChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "onThemeChange", required: false }] }], defaultLocale: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultLocale", required: false }] }], availableLocales: [{ type: i0.Input, args: [{ isSignal: true, alias: "availableLocales", required: false }] }], onLocaleChange: [{ type: i0.Input, args: [{ isSignal: true, alias: "onLocaleChange", required: false }] }], accountAuth: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountAuth", required: false }] }], filePath: [{ type: i0.Input, args: [{ isSignal: true, alias: "filePath", required: false }] }], fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: false }] }], collaboration: [{ type: i0.Input, args: [{ isSignal: true, alias: "collaboration", required: false }] }], authorName: [{ type: i0.Input, args: [{ isSignal: true, alias: "authorName", required: false }] }], shareDefaults: [{ type: i0.Input, args: [{ isSignal: true, alias: "shareDefaults", required: false }] }], onOpenFile: [{ type: i0.Input, args: [{ isSignal: true, alias: "onOpenFile", required: false }] }], smartArt3D: [{ type: i0.Input, args: [{ isSignal: true, alias: "smartArt3D", required: false }] }], hiddenActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenActions", required: false }] }], activeSlideChange: [{ type: i0.Output, args: ["activeSlideChange"] }], dirtyChange: [{ type: i0.Output, args: ["dirtyChange"] }], contentChange: [{ type: i0.Output, args: ["contentChange"] }], propertiesChange: [{ type: i0.Output, args: ["propertiesChange"] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }], zoomChange: [{ type: i0.Output, args: ["zoomChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], slideCountChange: [{ type: i0.Output, args: ["slideCountChange"] }], startCollaboration: [{ type: i0.Output, args: ["startCollaboration"] }], stopCollaboration: [{ type: i0.Output, args: ["stopCollaboration"] }], extraDialogs: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ViewerExtraDialogsComponent), { isSignal: true }] }], mainEl: [{ type: i0.ViewChild, args: ['mainEl', { isSignal: true }] }], onKeyDown: [{
                 type: HostListener,
                 args: ['document:keydown', ['$event']]
             }] } });