pptx-angular-viewer 1.8.0 → 1.9.0

package/fesm2022/pptx-angular-viewer.mjs

@@ -32216,6 +32216,198 @@ const TAB_ROW_ACTION_CLASSES = {
     recordDot: 'w-2 h-2 rounded-full bg-red-600 shrink-0',
 };
 
+/**
+ * Command-search data for the PowerPoint-style "Tell me what you want to do"
+ * search bar. Provides searchable command entries grouped by category, each
+ * mapping a label translation key to a command identifier that bindings can
+ * dispatch.
+ */
+/**
+ * Static catalogue of searchable commands. Bindings filter this list by the
+ * user's typed query (matching against the resolved translation text).
+ */
+const COMMAND_SEARCH_ENTRIES = [
+    // Format
+    { labelKey: 'pptx.textPanel.bold', command: 'format.bold', icon: 'bold', category: 'format' },
+    {
+        labelKey: 'pptx.textPanel.italic',
+        command: 'format.italic',
+        icon: 'italic',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.textPanel.underline',
+        command: 'format.underline',
+        icon: 'underline',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.ribbon.alignLeft',
+        command: 'format.alignLeft',
+        icon: 'alignLeft',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.ribbon.alignCenter',
+        command: 'format.alignCenter',
+        icon: 'alignCenter',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.ribbon.alignRight',
+        command: 'format.alignRight',
+        icon: 'alignRight',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.ribbon.clearFormatting',
+        command: 'format.clear',
+        icon: 'eraser',
+        category: 'format',
+    },
+    // Insert
+    {
+        labelKey: 'pptx.insert.addTextBox',
+        command: 'insert.textBox',
+        icon: 'type',
+        category: 'insert',
+    },
+    { labelKey: 'pptx.insert.addShape', command: 'insert.shape', icon: 'square', category: 'insert' },
+    {
+        labelKey: 'pptx.ribbon.insertImage',
+        command: 'insert.image',
+        icon: 'image',
+        category: 'insert',
+    },
+    {
+        labelKey: 'pptx.ribbon.insertMedia',
+        command: 'insert.media',
+        icon: 'video',
+        category: 'insert',
+    },
+    {
+        labelKey: 'pptx.insert.insertTable',
+        command: 'insert.table',
+        icon: 'table',
+        category: 'insert',
+    },
+    {
+        labelKey: 'pptx.ribbon.insertChart',
+        command: 'insert.chart',
+        icon: 'barChart',
+        category: 'insert',
+    },
+    {
+        labelKey: 'pptx.insert.insertSmartArt',
+        command: 'insert.smartArt',
+        icon: 'layers',
+        category: 'insert',
+    },
+    {
+        labelKey: 'pptx.insert.insertEquation',
+        command: 'insert.equation',
+        icon: 'sigma',
+        category: 'insert',
+    },
+    // View
+    { labelKey: 'pptx.grid.grid', command: 'view.toggleGrid', icon: 'grid', category: 'view' },
+    { labelKey: 'pptx.ruler.rulers', command: 'view.toggleRulers', icon: 'ruler', category: 'view' },
+    {
+        labelKey: 'pptx.slideSorter.title',
+        command: 'view.slideSorter',
+        icon: 'layoutGrid',
+        category: 'view',
+    },
+    {
+        labelKey: 'pptx.view.zoomToFit',
+        command: 'view.zoomToFit',
+        icon: 'maximize',
+        category: 'view',
+    },
+    // Slide Show
+    {
+        labelKey: 'pptx.slideShow.fromBeginning',
+        command: 'slideShow.fromBeginning',
+        icon: 'play',
+        category: 'slideShow',
+    },
+    {
+        labelKey: 'pptx.slideShow.presenterView',
+        command: 'slideShow.presenterView',
+        icon: 'monitor',
+        category: 'slideShow',
+    },
+    // Design
+    {
+        labelKey: 'pptx.ribbon.browseThemes',
+        command: 'design.browseThemes',
+        icon: 'palette',
+        category: 'design',
+    },
+    {
+        labelKey: 'pptx.ribbon.slideSize',
+        command: 'design.slideSize',
+        icon: 'monitor',
+        category: 'design',
+    },
+    // Arrange
+    {
+        labelKey: 'pptx.arrange.bringToFront',
+        command: 'arrange.bringToFront',
+        icon: 'layers',
+        category: 'arrange',
+    },
+    {
+        labelKey: 'pptx.arrange.sendToBack',
+        command: 'arrange.sendToBack',
+        icon: 'layers',
+        category: 'arrange',
+    },
+    {
+        labelKey: 'pptx.arrange.duplicate',
+        command: 'arrange.duplicate',
+        icon: 'copy',
+        category: 'arrange',
+    },
+    // Review
+    {
+        labelKey: 'pptx.review.spelling',
+        command: 'review.spelling',
+        icon: 'spellCheck',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.review.language',
+        command: 'review.language',
+        icon: 'globe',
+        category: 'format',
+    },
+    {
+        labelKey: 'pptx.review.accessibilityCheck',
+        command: 'review.accessibility',
+        icon: 'shieldCheck',
+        category: 'view',
+    },
+    {
+        labelKey: 'pptx.ribbon.link',
+        command: 'insert.link',
+        icon: 'link',
+        category: 'insert',
+    },
+];
+/**
+ * Filter the command catalogue by a search query (case-insensitive substring
+ * match against the resolved label). The `resolveLabel` callback is provided
+ * by the binding to translate the key into the current locale's text.
+ */
+function filterCommands(query, resolveLabel) {
+    if (!query.trim()) {
+        return [];
+    }
+    const lowerQuery = query.toLowerCase();
+    return COMMAND_SEARCH_ENTRIES.filter((entry) => resolveLabel(entry.labelKey).toLowerCase().includes(lowerQuery));
+}
+
 /**
  * IndexedDB-backed autosave recovery store, shared by every binding.
  *
@@ -68055,6 +68247,14 @@ const CHAR_SPACING_OPTIONS = [
     { label: 'Loose', value: 300 },
     { label: 'Very Loose', value: 600 },
 ];
+/** Change Case options matching PowerPoint's Aa dropdown. */
+const CHANGE_CASE_OPTIONS = [
+    { label: 'Sentence case.', value: 'sentence' },
+    { label: 'lowercase', value: 'lower' },
+    { label: 'UPPERCASE', value: 'upper' },
+    { label: 'Capitalize Each Word', value: 'capitalize' },
+    { label: 'tOGGLE cASE', value: 'toggle' },
+];
 class RibbonFontControlsComponent {
     editor = inject(EditorStateService);
     slideIndex = input(0, /* @ts-ignore */
@@ -68066,6 +68266,7 @@ class RibbonFontControlsComponent {
     fontColorPresets = FONT_COLOR_PRESETS;
     highlightColorPresets = HIGHLIGHT_COLOR_PRESETS;
     charSpacingOptions = CHAR_SPACING_OPTIONS;
+    changeCaseOptions = CHANGE_CASE_OPTIONS;
     isText() {
         return isTextElement(this.selectedElement());
     }
@@ -68110,6 +68311,21 @@ class RibbonFontControlsComponent {
     setCharSpacing(event) {
         this.patch({ characterSpacing: Number(event.target.value) });
     }
+    setChangeCase(event) {
+        const value = event.target.value;
+        switch (value) {
+            case 'upper':
+                this.patch({ textCaps: 'all' });
+                break;
+            case 'lower':
+            case 'sentence':
+            case 'capitalize':
+            case 'toggle':
+                this.patch({ textCaps: 'none' });
+                break;
+        }
+        event.target.selectedIndex = 0;
+    }
     toggleStyle(key) {
         this.patch({ [key]: !this.curStyle()?.[key] });
     }
@@ -68264,6 +68480,18 @@ class RibbonFontControlsComponent {
 				</option>
 			}
 		</select>
+		<!-- Change Case -->
+		<select
+			class="pptx-rb-select w-24"
+			[attr.aria-label]="'pptx.text.changeCase' | translate"
+			[disabled]="!isText()"
+			(change)="setChangeCase($event)"
+		>
+			<option value="" selected disabled>Aa</option>
+			@for (opt of changeCaseOptions; track opt.value) {
+				<option [value]="opt.value">{{ opt.label }}</option>
+			}
+		</select>
 		<!-- Font colour popover -->
 		<pptx-ribbon-color-popover
 			[current]="curColor()"
@@ -68424,6 +68652,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 				</option>
 			}
 		</select>
+		<!-- Change Case -->
+		<select
+			class="pptx-rb-select w-24"
+			[attr.aria-label]="'pptx.text.changeCase' | translate"
+			[disabled]="!isText()"
+			(change)="setChangeCase($event)"
+		>
+			<option value="" selected disabled>Aa</option>
+			@for (opt of changeCaseOptions; track opt.value) {
+				<option [value]="opt.value">{{ opt.label }}</option>
+			}
+		</select>
 		<!-- Font colour popover -->
 		<pptx-ribbon-color-popover
 			[current]="curColor()"
@@ -70399,19 +70639,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 class RibbonReviewSectionComponent {
     editor = inject(EditorStateService);
     comments = output();
+    spelling = output();
     a11y = output();
     openCompare = output();
+    language = output();
     link = output();
     hasSel() {
         return this.editor.selectedIds().length > 0;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonReviewSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RibbonReviewSectionComponent, isStandalone: true, selector: "pptx-ribbon-review-section", outputs: { comments: "comments", a11y: "a11y", openCompare: "openCompare", link: "link" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RibbonReviewSectionComponent, isStandalone: true, selector: "pptx-ribbon-review-section", outputs: { comments: "comments", spelling: "spelling", a11y: "a11y", openCompare: "openCompare", language: "language", link: "link" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<button type="button" class="pptx-rb-pill" (click)="comments.emit()">
 			{{ 'pptx.toolbar.comments' | translate }}
 		</button>
-		<button type="button" class="pptx-rb-pill" (click)="a11y.emit()">
-			{{ 'pptx.ribbon.accessibility' | translate }}
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.review.toggleSpellCheck' | translate"
+			(click)="spelling.emit()"
+		>
+			{{ 'pptx.review.spelling' | translate }}
 		</button>
 		<button
 			type="button"
@@ -70421,6 +70668,23 @@ class RibbonReviewSectionComponent {
 		>
 			{{ 'pptx.ribbon.compare' | translate }}
 		</button>
+		<span class="pptx-rb-sep"></span>
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.review.languageTooltip' | translate"
+			(click)="language.emit()"
+		>
+			{{ 'pptx.review.language' | translate }}
+		</button>
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.review.accessibilityCheckTooltip' | translate"
+			(click)="a11y.emit()"
+		>
+			{{ 'pptx.review.accessibilityCheck' | translate }}
+		</button>
 		@if (hasSel()) {
 			<button type="button" class="pptx-rb-pill" (click)="link.emit()">
 				{{ 'pptx.ribbon.link' | translate }}
@@ -70440,8 +70704,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 		<button type="button" class="pptx-rb-pill" (click)="comments.emit()">
 			{{ 'pptx.toolbar.comments' | translate }}
 		</button>
-		<button type="button" class="pptx-rb-pill" (click)="a11y.emit()">
-			{{ 'pptx.ribbon.accessibility' | translate }}
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.review.toggleSpellCheck' | translate"
+			(click)="spelling.emit()"
+		>
+			{{ 'pptx.review.spelling' | translate }}
 		</button>
 		<button
 			type="button"
@@ -70451,6 +70720,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 		>
 			{{ 'pptx.ribbon.compare' | translate }}
 		</button>
+		<span class="pptx-rb-sep"></span>
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.review.languageTooltip' | translate"
+			(click)="language.emit()"
+		>
+			{{ 'pptx.review.language' | translate }}
+		</button>
+		<button
+			type="button"
+			class="pptx-rb-pill"
+			[title]="'pptx.review.accessibilityCheckTooltip' | translate"
+			(click)="a11y.emit()"
+		>
+			{{ 'pptx.review.accessibilityCheck' | translate }}
+		</button>
 		@if (hasSel()) {
 			<button type="button" class="pptx-rb-pill" (click)="link.emit()">
 				{{ 'pptx.ribbon.link' | translate }}
@@ -70458,7 +70744,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 		}
 	`,
                 }]
-        }], propDecorators: { comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], link: [{ type: i0.Output, args: ["link"] }] } });
+        }], propDecorators: { comments: [{ type: i0.Output, args: ["comments"] }], spelling: [{ type: i0.Output, args: ["spelling"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], language: [{ type: i0.Output, args: ["language"] }], link: [{ type: i0.Output, args: ["link"] }] } });
 
 /**
  * ribbon-slideshow-section.component.ts: the Slide Show ribbon tab (From
@@ -70588,6 +70874,12 @@ class RibbonTransitionsSectionComponent {
     transitionChange = output();
     durationChange = output();
     transitionPresets = TRANSITION_PRESETS;
+    advanceOnClick = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "advanceOnClick" }] : /* istanbul ignore next */ []));
+    advanceAfter = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "advanceAfter" }] : /* istanbul ignore next */ []));
+    advanceAfterSeconds = signal('00:00.00', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "advanceAfterSeconds" }] : /* istanbul ignore next */ []));
     /** Apply the chosen transition to the active slide. */
     setTransition(type) {
         this.transitionChange.emit(type);
@@ -70668,6 +70960,14 @@ class RibbonTransitionsSectionComponent {
 			<span>s</span>
 		</label>
 		<span class="pptx-rb-sep"></span>
+		<!-- Sound -->
+		<label class="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
+			<span class="whitespace-nowrap">{{ 'pptx.ribbon.sound' | translate }}</span>
+			<select class="pptx-rb-select w-24">
+				<option value="none">{{ 'pptx.ribbon.soundNone' | translate }}</option>
+			</select>
+		</label>
+		<span class="pptx-rb-sep"></span>
 		<!-- Apply to all -->
 		<button
 			type="button"
@@ -70678,6 +70978,39 @@ class RibbonTransitionsSectionComponent {
 			⧉ {{ 'pptx.headerFooter.applyToAll' | translate }}
 		</button>
 		<span class="pptx-rb-sep"></span>
+		<!-- Advance Slide -->
+		<div class="inline-flex flex-col gap-1 text-xs text-muted-foreground">
+			<span class="text-[10px] font-medium text-foreground">{{
+				'pptx.ribbon.advanceSlide' | translate
+			}}</span>
+			<label class="inline-flex cursor-pointer items-center gap-1.5">
+				<input
+					type="checkbox"
+					[checked]="advanceOnClick()"
+					(change)="advanceOnClick.set($any($event.target).checked)"
+					class="accent-primary h-3 w-3"
+				/>
+				<span class="whitespace-nowrap">{{ 'pptx.ribbon.onMouseClick' | translate }}</span>
+			</label>
+			<label class="inline-flex cursor-pointer items-center gap-1.5">
+				<input
+					type="checkbox"
+					[checked]="advanceAfter()"
+					(change)="advanceAfter.set($any($event.target).checked)"
+					class="accent-primary h-3 w-3"
+				/>
+				<span class="whitespace-nowrap">{{ 'pptx.ribbon.afterDuration' | translate }}</span>
+				<input
+					type="text"
+					[value]="advanceAfterSeconds()"
+					(input)="advanceAfterSeconds.set($any($event.target).value)"
+					[disabled]="!advanceAfter()"
+					class="pptx-rb-select w-16 text-center disabled:opacity-50"
+					[title]="'pptx.ribbon.advanceAfterSeconds' | translate"
+				/>
+			</label>
+		</div>
+		<span class="pptx-rb-sep"></span>
 		<!-- Inspector -->
 		<button
 			type="button"
@@ -70743,6 +71076,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 			<span>s</span>
 		</label>
 		<span class="pptx-rb-sep"></span>
+		<!-- Sound -->
+		<label class="inline-flex items-center gap-1.5 text-xs text-muted-foreground">
+			<span class="whitespace-nowrap">{{ 'pptx.ribbon.sound' | translate }}</span>
+			<select class="pptx-rb-select w-24">
+				<option value="none">{{ 'pptx.ribbon.soundNone' | translate }}</option>
+			</select>
+		</label>
+		<span class="pptx-rb-sep"></span>
 		<!-- Apply to all -->
 		<button
 			type="button"
@@ -70753,6 +71094,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 			⧉ {{ 'pptx.headerFooter.applyToAll' | translate }}
 		</button>
 		<span class="pptx-rb-sep"></span>
+		<!-- Advance Slide -->
+		<div class="inline-flex flex-col gap-1 text-xs text-muted-foreground">
+			<span class="text-[10px] font-medium text-foreground">{{
+				'pptx.ribbon.advanceSlide' | translate
+			}}</span>
+			<label class="inline-flex cursor-pointer items-center gap-1.5">
+				<input
+					type="checkbox"
+					[checked]="advanceOnClick()"
+					(change)="advanceOnClick.set($any($event.target).checked)"
+					class="accent-primary h-3 w-3"
+				/>
+				<span class="whitespace-nowrap">{{ 'pptx.ribbon.onMouseClick' | translate }}</span>
+			</label>
+			<label class="inline-flex cursor-pointer items-center gap-1.5">
+				<input
+					type="checkbox"
+					[checked]="advanceAfter()"
+					(change)="advanceAfter.set($any($event.target).checked)"
+					class="accent-primary h-3 w-3"
+				/>
+				<span class="whitespace-nowrap">{{ 'pptx.ribbon.afterDuration' | translate }}</span>
+				<input
+					type="text"
+					[value]="advanceAfterSeconds()"
+					(input)="advanceAfterSeconds.set($any($event.target).value)"
+					[disabled]="!advanceAfter()"
+					class="pptx-rb-select w-16 text-center disabled:opacity-50"
+					[title]="'pptx.ribbon.advanceAfterSeconds' | translate"
+				/>
+			</label>
+		</div>
+		<span class="pptx-rb-sep"></span>
 		<!-- Inspector -->
 		<button
 			type="button"
@@ -71478,7 +71852,7 @@ class RibbonComponent {
 				}
 			</div>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: RibbonPrimaryRowComponent, selector: "pptx-ribbon-primary-row", inputs: ["slideCount", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount"], outputs: ["toggleSidebar", "toggleComments", "present", "presenter", "broadcast", "openCustomShows", "toggleInspector", "exportPng", "exportPdf", "exportGif", "exportVideo", "print", "info", "a11y", "save"] }, { kind: "component", type: RibbonFileSectionComponent, selector: "pptx-ribbon-file-section", inputs: ["slideCount", "exporting"], outputs: ["openFile", "save", "exportPng", "exportPdf", "exportGif", "exportVideo", "print", "info", "signatures", "replace", "openPassword", "openFontEmbedding", "openVersionHistory"] }, { kind: "component", type: RibbonHomeSectionComponent, selector: "pptx-ribbon-home-section", inputs: ["slideIndex", "selectedElement", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter", "findReplace", "applyLayout", "resetSlide", "addSection"] }, { kind: "component", type: RibbonInsertSectionComponent, selector: "pptx-ribbon-insert-section", inputs: ["slideIndex", "newChartType"], outputs: ["openSmartArtDialog", "openEquationDialog", "chartTypeChange"] }, { kind: "component", type: RibbonFontControlsComponent, selector: "pptx-ribbon-font-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonParagraphControlsComponent, selector: "pptx-ribbon-paragraph-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonArrangeSectionComponent, selector: "pptx-ribbon-arrange-section", inputs: ["slideIndex", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter"] }, { kind: "component", type: RibbonSlideshowSectionComponent, selector: "pptx-ribbon-slideshow-section", inputs: ["slideCount"], outputs: ["present", "presenter", "broadcast", "openCustomShows", "openSetUpSlideShow"] }, { kind: "component", type: RibbonReviewSectionComponent, selector: "pptx-ribbon-review-section", outputs: ["comments", "a11y", "openCompare", "link"] }, { kind: "component", type: RibbonViewSectionComponent, selector: "pptx-ribbon-view-section", inputs: ["canEdit", "showGrid", "showRulers", "showGuides", "snapToGrid", "eyedropperActive"], outputs: ["openSorter", "toggleNotes", "print", "openShortcuts", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "toggleSnapToGrid", "toggleEyedropper"] }, { kind: "component", type: RibbonDrawSectionComponent, selector: "pptx-ribbon-draw-section", inputs: ["activeTool", "drawingColor", "drawingWidth"], outputs: ["drawToolChange"] }, { kind: "component", type: RibbonDrawingGroupComponent, selector: "pptx-ribbon-drawing-group", inputs: ["canEdit"], outputs: ["shapeInsert", "moveLayer", "moveLayerToEdge"] }, { kind: "component", type: RibbonDesignSectionComponent, selector: "pptx-ribbon-design-section", inputs: ["themeGalleryOpen"], outputs: ["toggleThemeGallery", "info", "toggleInspector"] }, { kind: "component", type: RibbonTransitionsSectionComponent, selector: "pptx-ribbon-transitions-section", inputs: ["slideIndex", "selectedTransition", "transitionDurationSec"], outputs: ["present", "toggleInspector", "transitionChange", "durationChange"] }, { kind: "component", type: RibbonAnimationsSectionComponent, selector: "pptx-ribbon-animations-section", inputs: ["slideIndex", "selectedElement"], outputs: ["present", "toggleInspector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: RibbonPrimaryRowComponent, selector: "pptx-ribbon-primary-row", inputs: ["slideCount", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount"], outputs: ["toggleSidebar", "toggleComments", "present", "presenter", "broadcast", "openCustomShows", "toggleInspector", "exportPng", "exportPdf", "exportGif", "exportVideo", "print", "info", "a11y", "save"] }, { kind: "component", type: RibbonFileSectionComponent, selector: "pptx-ribbon-file-section", inputs: ["slideCount", "exporting"], outputs: ["openFile", "save", "exportPng", "exportPdf", "exportGif", "exportVideo", "print", "info", "signatures", "replace", "openPassword", "openFontEmbedding", "openVersionHistory"] }, { kind: "component", type: RibbonHomeSectionComponent, selector: "pptx-ribbon-home-section", inputs: ["slideIndex", "selectedElement", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter", "findReplace", "applyLayout", "resetSlide", "addSection"] }, { kind: "component", type: RibbonInsertSectionComponent, selector: "pptx-ribbon-insert-section", inputs: ["slideIndex", "newChartType"], outputs: ["openSmartArtDialog", "openEquationDialog", "chartTypeChange"] }, { kind: "component", type: RibbonFontControlsComponent, selector: "pptx-ribbon-font-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonParagraphControlsComponent, selector: "pptx-ribbon-paragraph-controls", inputs: ["slideIndex", "selectedElement"] }, { kind: "component", type: RibbonArrangeSectionComponent, selector: "pptx-ribbon-arrange-section", inputs: ["slideIndex", "formatPainterActive", "canActivateFormatPainter"], outputs: ["toggleFormatPainter"] }, { kind: "component", type: RibbonSlideshowSectionComponent, selector: "pptx-ribbon-slideshow-section", inputs: ["slideCount"], outputs: ["present", "presenter", "broadcast", "openCustomShows", "openSetUpSlideShow"] }, { kind: "component", type: RibbonReviewSectionComponent, selector: "pptx-ribbon-review-section", outputs: ["comments", "spelling", "a11y", "openCompare", "language", "link"] }, { kind: "component", type: RibbonViewSectionComponent, selector: "pptx-ribbon-view-section", inputs: ["canEdit", "showGrid", "showRulers", "showGuides", "snapToGrid", "eyedropperActive"], outputs: ["openSorter", "toggleNotes", "print", "openShortcuts", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "toggleSnapToGrid", "toggleEyedropper"] }, { kind: "component", type: RibbonDrawSectionComponent, selector: "pptx-ribbon-draw-section", inputs: ["activeTool", "drawingColor", "drawingWidth"], outputs: ["drawToolChange"] }, { kind: "component", type: RibbonDrawingGroupComponent, selector: "pptx-ribbon-drawing-group", inputs: ["canEdit"], outputs: ["shapeInsert", "moveLayer", "moveLayerToEdge"] }, { kind: "component", type: RibbonDesignSectionComponent, selector: "pptx-ribbon-design-section", inputs: ["themeGalleryOpen"], outputs: ["toggleThemeGallery", "info", "toggleInspector"] }, { kind: "component", type: RibbonTransitionsSectionComponent, selector: "pptx-ribbon-transitions-section", inputs: ["slideIndex", "selectedTransition", "transitionDurationSec"], outputs: ["present", "toggleInspector", "transitionChange", "durationChange"] }, { kind: "component", type: RibbonAnimationsSectionComponent, selector: "pptx-ribbon-animations-section", inputs: ["slideIndex", "selectedElement"], outputs: ["present", "toggleInspector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonComponent, decorators: [{
             type: Component,
@@ -73970,13 +74344,20 @@ class TitleBarComponent {
     findReplaceOpen = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "findReplaceOpen" }] : /* istanbul ignore next */ []));
     toggleAutosave = output();
-    /** Quick-access save (downloads the `.pptx`). */
     save = output();
     undo = output();
     redo = output();
     toggleFindReplace = output();
+    commandSearch = output();
+    translate = inject(TranslateService);
     tb = TITLE_BAR_CLASSES;
     defaultFileKey = TITLE_BAR_DEFAULT_FILE_KEY;
+    searchQuery = signal('', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchQuery" }] : /* istanbul ignore next */ []));
+    searchFocused = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "searchFocused" }] : /* istanbul ignore next */ []));
+    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). */
     statusKey = computed(() => {
         const status = this.autosaveStatus();
@@ -74003,8 +74384,37 @@ class TitleBarComponent {
         return '';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "statusStateClass" }] : /* istanbul ignore next */ []));
+    selectCommand(entry) {
+        this.commandSearch.emit(entry.command);
+        this.searchQuery.set('');
+        this.searchFocused.set(false);
+    }
+    openFindReplace() {
+        this.toggleFindReplace.emit();
+        this.searchFocused.set(false);
+        this.searchQuery.set('');
+    }
+    onSearchBlur() {
+        // Delay to allow mousedown on dropdown items to fire first.
+        setTimeout(() => this.searchFocused.set(false), 150);
+    }
+    onSearchKeyDown(event) {
+        if (event.key === 'Enter' && this.searchQuery().trim()) {
+            const results = this.commandResults();
+            if (results.length > 0) {
+                this.selectCommand(results[0]);
+            }
+            else {
+                this.openFindReplace();
+            }
+        }
+        else if (event.key === 'Escape') {
+            this.searchQuery.set('');
+            this.searchFocused.set(false);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TitleBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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 } }, outputs: { toggleAutosave: "toggleAutosave", save: "save", undo: "undo", redo: "redo", toggleFindReplace: "toggleFindReplace" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", 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 } }, outputs: { toggleAutosave: "toggleAutosave", save: "save", undo: "undo", redo: "redo", toggleFindReplace: "toggleFindReplace", commandSearch: "commandSearch" }, ngImport: i0, template: `
 		<div [class]="tb.container" data-pptx-title-bar>
 			<span [class]="tb.logo" aria-hidden="true">P</span>
 
@@ -74087,17 +74497,70 @@ class TitleBarComponent {
 
 			<span [class]="tb.searchWrap">
 				@if (canEdit()) {
-					<button
-						type="button"
-						[class]="tb.searchBox"
-						[ngClass]="findReplaceOpen() ? 'text-foreground bg-background' : ''"
-						[title]="'pptx.findReplace.title' | translate"
-						[attr.aria-label]="'pptx.titleBar.search' | translate"
-						(click)="toggleFindReplace.emit()"
-					>
-						<span [class]="tb.searchIcon" aria-hidden="true">⌕</span>
-						<span [class]="tb.searchLabel">{{ 'pptx.titleBar.search' | translate }}</span>
-					</button>
+					<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">⌕</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()"
+									>
+										<span aria-hidden="true">⌕</span>
+										<span
+											>{{ 'pptx.titleBar.searchContent' | translate }} &ldquo;{{
+												searchQuery()
+											}}&rdquo;</span
+										>
+									</button>
+								</div>
+							</div>
+						}
+					</div>
 				}
 			</span>
 
@@ -74195,17 +74658,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 			<span [class]="tb.searchWrap">
 				@if (canEdit()) {
-					<button
-						type="button"
-						[class]="tb.searchBox"
-						[ngClass]="findReplaceOpen() ? 'text-foreground bg-background' : ''"
-						[title]="'pptx.findReplace.title' | translate"
-						[attr.aria-label]="'pptx.titleBar.search' | translate"
-						(click)="toggleFindReplace.emit()"
-					>
-						<span [class]="tb.searchIcon" aria-hidden="true">⌕</span>
-						<span [class]="tb.searchLabel">{{ 'pptx.titleBar.search' | translate }}</span>
-					</button>
+					<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">⌕</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()"
+									>
+										<span aria-hidden="true">⌕</span>
+										<span
+											>{{ 'pptx.titleBar.searchContent' | translate }} &ldquo;{{
+												searchQuery()
+											}}&rdquo;</span
+										>
+									</button>
+								</div>
+							</div>
+						}
+					</div>
 				}
 			</span>
 
@@ -74213,7 +74729,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", 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 }] }], 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"] }] } });
+        }], 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 }] }], 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"] }] } });
 
 /**
  * viewer-dialogs.service.ts: Viewer-scoped open-state + light state for the
@@ -80945,7 +81461,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", "snapToGuides", "autoFit", "interactive", "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"], outputs: ["indexChange", "closed", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow"] }, { 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: 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: InspectorPanelComponent, selector: "pptx-inspector-panel", inputs: ["element", "slideIndex"] }, { 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"], 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"], 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"], outputs: ["toggleMenu", "undo", "redo", "save", "present"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide"], outputs: ["update"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "showGrid", "showRulers", "showGuides", "snapToGrid", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "share", "broadcast", "openFile", "save", "toggleSidebar", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "shapeInsert", "moveLayer", "moveLayerToEdge"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen"], outputs: ["toggleAutosave", "save", "undo", "redo", "toggleFindReplace"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName"], outputs: ["applyTheme", "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"], outputs: ["restoreContent"] }, { 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", "snapToGuides", "autoFit", "interactive", "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"], outputs: ["indexChange", "closed", "annotationsExit"] }, { kind: "component", type: PresenterViewComponent, selector: "pptx-presenter-view", inputs: ["slides", "currentSlideIndex", "canvasSize", "templateElements", "mediaDataUrls", "presentationStartTime", "isAudienceWindowOpen"], outputs: ["movePresentationSlide", "exit", "openAudienceWindow", "closeAudienceWindow"] }, { 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: 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: InspectorPanelComponent, selector: "pptx-inspector-panel", inputs: ["element", "slideIndex"] }, { 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"], 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"], 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"], outputs: ["toggleMenu", "undo", "redo", "save", "present"] }, { kind: "component", type: NotesPanelComponent, selector: "pptx-notes-panel", inputs: ["slide"], outputs: ["update"] }, { kind: "component", type: RibbonComponent, selector: "pptx-ribbon", inputs: ["slideIndex", "slideCount", "canEdit", "selectedElement", "zoomPercent", "formatPainterActive", "canActivateFormatPainter", "exporting", "showGrid", "showRulers", "showGuides", "snapToGrid", "eyedropperActive", "themeGalleryOpen", "sidebarCollapsed", "inspectorOpen", "commentsOpen", "commentCount", "findOpen", "collabConnected", "connectedCount"], outputs: ["prev", "next", "zoomIn", "zoomOut", "zoomReset", "find", "present", "presenter", "record", "share", "broadcast", "openFile", "save", "toggleSidebar", "signatures", "info", "print", "comments", "a11y", "link", "openSorter", "toggleNotes", "toggleFormatPainter", "exportPng", "exportPdf", "exportGif", "exportVideo", "replace", "toggleInspector", "drawToolChange", "toggleThemeGallery", "toggleGrid", "toggleRulers", "toggleGuides", "toggleSelectionPane", "openCustomShows", "toggleSnapToGrid", "toggleEyedropper", "openSmartArtDialog", "openEquationDialog", "openSetUpSlideShow", "openCompare", "openPassword", "openFontEmbedding", "openVersionHistory", "openShortcuts", "shapeInsert", "moveLayer", "moveLayerToEdge"] }, { kind: "component", type: TitleBarComponent, selector: "pptx-title-bar", inputs: ["canEdit", "fileName", "isDirty", "autosaveStatus", "autosaveEnabled", "canUndo", "canRedo", "undoLabel", "redoLabel", "findReplaceOpen"], outputs: ["toggleAutosave", "save", "undo", "redo", "toggleFindReplace", "commandSearch"] }, { kind: "component", type: ThemeGalleryComponent, selector: "pptx-theme-gallery", inputs: ["open", "activeName"], outputs: ["applyTheme", "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"], outputs: ["restoreContent"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: PowerPointViewerComponent, decorators: [{
             type: Component,
@@ -82057,7 +82573,13 @@ const translationsEn = {
     'pptx.titleBar.savedToThisPc': 'Saved to this PC',
     'pptx.titleBar.defaultFileName': 'Presentation',
     'pptx.titleBar.search': 'Search',
+    'pptx.titleBar.searchPlaceholder': 'Tell me what you want to do',
     'pptx.titleBar.record': 'Record',
+    'pptx.titleBar.searchCommands': 'Actions',
+    'pptx.titleBar.searchContent': 'Find in Slides',
+    'pptx.titleBar.searchHelp': 'Get Help on',
+    'pptx.titleBar.searchNoResults': 'No results',
+    'pptx.titleBar.searchRecent': 'Recent',
     // Toolbar
     'pptx.toolbar.toggleSlidesPanel': 'Toggle slides panel',
     'pptx.toolbar.undo': 'Undo',
@@ -83674,6 +84196,12 @@ const translationsEn = {
     'pptx.ribbon.duration': 'Duration:',
     'pptx.ribbon.transitionDurationTitle': 'Transition duration in seconds',
     'pptx.ribbon.applyTransitionToAll': 'Apply transition to all slides',
+    'pptx.ribbon.advanceSlide': 'Advance Slide',
+    'pptx.ribbon.onMouseClick': 'On Mouse Click',
+    'pptx.ribbon.afterDuration': 'After:',
+    'pptx.ribbon.advanceAfterSeconds': 'Advance after specified duration',
+    'pptx.ribbon.sound': 'Sound:',
+    'pptx.ribbon.soundNone': '[No Sound]',
     'pptx.ribbon.inspector': 'Inspector',
     'pptx.ribbon.openInspectorTransitions': 'Open Inspector for full transition options',
     'pptx.ribbon.removeAnimation': 'Remove Animation',
@@ -83936,6 +84464,12 @@ const translationsEn = {
     'pptx.review.spelling': 'Spelling',
     'pptx.review.toggleComments': 'Toggle comments panel',
     'pptx.review.toggleSpellCheck': 'Toggle spell check',
+    'pptx.review.language': 'Language',
+    'pptx.review.languageTooltip': 'Set proofing language',
+    'pptx.review.accessibilityCheck': 'Check Accessibility',
+    'pptx.review.accessibilityCheckTooltip': 'Check for accessibility issues',
+    'pptx.review.translate': 'Translate',
+    'pptx.review.translateTooltip': 'Translate selected text',
     'pptx.shortcuts.action.cancelTextEdit': 'Cancel inline text / close menus',
     'pptx.shortcuts.action.clearSelection': 'Clear selection / close menus / cancel edit',
     'pptx.shortcuts.action.commitTextEdit': 'Commit inline text edit',
@@ -83990,6 +84524,12 @@ const translationsEn = {
     'pptx.tableCell.edgeBorderColorAria': '{{edge}} border colour',
     'pptx.tableCell.textColorAria': 'Text colour',
     'pptx.text.bulletList': 'Bullet List',
+    'pptx.text.changeCase': 'Change Case',
+    'pptx.text.changeCaseSentence': 'Sentence case.',
+    'pptx.text.changeCaseLower': 'lowercase',
+    'pptx.text.changeCaseUpper': 'UPPERCASE',
+    'pptx.text.changeCaseCapitalize': 'Capitalize Each Word',
+    'pptx.text.changeCaseToggle': 'tOGGLE cASE',
     'pptx.text.clearFormatting': 'Clear Formatting',
     'pptx.text.decreaseFontSize': 'Decrease Font Size',
     'pptx.text.decreaseIndent': 'Decrease Indent',