pptx-angular-viewer 4.16.0 → 4.16.1

package/i18n/es.cjs

@@ -1877,6 +1877,7 @@ var translations10 = {
   "pptx.review.hideInk": "Ocultar entrada de l\xE1piz",
   "pptx.review.markAllRead": "Marcar todo como le\xEDdo",
   "pptx.review.proofing": "Revisi\xF3n",
+  "pptx.review.ink": "Tinta",
   "pptx.review.protect": "Proteger",
   "pptx.review.readOnly": "Abrir siempre como solo lectura",
   "pptx.review.restrictPermission": "Restringir permisos",
@@ -3134,6 +3135,8 @@ var translations18 = {
   "pptx.ribbon.groupChartLayouts": "Dise\xF1os de gr\xE1fico",
   "pptx.ribbon.groupChartStyles": "Estilos de diagrama",
   "pptx.ribbon.groupSmartArtStyles": "Estilos SmartArt",
+  "pptx.ribbon.groupThemes": "Temas",
+  "pptx.ribbon.groupCustomize": "Personalizar",
   "pptx.ribbon.groupVariants": "Variantes",
   "pptx.gallery.more": "M\xE1s {{name}}",
   "pptx.gallery.shapeStyles.title": "Estilos de forma",

package/i18n/es.mjs

@@ -1851,6 +1851,7 @@ var translations10 = {
   "pptx.review.hideInk": "Ocultar entrada de l\xE1piz",
   "pptx.review.markAllRead": "Marcar todo como le\xEDdo",
   "pptx.review.proofing": "Revisi\xF3n",
+  "pptx.review.ink": "Tinta",
   "pptx.review.protect": "Proteger",
   "pptx.review.readOnly": "Abrir siempre como solo lectura",
   "pptx.review.restrictPermission": "Restringir permisos",
@@ -3108,6 +3109,8 @@ var translations18 = {
   "pptx.ribbon.groupChartLayouts": "Dise\xF1os de gr\xE1fico",
   "pptx.ribbon.groupChartStyles": "Estilos de diagrama",
   "pptx.ribbon.groupSmartArtStyles": "Estilos SmartArt",
+  "pptx.ribbon.groupThemes": "Temas",
+  "pptx.ribbon.groupCustomize": "Personalizar",
   "pptx.ribbon.groupVariants": "Variantes",
   "pptx.gallery.more": "M\xE1s {{name}}",
   "pptx.gallery.shapeStyles.title": "Estilos de forma",

package/i18n/fr.cjs

@@ -1877,6 +1877,7 @@ var translations10 = {
   "pptx.review.hideInk": "Masquer l'entr\xE9e manuscrite",
   "pptx.review.markAllRead": "Marquer tout comme lu",
   "pptx.review.proofing": "V\xE9rification",
+  "pptx.review.ink": "Encre",
   "pptx.review.protect": "Prot\xE9ger",
   "pptx.review.readOnly": "Toujours ouvrir en lecture seule",
   "pptx.review.restrictPermission": "Restreindre l'autorisation",
@@ -3134,6 +3135,8 @@ var translations18 = {
   "pptx.ribbon.groupChartLayouts": "Dispositions du graphique",
   "pptx.ribbon.groupChartStyles": "Styles du graphique",
   "pptx.ribbon.groupSmartArtStyles": "Styles SmartArt",
+  "pptx.ribbon.groupThemes": "Th\xE8mes",
+  "pptx.ribbon.groupCustomize": "Personnaliser",
   "pptx.ribbon.groupVariants": "Variantes",
   "pptx.gallery.more": "Autres {{name}}",
   "pptx.gallery.shapeStyles.title": "Styles de forme",

package/i18n/fr.mjs

@@ -1851,6 +1851,7 @@ var translations10 = {
   "pptx.review.hideInk": "Masquer l'entr\xE9e manuscrite",
   "pptx.review.markAllRead": "Marquer tout comme lu",
   "pptx.review.proofing": "V\xE9rification",
+  "pptx.review.ink": "Encre",
   "pptx.review.protect": "Prot\xE9ger",
   "pptx.review.readOnly": "Toujours ouvrir en lecture seule",
   "pptx.review.restrictPermission": "Restreindre l'autorisation",
@@ -3108,6 +3109,8 @@ var translations18 = {
   "pptx.ribbon.groupChartLayouts": "Dispositions du graphique",
   "pptx.ribbon.groupChartStyles": "Styles du graphique",
   "pptx.ribbon.groupSmartArtStyles": "Styles SmartArt",
+  "pptx.ribbon.groupThemes": "Th\xE8mes",
+  "pptx.ribbon.groupCustomize": "Personnaliser",
   "pptx.ribbon.groupVariants": "Variantes",
   "pptx.gallery.more": "Autres {{name}}",
   "pptx.gallery.shapeStyles.title": "Styles de forme",

package/i18n/zh-CN.cjs

@@ -1933,6 +1933,7 @@ var translations15 = {
   "pptx.review.hideInk": "\u9690\u85CF\u58A8\u8FF9",
   "pptx.review.markAllRead": "\u5168\u90E8\u6807\u8BB0\u4E3A\u5DF2\u8BFB",
   "pptx.review.proofing": "\u6821\u5BF9",
+  "pptx.review.ink": "\u58A8\u8FF9",
   "pptx.review.protect": "\u4FDD\u62A4",
   "pptx.review.readOnly": "\u59CB\u7EC8\u4EE5\u53EA\u8BFB\u65B9\u5F0F\u6253\u5F00",
   "pptx.review.restrictPermission": "\u9650\u5236\u6743\u9650",
@@ -3154,6 +3155,8 @@ var translations25 = {
   "pptx.ribbon.groupChartLayouts": "\u56FE\u8868\u5E03\u5C40",
   "pptx.ribbon.groupChartStyles": "\u56FE\u8868\u6837\u5F0F",
   "pptx.ribbon.groupSmartArtStyles": "SmartArt \u6837\u5F0F",
+  "pptx.ribbon.groupThemes": "\u4E3B\u9898",
+  "pptx.ribbon.groupCustomize": "\u81EA\u5B9A\u4E49",
   "pptx.ribbon.groupVariants": "\u53D8\u4F53",
   "pptx.gallery.more": "\u66F4\u591A{{name}}",
   "pptx.gallery.shapeStyles.title": "\u5F62\u72B6\u6837\u5F0F",

package/i18n/zh-CN.mjs

@@ -1907,6 +1907,7 @@ var translations15 = {
   "pptx.review.hideInk": "\u9690\u85CF\u58A8\u8FF9",
   "pptx.review.markAllRead": "\u5168\u90E8\u6807\u8BB0\u4E3A\u5DF2\u8BFB",
   "pptx.review.proofing": "\u6821\u5BF9",
+  "pptx.review.ink": "\u58A8\u8FF9",
   "pptx.review.protect": "\u4FDD\u62A4",
   "pptx.review.readOnly": "\u59CB\u7EC8\u4EE5\u53EA\u8BFB\u65B9\u5F0F\u6253\u5F00",
   "pptx.review.restrictPermission": "\u9650\u5236\u6743\u9650",
@@ -3128,6 +3129,8 @@ var translations25 = {
   "pptx.ribbon.groupChartLayouts": "\u56FE\u8868\u5E03\u5C40",
   "pptx.ribbon.groupChartStyles": "\u56FE\u8868\u6837\u5F0F",
   "pptx.ribbon.groupSmartArtStyles": "SmartArt \u6837\u5F0F",
+  "pptx.ribbon.groupThemes": "\u4E3B\u9898",
+  "pptx.ribbon.groupCustomize": "\u81EA\u5B9A\u4E49",
   "pptx.ribbon.groupVariants": "\u53D8\u4F53",
   "pptx.gallery.more": "\u66F4\u591A{{name}}",
   "pptx.gallery.shapeStyles.title": "\u5F62\u72B6\u6837\u5F0F",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-angular-viewer",
-	"version": "4.16.0",
+	"version": "4.16.1",
 	"description": "pptx-viewer for Angular: a PowerPoint viewer and editor component to render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"angular",
@@ -92,7 +92,7 @@
 		"jspdf": "^4.2.1",
 		"jszip": "^3.10.2",
 		"opentype.js": "^2.0.0",
-		"pptx-viewer-core": "^4.9.1",
+		"pptx-viewer-core": "^4.9.2",
 		"pptx-viewer-mcp": "^2.5.7",
 		"tslib": "^2.8.1",
 		"zod": ">=4.4.3 <4.5.3"

package/types/pptx-angular-viewer.d.ts

@@ -6574,6 +6574,7 @@ declare const RIBBON_CONTROL_CATALOG: {
             readonly label: "Language";
             readonly controls: {
                 readonly translate: "Translate";
+                readonly language: "Language";
             };
         };
         readonly comments: {
@@ -7271,6 +7272,28 @@ interface SlideShowRibbonGroup {
     commands: readonly SlideShowRibbonCommand[];
 }
 
+/** 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[];
+}
+
 /** Part 1: conveyor / doors / ferris / flash / flythrough / gallery / glitter / honeycomb / pan. */
 declare const P14_TRANSITION_KEYFRAMES = "\n/* \u2500\u2500 Conveyor (translate X with staggered timing) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Doors (clip-path from center split) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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/* \u2500\u2500 Ferris (rotate elements around center) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Flash (bright flash opacity burst) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Flythrough (scale + translate Z-axis feel) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Gallery (translate with perspective) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Glitter (particle dissolve effect) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Honeycomb (hexagonal reveal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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/* \u2500\u2500 Pan (large-scale translate) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\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";
 /** Part 2: prism / reveal / ripple / shred / switch / vortex / warp / wheelReverse / window. */
@@ -11020,6 +11043,73 @@ declare function clearAllLocalViewerData(): Promise<void>;
 /** Persist an updated profile via the shared viewer-prefs store. */
 declare function saveViewerProfile(profile: ViewerProfile): void;
 
+/**
+ * Framework-neutral types for the ribbon style galleries (Shape Styles,
+ * WordArt Styles, Picture Styles, Table Styles, Chart Styles, ...).
+ *
+ * A binding renders a gallery by asking `buildRibbonGallery(id, context)` for
+ * a {@link RibbonGalleryDescriptor} and mapping it onto its own markup: a
+ * trigger button, then a grid of tiles whose preview is the ready-made
+ * `previewSvg` string. Clicking a tile calls
+ * `applyRibbonGalleryItem(id, itemId, context)` and dispatches the returned
+ * {@link RibbonGalleryApplyResult} to the binding's existing update path.
+ * Everything that decides WHAT a gallery offers, how a tile looks and what
+ * OOXML a pick writes lives in shared, so a new entry reaches all five
+ * bindings at once.
+ *
+ * @module render/ribbon-galleries/gallery-types
+ */
+
+/** 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;
+}
+
 /**
  * Data-driven placeholder icon primitives for `ole` (embedded object)
  * elements: the Excel grid, Word document, PDF, Visio diagram, MathType
@@ -11522,6 +11612,32 @@ declare global {
     }
 }
 
+interface PptxUiRibbonSectionElement extends HTMLElement {
+    groups: readonly RibbonGroupView[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'pptx-ui-ribbon-section': PptxUiRibbonSectionElement;
+    }
+}
+
+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;
+    }
+}
+
 interface PptxUiSubtitleSettingsElement extends HTMLElement {
     settings: SubtitleSettings;
     labels: SubtitleSettingsLabels;
@@ -15280,7 +15396,7 @@ declare class ViewerInspectorPanelService {
     /** Inspector content, but null on mobile once the user has swiped it away. */
     readonly visibleInspectorKind: _angular_core.Signal<InspectorContent>;
     /** Accessible-label translation key for the inspector host, by active content. */
-    readonly inspectorLabel: _angular_core.Signal<"" | "pptx.accessibility.title" | "pptx.viewer.digitalSignatures" | "pptx.toolbar.comments" | "pptx.selectionPane.title" | "pptx.inspector.properties">;
+    readonly inspectorLabel: _angular_core.Signal<"" | "pptx.toolbar.comments" | "pptx.accessibility.title" | "pptx.viewer.digitalSignatures" | "pptx.selectionPane.title" | "pptx.inspector.properties">;
     /**
      * Dismiss the mobile bottom-sheet inspector (backdrop tap or a past-threshold
      * swipe-down): hide the host until reopened and clear any explicit tool panel.
@@ -24405,7 +24521,7 @@ declare class AccountPageComponent {
     readonly accountAuth: _angular_core.InputSignal<AccountAuthConfig | undefined>;
     private readonly translate;
     protected readonly swatches: readonly string[];
-    protected readonly version = "4.15.0";
+    protected readonly version = "4.16.0";
     protected readonly profile: _angular_core.WritableSignal<ViewerProfile>;
     protected readonly initial: _angular_core.Signal<string>;
     protected readonly usage: _angular_core.WritableSignal<LocalStorageUsageSummary | null>;
@@ -26318,17 +26434,31 @@ declare class RibbonColorPopoverComponent {
 }
 
 declare class RibbonDesignSectionComponent {
+    readonly groups: readonly {
+        id: RibbonGroupId;
+        labelKey: string;
+    }[];
+    readonly commands: readonly {
+        id: RibbonControlId;
+        labelKey: string;
+        titleKey: string;
+        icon: string;
+    }[];
     readonly themeGalleryOpen: _angular_core.InputSignal<boolean>;
-    /** Selection + editability for the Variants galleries. */
     readonly selectedElement: _angular_core.InputSignal<PptxElement | null>;
     readonly slideIndex: _angular_core.InputSignal<number>;
     readonly canEdit: _angular_core.InputSignal<boolean>;
     readonly toggleThemeGallery: _angular_core.OutputEmitterRef<void>;
-    /** "Edit Theme": open the theme gallery already in its customise mode. */
     readonly editTheme: _angular_core.OutputEmitterRef<void>;
-    /** "Slide Size": surface the inspector deck panel that owns the size card. */
     readonly openSlideSize: _angular_core.OutputEmitterRef<void>;
     readonly toggleInspector: _angular_core.OutputEmitterRef<void>;
+    protected view(id: RibbonControlId): {
+        disabled: boolean;
+        active: boolean;
+        expanded: boolean | undefined;
+        hidden: boolean;
+    };
+    protected request(id: RibbonControlId): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RibbonDesignSectionComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RibbonDesignSectionComponent, "pptx-ribbon-design-section", never, { "themeGalleryOpen": { "alias": "themeGalleryOpen"; "required": false; "isSignal": true; }; "selectedElement": { "alias": "selectedElement"; "required": false; "isSignal": true; }; "slideIndex": { "alias": "slideIndex"; "required": false; "isSignal": true; }; "canEdit": { "alias": "canEdit"; "required": false; "isSignal": true; }; }, { "toggleThemeGallery": "toggleThemeGallery"; "editTheme": "editTheme"; "openSlideSize": "openSlideSize"; "toggleInspector": "toggleInspector"; }, never, never, true, never>;
 }
@@ -26770,18 +26900,22 @@ declare class RibbonPrimaryRowComponent {
 }
 
 declare class RibbonReviewSectionComponent {
-    private readonly editor;
-    readonly spellCheckEnabled: _angular_core.InputSignal<boolean>;
-    readonly canEdit: _angular_core.InputSignal<boolean>;
+    private readonly translator;
+    private readonly state;
+    get spellCheckEnabled(): boolean;
+    set spellCheckEnabled(value: boolean);
+    get canEdit(): boolean;
+    set canEdit(value: boolean);
     readonly comments: _angular_core.OutputEmitterRef<void>;
     readonly spellCheckChange: _angular_core.OutputEmitterRef<boolean>;
     readonly a11y: _angular_core.OutputEmitterRef<void>;
     readonly openCompare: _angular_core.OutputEmitterRef<void>;
     readonly language: _angular_core.OutputEmitterRef<void>;
     readonly link: _angular_core.OutputEmitterRef<void>;
-    protected hasSel(): boolean;
+    readonly groups: _angular_core.Signal<RibbonGroupView[]>;
+    protected request(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RibbonReviewSectionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RibbonReviewSectionComponent, "pptx-ribbon-review-section", never, { "spellCheckEnabled": { "alias": "spellCheckEnabled"; "required": false; "isSignal": true; }; "canEdit": { "alias": "canEdit"; "required": false; "isSignal": true; }; }, { "comments": "comments"; "spellCheckChange": "spellCheckChange"; "a11y": "a11y"; "openCompare": "openCompare"; "language": "language"; "link": "link"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RibbonReviewSectionComponent, "pptx-ribbon-review-section", never, { "spellCheckEnabled": { "alias": "spellCheckEnabled"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; }, { "comments": "comments"; "spellCheckChange": "spellCheckChange"; "a11y": "a11y"; "openCompare": "openCompare"; "language": "language"; "link": "link"; }, never, never, true, never>;
 }
 
 /**