pptx-react-viewer 4.15.0 → 4.16.1

package/dist/index.js

@@ -1,240 +1,240 @@
 'use strict';
 
-var chunk6ZPXMS64_js = require('./chunk-6ZPXMS64.js');
-require('./chunk-UP6PJEHM.js');
-var chunkHGO243GV_js = require('./chunk-HGO243GV.js');
-var chunkCNXVOFUW_js = require('./chunk-CNXVOFUW.js');
-var chunk2CSRCH4H_js = require('./chunk-2CSRCH4H.js');
-var chunkXEYB25ZT_js = require('./chunk-XEYB25ZT.js');
+var chunkVVGYZBF5_js = require('./chunk-VVGYZBF5.js');
+require('./chunk-CWVPHCMJ.js');
+var chunkXVJSAY7C_js = require('./chunk-XVJSAY7C.js');
+var chunkRE6NDQH7_js = require('./chunk-RE6NDQH7.js');
+var chunk4VV5HJXQ_js = require('./chunk-4VV5HJXQ.js');
+var chunkLJEI7O6S_js = require('./chunk-LJEI7O6S.js');
 require('./chunk-4VNS5WPM.js');
 
 
 
 Object.defineProperty(exports, "PowerPointViewer", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.PowerPointViewer; }
+  get: function () { return chunkVVGYZBF5_js.PowerPointViewer; }
 });
 Object.defineProperty(exports, "SlideCanvas", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.SlideCanvas; }
+  get: function () { return chunkVVGYZBF5_js.SlideCanvas; }
 });
 Object.defineProperty(exports, "SlideTemplateGalleryDialog", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.SlideTemplateGalleryDialog; }
+  get: function () { return chunkVVGYZBF5_js.SlideTemplateGalleryDialog; }
 });
 Object.defineProperty(exports, "SlideTemplatePreview", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.SlideTemplatePreview; }
+  get: function () { return chunkVVGYZBF5_js.SlideTemplatePreview; }
 });
 Object.defineProperty(exports, "Toolbar", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.Toolbar; }
+  get: function () { return chunkVVGYZBF5_js.Toolbar; }
 });
 Object.defineProperty(exports, "ViewerThemeProvider", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.ViewerThemeProvider; }
+  get: function () { return chunkVVGYZBF5_js.ViewerThemeProvider; }
 });
 Object.defineProperty(exports, "useViewerTheme", {
   enumerable: true,
-  get: function () { return chunk6ZPXMS64_js.useViewerTheme; }
+  get: function () { return chunkVVGYZBF5_js.useViewerTheme; }
 });
 Object.defineProperty(exports, "renderToCanvas", {
   enumerable: true,
-  get: function () { return chunkHGO243GV_js.renderToCanvas; }
+  get: function () { return chunkXVJSAY7C_js.renderToCanvas; }
 });
 Object.defineProperty(exports, "useViewerBuildingBlocks", {
   enumerable: true,
-  get: function () { return chunkHGO243GV_js.useViewerBuildingBlocks; }
+  get: function () { return chunkXVJSAY7C_js.useViewerBuildingBlocks; }
 });
 Object.defineProperty(exports, "getAnimationInitialStyle", {
   enumerable: true,
-  get: function () { return chunkCNXVOFUW_js.getAnimationInitialStyle; }
+  get: function () { return chunkRE6NDQH7_js.getAnimationInitialStyle; }
 });
 Object.defineProperty(exports, "AVATAR_COLOR_SWATCHES", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.AVATAR_COLOR_SWATCHES; }
+  get: function () { return chunk4VV5HJXQ_js.AVATAR_COLOR_SWATCHES; }
 });
 Object.defineProperty(exports, "BACKSTAGE_CARD_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.BACKSTAGE_CARD_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.BACKSTAGE_CARD_IDS; }
 });
 Object.defineProperty(exports, "BACKSTAGE_PAGE_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.BACKSTAGE_PAGE_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.BACKSTAGE_PAGE_IDS; }
 });
 Object.defineProperty(exports, "CANVAS_CONTEXT_MENU_COMMAND_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.CANVAS_CONTEXT_MENU_COMMAND_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.CANVAS_CONTEXT_MENU_COMMAND_IDS; }
 });
 Object.defineProperty(exports, "DEFAULT_VIEWER_PROFILE", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.DEFAULT_VIEWER_PROFILE; }
+  get: function () { return chunk4VV5HJXQ_js.DEFAULT_VIEWER_PROFILE; }
 });
 Object.defineProperty(exports, "EDITOR_SHORTCUT_ACTION_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.EDITOR_SHORTCUT_ACTION_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.EDITOR_SHORTCUT_ACTION_IDS; }
 });
 Object.defineProperty(exports, "ELEMENT_CONTEXT_MENU_COMMAND_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.ELEMENT_CONTEXT_MENU_COMMAND_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.ELEMENT_CONTEXT_MENU_COMMAND_IDS; }
 });
 Object.defineProperty(exports, "OPTIONS_PAGE_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.OPTIONS_PAGE_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.OPTIONS_PAGE_IDS; }
 });
 Object.defineProperty(exports, "OPTIONS_SECTION_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.OPTIONS_SECTION_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.OPTIONS_SECTION_IDS; }
 });
 Object.defineProperty(exports, "OPTIONS_SETTING_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.OPTIONS_SETTING_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.OPTIONS_SETTING_IDS; }
 });
 Object.defineProperty(exports, "PPTX_OPEN_ACCEPT", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.PPTX_OPEN_ACCEPT; }
+  get: function () { return chunk4VV5HJXQ_js.PPTX_OPEN_ACCEPT; }
 });
 Object.defineProperty(exports, "PRESENTATION_OPEN_EXTENSIONS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.PRESENTATION_OPEN_EXTENSIONS; }
+  get: function () { return chunk4VV5HJXQ_js.PRESENTATION_OPEN_EXTENSIONS; }
 });
 Object.defineProperty(exports, "RIBBON_TAB_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.RIBBON_TAB_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.RIBBON_TAB_IDS; }
 });
 Object.defineProperty(exports, "SLIDE_TEMPLATES", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.SLIDE_TEMPLATES; }
+  get: function () { return chunk4VV5HJXQ_js.SLIDE_TEMPLATES; }
 });
 Object.defineProperty(exports, "THEME_CATALOG", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.THEME_CATALOG; }
+  get: function () { return chunk4VV5HJXQ_js.THEME_CATALOG; }
 });
 Object.defineProperty(exports, "TOOLBAR_BUTTON_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.TOOLBAR_BUTTON_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.TOOLBAR_BUTTON_IDS; }
 });
 Object.defineProperty(exports, "VIEWER_DIALOG_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.VIEWER_DIALOG_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.VIEWER_DIALOG_IDS; }
 });
 Object.defineProperty(exports, "VIEWER_EXPORT_FORMAT_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.VIEWER_EXPORT_FORMAT_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.VIEWER_EXPORT_FORMAT_IDS; }
 });
 Object.defineProperty(exports, "VIEWER_FEATURE_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.VIEWER_FEATURE_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.VIEWER_FEATURE_IDS; }
 });
 Object.defineProperty(exports, "VIEWER_PANEL_IDS", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.VIEWER_PANEL_IDS; }
+  get: function () { return chunk4VV5HJXQ_js.VIEWER_PANEL_IDS; }
 });
 Object.defineProperty(exports, "VIEWER_PREFS_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.VIEWER_PREFS_STORAGE_KEY; }
+  get: function () { return chunk4VV5HJXQ_js.VIEWER_PREFS_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "buildSlideTemplateContent", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.buildSlideTemplateContent; }
+  get: function () { return chunk4VV5HJXQ_js.buildSlideTemplateContent; }
 });
 Object.defineProperty(exports, "buildSlideTemplateSlide", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.buildSlideTemplateSlide; }
+  get: function () { return chunk4VV5HJXQ_js.buildSlideTemplateSlide; }
 });
 Object.defineProperty(exports, "clearAllLocalViewerData", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.clearAllLocalViewerData; }
+  get: function () { return chunk4VV5HJXQ_js.clearAllLocalViewerData; }
 });
 Object.defineProperty(exports, "clearStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.clearStoredViewerPrefs; }
+  get: function () { return chunk4VV5HJXQ_js.clearStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "createImageElementFromFile", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.createImageElementFromFile; }
+  get: function () { return chunk4VV5HJXQ_js.createImageElementFromFile; }
 });
 Object.defineProperty(exports, "defaultCssVars", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.defaultCssVars; }
+  get: function () { return chunk4VV5HJXQ_js.defaultCssVars; }
 });
 Object.defineProperty(exports, "defaultRadius", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.defaultRadius; }
+  get: function () { return chunk4VV5HJXQ_js.defaultRadius; }
 });
 Object.defineProperty(exports, "defaultThemeColors", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.defaultThemeColors; }
+  get: function () { return chunk4VV5HJXQ_js.defaultThemeColors; }
 });
 Object.defineProperty(exports, "describeCollaborationShellState", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.describeCollaborationShellState; }
+  get: function () { return chunk4VV5HJXQ_js.describeCollaborationShellState; }
 });
 Object.defineProperty(exports, "getLocalStorageUsageSummary", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.getLocalStorageUsageSummary; }
+  get: function () { return chunk4VV5HJXQ_js.getLocalStorageUsageSummary; }
 });
 Object.defineProperty(exports, "isLegacyBinaryPresentation", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.isLegacyBinaryPresentation; }
+  get: function () { return chunk4VV5HJXQ_js.isLegacyBinaryPresentation; }
 });
 Object.defineProperty(exports, "isSupportedPresentationFile", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.isSupportedPresentationFile; }
+  get: function () { return chunk4VV5HJXQ_js.isSupportedPresentationFile; }
 });
 Object.defineProperty(exports, "presentationBaseName", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.presentationBaseName; }
+  get: function () { return chunk4VV5HJXQ_js.presentationBaseName; }
 });
 Object.defineProperty(exports, "readStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.readStoredViewerPrefs; }
+  get: function () { return chunk4VV5HJXQ_js.readStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "resolveProfileInitial", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.resolveProfileInitial; }
+  get: function () { return chunk4VV5HJXQ_js.resolveProfileInitial; }
 });
 Object.defineProperty(exports, "resolveThemeCatalogEntry", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.resolveThemeCatalogEntry; }
+  get: function () { return chunk4VV5HJXQ_js.resolveThemeCatalogEntry; }
 });
 Object.defineProperty(exports, "saveViewerProfile", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.saveViewerProfile; }
+  get: function () { return chunk4VV5HJXQ_js.saveViewerProfile; }
 });
 Object.defineProperty(exports, "savedPresentationFileName", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.savedPresentationFileName; }
+  get: function () { return chunk4VV5HJXQ_js.savedPresentationFileName; }
 });
 Object.defineProperty(exports, "themeToCssVars", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.themeToCssVars; }
+  get: function () { return chunk4VV5HJXQ_js.themeToCssVars; }
 });
 Object.defineProperty(exports, "vermilionDarkColors", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.vermilionDarkColors; }
+  get: function () { return chunk4VV5HJXQ_js.vermilionDarkColors; }
 });
 Object.defineProperty(exports, "vermilionDarkTheme", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.vermilionDarkTheme; }
+  get: function () { return chunk4VV5HJXQ_js.vermilionDarkTheme; }
 });
 Object.defineProperty(exports, "vermilionLightColors", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.vermilionLightColors; }
+  get: function () { return chunk4VV5HJXQ_js.vermilionLightColors; }
 });
 Object.defineProperty(exports, "vermilionLightTheme", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.vermilionLightTheme; }
+  get: function () { return chunk4VV5HJXQ_js.vermilionLightTheme; }
 });
 Object.defineProperty(exports, "vermilionRadius", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.vermilionRadius; }
+  get: function () { return chunk4VV5HJXQ_js.vermilionRadius; }
 });
 Object.defineProperty(exports, "writeStoredViewerPrefs", {
   enumerable: true,
-  get: function () { return chunk2CSRCH4H_js.writeStoredViewerPrefs; }
+  get: function () { return chunk4VV5HJXQ_js.writeStoredViewerPrefs; }
 });
 Object.defineProperty(exports, "LOCALE_CATALOG", {
   enumerable: true,
-  get: function () { return chunkXEYB25ZT_js.LOCALE_CATALOG; }
+  get: function () { return chunkLJEI7O6S_js.LOCALE_CATALOG; }
 });

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-RQCAXUVQ.mjs';
-import './chunk-AHJ4ND7Q.mjs';
-export { renderToCanvas, useViewerBuildingBlocks } from './chunk-DNWIW75I.mjs';
-export { getAnimationInitialStyle } from './chunk-Q5VQ53R3.mjs';
-export { AVATAR_COLOR_SWATCHES, BACKSTAGE_CARD_IDS, BACKSTAGE_PAGE_IDS, CANVAS_CONTEXT_MENU_COMMAND_IDS, DEFAULT_VIEWER_PROFILE, EDITOR_SHORTCUT_ACTION_IDS, ELEMENT_CONTEXT_MENU_COMMAND_IDS, OPTIONS_PAGE_IDS, OPTIONS_SECTION_IDS, OPTIONS_SETTING_IDS, PPTX_OPEN_ACCEPT, PRESENTATION_OPEN_EXTENSIONS, RIBBON_TAB_IDS, SLIDE_TEMPLATES, THEME_CATALOG, TOOLBAR_BUTTON_IDS, VIEWER_DIALOG_IDS, VIEWER_EXPORT_FORMAT_IDS, VIEWER_FEATURE_IDS, VIEWER_PANEL_IDS, VIEWER_PREFS_STORAGE_KEY, buildSlideTemplateContent, buildSlideTemplateSlide, clearAllLocalViewerData, clearStoredViewerPrefs, createImageElementFromFile, defaultCssVars, defaultRadius, defaultThemeColors, describeCollaborationShellState, getLocalStorageUsageSummary, isLegacyBinaryPresentation, isSupportedPresentationFile, presentationBaseName, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, savedPresentationFileName, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-AIWEM7VE.mjs';
-export { LOCALE_CATALOG } from './chunk-CJSIEITL.mjs';
+export { PowerPointViewer, SlideCanvas, SlideTemplateGalleryDialog, SlideTemplatePreview, Toolbar, ViewerThemeProvider, useViewerTheme } from './chunk-6PWT46Y4.mjs';
+import './chunk-QZSA3E4L.mjs';
+export { renderToCanvas, useViewerBuildingBlocks } from './chunk-VUI3VE7K.mjs';
+export { getAnimationInitialStyle } from './chunk-KK2CFTKC.mjs';
+export { AVATAR_COLOR_SWATCHES, BACKSTAGE_CARD_IDS, BACKSTAGE_PAGE_IDS, CANVAS_CONTEXT_MENU_COMMAND_IDS, DEFAULT_VIEWER_PROFILE, EDITOR_SHORTCUT_ACTION_IDS, ELEMENT_CONTEXT_MENU_COMMAND_IDS, OPTIONS_PAGE_IDS, OPTIONS_SECTION_IDS, OPTIONS_SETTING_IDS, PPTX_OPEN_ACCEPT, PRESENTATION_OPEN_EXTENSIONS, RIBBON_TAB_IDS, SLIDE_TEMPLATES, THEME_CATALOG, TOOLBAR_BUTTON_IDS, VIEWER_DIALOG_IDS, VIEWER_EXPORT_FORMAT_IDS, VIEWER_FEATURE_IDS, VIEWER_PANEL_IDS, VIEWER_PREFS_STORAGE_KEY, buildSlideTemplateContent, buildSlideTemplateSlide, clearAllLocalViewerData, clearStoredViewerPrefs, createImageElementFromFile, defaultCssVars, defaultRadius, defaultThemeColors, describeCollaborationShellState, getLocalStorageUsageSummary, isLegacyBinaryPresentation, isSupportedPresentationFile, presentationBaseName, readStoredViewerPrefs, resolveProfileInitial, resolveThemeCatalogEntry, saveViewerProfile, savedPresentationFileName, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius, writeStoredViewerPrefs } from './chunk-VUNRFZRR.mjs';
+export { LOCALE_CATALOG } from './chunk-33XJSD62.mjs';
 import './chunk-XGB3TDIC.mjs';

package/dist/internals.d.ts

@@ -13915,6 +13915,25 @@ type ViewerOptionPrimitive = boolean | number | string;
  */
 type ViewerOptionsTabId = 'general' | 'proofing' | 'save' | 'language' | 'accessibility' | 'advanced' | 'ribbon' | 'quickAccess' | 'addIns' | 'trust';
 //#endregion
+//#region src/render/customization/host-menu-commands.d.ts
+/** Snapshot of the slide on which the host command was offered. */
+interface HostCanvasMenuContext {
+  slideIndex: number;
+}
+/** Effective selection, including a single right-clicked element. */
+interface HostElementMenuContext extends HostCanvasMenuContext {
+  elementIds: readonly string[];
+}
+/** Plain text labels work identically in every framework. */
+interface HostMenuCommand<C> {
+  id: string;
+  label: string;
+  /** Default: a separate group above the built-in commands. */
+  group?: 'top' | 'bottom';
+  disabled?: boolean | ((context: C) => boolean);
+  onSelect: (context: C) => void;
+}
+//#endregion
 //#region src/render/customization/ribbon-control-catalog.d.ts
 declare const RIBBON_CONTROL_CATALOG: {
   readonly home: {
@@ -14262,6 +14281,7 @@ declare const RIBBON_CONTROL_CATALOG: {
       readonly label: 'Language';
       readonly controls: {
         readonly translate: 'Translate';
+        readonly language: 'Language';
       };
     };
     readonly comments: {
@@ -14496,6 +14516,9 @@ interface BackstageCustomization {
 }
 /** Right-click menu customisation. */
 interface ContextMenuCustomization {
+  /** Additional host commands, independent of the viewer's AI connection. */
+  extraElementCommands?: readonly HostMenuCommand<HostElementMenuContext>[];
+  extraCanvasCommands?: readonly HostMenuCommand<HostCanvasMenuContext>[];
   /** Entries to remove from the element (right-click on a shape) menu. */
   hiddenElementCommands?: readonly ContextMenuCommandId[];
   /** Entries to remove from the empty-canvas menu. */
@@ -14601,6 +14624,8 @@ interface ResolvedCustomization {
   hiddenBackstagePages: ReadonlySet<BackstagePage>;
   hiddenBackstageCards: ReadonlySet<BackstageCardId>;
   hiddenElementCommands: ReadonlySet<ContextMenuCommandId>;
+  extraElementCommands: NonNullable<ViewerCustomization['contextMenu']>['extraElementCommands'];
+  extraCanvasCommands: NonNullable<ViewerCustomization['contextMenu']>['extraCanvasCommands'];
   hiddenCanvasCommands: ReadonlySet<CanvasContextMenuCommandId>;
   hiddenEditPointsCommands: ReadonlySet<EditPointsCommandId>;
   hiddenDrawingTools: ReadonlySet<ViewerDrawingToolId>;
@@ -14663,6 +14688,29 @@ interface ViewerCustomizationApi {
   setDialogAvailable(dialog: ViewerDialogId, available: boolean): void;
 }
 //#endregion
+//#region src/render/ribbon-command-view.d.ts
+/** A host supplies translated labels and controlled state; shared owns markup. */
+interface RibbonCommandView {
+  id: RibbonControlId;
+  label: string;
+  icon: string;
+  title?: string;
+  disabled?: boolean;
+  active?: boolean;
+  pressed?: boolean;
+  expanded?: boolean;
+  hidden?: boolean;
+  compact?: boolean;
+  badge?: number;
+  /** Commands with the same column share a vertical stack. */
+  column?: number;
+}
+interface RibbonGroupView {
+  id: RibbonGroupId;
+  label: string;
+  commands: readonly RibbonCommandView[];
+}
+//#endregion
 //#region src/render/p14-transition-keyframes.d.ts
 /** Part 1: conveyor / doors / ferris / flash / flythrough / gallery / glitter / honeycomb / pan. */
 declare const P14_TRANSITION_KEYFRAMES = "\n/* ── Conveyor (translate X with staggered timing) ──────────────────── */\n@keyframes pptx-tr-conveyor-in-from-right {\n\tfrom { transform: translateX(100%) rotateY(-30deg); }\n\t60%  { transform: translateX(20%) rotateY(-10deg); }\n\tto   { transform: translateX(0) rotateY(0deg); }\n}\n@keyframes pptx-tr-conveyor-out-to-left {\n\tfrom { transform: translateX(0) rotateY(0deg); }\n\t40%  { transform: translateX(-20%) rotateY(10deg); }\n\tto   { transform: translateX(-100%) rotateY(30deg); }\n}\n@keyframes pptx-tr-conveyor-in-from-left {\n\tfrom { transform: translateX(-100%) rotateY(30deg); }\n\t60%  { transform: translateX(-20%) rotateY(10deg); }\n\tto   { transform: translateX(0) rotateY(0deg); }\n}\n@keyframes pptx-tr-conveyor-out-to-right {\n\tfrom { transform: translateX(0) rotateY(0deg); }\n\t40%  { transform: translateX(20%) rotateY(-10deg); }\n\tto   { transform: translateX(100%) rotateY(-30deg); }\n}\n\n/* ── Doors (clip-path from center split) ──────────────────────────────\n   MEASURED via COM CreateVideo: PowerPoint's `dir=\"horz\"` names a\n   HORIZONTAL split line (two panels stacked top/bottom, opening upward and\n   downward), and `dir=\"vert\"` a VERTICAL split line (panels side by side,\n   opening left and right) - the opposite of what \"clips left/right\" vs\n   \"clips top/bottom\" would suggest at a glance. Keep the clip-path bodies\n   matched to the MEASURED direction, not the intuitive one. */\n@keyframes pptx-tr-doors-horz {\n\tfrom { clip-path: inset(50% 0); }\n\tto   { clip-path: inset(0 0); }\n}\n@keyframes pptx-tr-doors-vert {\n\tfrom { clip-path: inset(0 50%); }\n\tto   { clip-path: inset(0 0); }\n}\n\n/* ── Ferris (rotate elements around center) ───────────────────────── */\n@keyframes pptx-tr-ferris-in-from-right {\n\tfrom { transform: translateX(80%) rotate(45deg) scale(0.6); opacity: 0; }\n\tto   { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }\n}\n@keyframes pptx-tr-ferris-out-to-left {\n\tfrom { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }\n\tto   { transform: translateX(-80%) rotate(-45deg) scale(0.6); opacity: 0; }\n}\n@keyframes pptx-tr-ferris-in-from-left {\n\tfrom { transform: translateX(-80%) rotate(-45deg) scale(0.6); opacity: 0; }\n\tto   { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }\n}\n@keyframes pptx-tr-ferris-out-to-right {\n\tfrom { transform: translateX(0) rotate(0deg) scale(1); opacity: 1; }\n\tto   { transform: translateX(80%) rotate(45deg) scale(0.6); opacity: 0; }\n}\n\n/* ── Flash (bright flash opacity burst) ──────────────────────────── */\n@keyframes pptx-tr-flash-white {\n\t0%   { opacity: 1; }\n\t30%  { opacity: 0; }\n\t50%  { opacity: 0; }\n\t100% { opacity: 1; }\n}\n@keyframes pptx-tr-flash-in {\n\t0%   { opacity: 0; }\n\t50%  { opacity: 0; }\n\t70%  { opacity: 1; }\n\t100% { opacity: 1; }\n}\n\n/* ── Flythrough (scale + translate Z-axis feel) ──────────────────── */\n@keyframes pptx-tr-flythrough-in {\n\tfrom { transform: scale(4) translateZ(200px); opacity: 0; filter: blur(8px); }\n\tto   { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }\n}\n@keyframes pptx-tr-flythrough-out {\n\tfrom { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }\n\tto   { transform: scale(0.1) translateZ(-200px); opacity: 0; filter: blur(8px); }\n}\n@keyframes pptx-tr-flythrough-reverse-in {\n\tfrom { transform: scale(0.1) translateZ(-200px); opacity: 0; filter: blur(8px); }\n\tto   { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }\n}\n@keyframes pptx-tr-flythrough-reverse-out {\n\tfrom { transform: scale(1) translateZ(0); opacity: 1; filter: blur(0); }\n\tto   { transform: scale(4) translateZ(200px); opacity: 0; filter: blur(8px); }\n}\n\n/* ── Gallery (translate with perspective) ─────────────────────────── */\n@keyframes pptx-tr-gallery-in-from-right {\n\tfrom { transform: perspective(800px) translateX(100%) rotateY(-45deg); opacity: 0.5; }\n\tto   { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }\n}\n@keyframes pptx-tr-gallery-out-to-left {\n\tfrom { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }\n\tto   { transform: perspective(800px) translateX(-100%) rotateY(45deg); opacity: 0.5; }\n}\n@keyframes pptx-tr-gallery-in-from-left {\n\tfrom { transform: perspective(800px) translateX(-100%) rotateY(45deg); opacity: 0.5; }\n\tto   { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }\n}\n@keyframes pptx-tr-gallery-out-to-right {\n\tfrom { transform: perspective(800px) translateX(0) rotateY(0deg); opacity: 1; }\n\tto   { transform: perspective(800px) translateX(100%) rotateY(-45deg); opacity: 0.5; }\n}\n\n/* ── Glitter (particle dissolve effect) ──────────────────────────── */\n@keyframes pptx-tr-glitter-in {\n\tfrom { opacity: 0; filter: brightness(1.5) contrast(1.3) blur(2px); }\n\t60%  { opacity: 0.7; filter: brightness(1.2) contrast(1.1) blur(1px); }\n\tto   { opacity: 1; filter: brightness(1) contrast(1) blur(0); }\n}\n\n/* ── Honeycomb (hexagonal reveal) ────────────────────────────────── */\n@keyframes pptx-tr-honeycomb-in {\n\tfrom {\n\t\tclip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%);\n\t\topacity: 0;\n\t}\n\tto {\n\t\tclip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n\t\topacity: 1;\n\t}\n}\n@keyframes pptx-tr-honeycomb-out {\n\tfrom { opacity: 1; }\n\tto   { opacity: 0; filter: blur(2px); }\n}\n\n/* ── Pan (large-scale translate) ─────────────────────────────────── */\n@keyframes pptx-tr-pan-from-right {\n\tfrom { transform: translateX(100%); }\n\tto   { transform: translateX(0); }\n}\n@keyframes pptx-tr-pan-to-left {\n\tfrom { transform: translateX(0); }\n\tto   { transform: translateX(-100%); }\n}\n@keyframes pptx-tr-pan-from-left {\n\tfrom { transform: translateX(-100%); }\n\tto   { transform: translateX(0); }\n}\n@keyframes pptx-tr-pan-to-right {\n\tfrom { transform: translateX(0); }\n\tto   { transform: translateX(100%); }\n}\n@keyframes pptx-tr-pan-from-bottom {\n\tfrom { transform: translateY(100%); }\n\tto   { transform: translateY(0); }\n}\n@keyframes pptx-tr-pan-to-top {\n\tfrom { transform: translateY(0); }\n\tto   { transform: translateY(-100%); }\n}\n@keyframes pptx-tr-pan-from-top {\n\tfrom { transform: translateY(-100%); }\n\tto   { transform: translateY(0); }\n}\n@keyframes pptx-tr-pan-to-bottom {\n\tfrom { transform: translateY(0); }\n\tto   { transform: translateY(100%); }\n}\n";
@@ -15073,6 +15121,57 @@ interface SubtitleSettingsLabels {
   apply: string;
   cancel: string;
 }
+//#endregion
+//#region src/render/ribbon-galleries/gallery-types.d.ts
+/** Every gallery the ribbon offers. */
+type RibbonGalleryId = 'shapeStyles' | 'shapeEffects' | 'wordArtStyles' | 'pictureStyles' | 'pictureCorrections' | 'pictureColor' | 'pictureArtisticEffects' | 'bullets' | 'numbering' | 'tableStyles' | 'chartStyles' | 'chartColors' | 'chartQuickLayout' | 'smartArtStyles' | 'smartArtColors' | 'themeColors' | 'themeFonts';
+/** One tile. */
+interface RibbonGalleryItem {
+  /** Stable within its gallery; what `applyRibbonGalleryItem` takes. */
+  id: string;
+  /** i18n key of the tile's accessible name / tooltip. */
+  labelKey: string;
+  /** `{{name}}` interpolation values for `labelKey`. */
+  labelParams?: Readonly<Record<string, string | number>>;
+  /** English fallback for bindings whose dictionary lacks `labelKey`. */
+  label: string;
+  /**
+   * A complete, self-contained `<svg>` element (width/height/viewBox set).
+   * Built only from catalogue data and theme colours, never from user text,
+   * so it is safe to inject as markup.
+   */
+  previewSvg: string;
+  /**
+   * CSS `filter` the tile's preview carries (the Picture Adjust galleries),
+   * for a host that draws the thumbnail over a real image instead of
+   * `previewSvg`. Omitted when the preset has no CSS-expressible preview.
+   */
+  previewFilter?: string;
+  /** True when this entry is what the selection currently carries. */
+  applied: boolean;
+}
+/** A titled block of tiles (PowerPoint's "Theme Styles" / "Presets"). */
+interface RibbonGallerySection {
+  id: string;
+  /** i18n key of the section heading; omitted for an untitled section. */
+  titleKey?: string;
+  title?: string;
+  /** Tiles per row in the dropped-down grid. */
+  columns: number;
+  /** Preview tile size in CSS px (the SVG's own width/height). */
+  tileWidth: number;
+  tileHeight: number;
+  items: RibbonGalleryItem[];
+}
+interface RibbonGalleryDescriptor {
+  id: RibbonGalleryId;
+  /** i18n key of the gallery trigger / group caption. */
+  labelKey: string;
+  label: string;
+  sections: RibbonGallerySection[];
+  /** True when the selection cannot take this gallery (trigger disabled). */
+  disabled: boolean;
+}
 type ReadOnlyRecommendationKind = 'modifyVerifier' | 'markedFinal' | null;
 interface ReadOnlyRecommendation {
   readonly kind: ReadOnlyRecommendationKind;
@@ -15175,6 +15274,53 @@ interface CropSession {
   absentInsets: readonly (keyof CropInsets)[];
 }
 //#endregion
+//#region src/render/theme-editor-model.d.ts
+interface ThemeEditorEdit {
+  name: string;
+  colorScheme: PptxThemeColorScheme;
+  fontScheme: PptxThemeFontScheme;
+}
+type ThemeEditorLabels = Record<string, string>;
+//#endregion
+//#region src/web-components/theme-editor.d.ts
+interface PptxUiThemeEditorElement extends HTMLElement {
+  theme: PptxTheme | undefined;
+  labels: ThemeEditorLabels;
+  disabled: boolean;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'pptx-ui-theme-editor': PptxUiThemeEditorElement;
+  }
+}
+//#endregion
+//#region src/web-components/ribbon-section.d.ts
+interface PptxUiRibbonSectionElement extends HTMLElement {
+  groups: readonly RibbonGroupView[];
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'pptx-ui-ribbon-section': PptxUiRibbonSectionElement;
+  }
+}
+//#endregion
+//#region src/web-components/ribbon-gallery-view.d.ts
+type GalleryTranslate = (key: string, params?: Readonly<Record<string, string | number>>) => string;
+interface PptxUiRibbonGalleryElement extends HTMLElement {
+  readonly trigger: HTMLButtonElement;
+  readonly popup: HTMLElement;
+  descriptor: RibbonGalleryDescriptor | undefined;
+  translateLabel: GalleryTranslate;
+  disabled: boolean;
+  open: boolean;
+  close(): void;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'pptx-ui-ribbon-gallery': PptxUiRibbonGalleryElement;
+  }
+}
+//#endregion
 //#region src/web-components/subtitle-settings.d.ts
 interface PptxUiSubtitleSettingsElement extends HTMLElement {
   settings: SubtitleSettings;
@@ -18345,6 +18491,7 @@ interface UseThemeHandlersInput {
   bumpHistory: () => void;
 }
 interface ThemeHandlersResult {
+  handleApplyThemeEdit: (edit: ThemeEditorEdit) => Promise<void>;
   handleApplyTheme: (themePath: string, applyToAllMasters: boolean) => Promise<void>;
   handleUpdateThemeColorScheme: (colorScheme: PptxThemeColorScheme) => Promise<void>;
   handleUpdateThemeFontScheme: (fontScheme: PptxThemeFontScheme) => Promise<void>;