pptx-angular-viewer 1.6.0 → 1.7.0

package/fesm2022/pptx-angular-viewer.mjs

@@ -20327,7 +20327,7 @@ function buildParagraphs(element, fieldContext) {
  * value/label option lists into its own template / JSX.
  */
 /** Available text direction options (value/label pairs). */
-const TEXT_DIRECTION_OPTIONS = [
+const TEXT_DIRECTION_OPTIONS$1 = [
     ['horizontal', 'Horizontal'],
     ['vertical', 'Vertical'],
     ['vertical270', 'Vertical 270'],
@@ -49350,7 +49350,7 @@ class TextAdvancedPanelComponent {
     /** Exposed option arrays for the template. */
     alignOptions = ALIGN_OPTIONS;
     vAlignOptions = VALIGN_OPTIONS;
-    textDirectionOptions = TEXT_DIRECTION_OPTIONS;
+    textDirectionOptions = TEXT_DIRECTION_OPTIONS$1;
     // ── Short display label for alignment buttons ──────────────────────────────
     alignLabel(align) {
         switch (align) {
@@ -67261,6 +67261,260 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { activeTool: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTool", required: false }] }], drawingColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawingColor", required: false }] }], drawingWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawingWidth", required: false }] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }] } });
 
+/**
+ * ribbon-drawing-group.component.ts: Drawing group for the Home tab ribbon.
+ * Provides shape insertion, layer arrangement, and shape formatting placeholders.
+ */
+const SHAPE_PRESETS = [
+    'rectangle',
+    'roundedRectangle',
+    'ellipse',
+    'triangle',
+    'diamond',
+    'pentagon',
+    'hexagon',
+    'arrow',
+    'star5',
+    'heart',
+    'cloud',
+    'callout',
+];
+class RibbonDrawingGroupComponent {
+    canEdit = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canEdit" }] : /* istanbul ignore next */ []));
+    shapeInsert = output();
+    moveLayer = output();
+    moveLayerToEdge = output();
+    shapes = SHAPE_PRESETS;
+    shapesOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shapesOpen" }] : /* istanbul ignore next */ []));
+    arrangeOpen = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "arrangeOpen" }] : /* istanbul ignore next */ []));
+    onShapeSelect(shape) {
+        this.shapesOpen.set(false);
+        this.shapeInsert.emit(shape);
+    }
+    onArrange(direction) {
+        this.arrangeOpen.set(false);
+        this.moveLayer.emit(direction);
+    }
+    onArrangeEdge(edge) {
+        this.arrangeOpen.set(false);
+        this.moveLayerToEdge.emit(edge);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonDrawingGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RibbonDrawingGroupComponent, isStandalone: true, selector: "pptx-ribbon-drawing-group", inputs: { canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { shapeInsert: "shapeInsert", moveLayer: "moveLayer", moveLayerToEdge: "moveLayerToEdge" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+		<!-- Shapes -->
+		<div class="flex flex-col items-center gap-0.5">
+			<div class="pptx-rb-grp">
+				<div class="relative">
+					<button
+						type="button"
+						class="pptx-rb-gb"
+						[disabled]="!canEdit()"
+						[title]="'pptx.ribbon.shapes' | translate"
+						(click)="shapesOpen.set(!shapesOpen())"
+					>
+						{{ 'pptx.ribbon.shapes' | translate }} ▾
+					</button>
+					@if (shapesOpen()) {
+						<div
+							class="absolute left-0 top-full z-50 mt-0.5 grid grid-cols-4 gap-0.5 rounded border border-border bg-popover p-1 shadow-md"
+						>
+							@for (shape of shapes; track shape) {
+								<button
+									type="button"
+									class="rounded px-1.5 py-0.5 text-[10px] hover:bg-accent"
+									(click)="onShapeSelect(shape)"
+								>
+									{{ shape }}
+								</button>
+							}
+						</div>
+					}
+				</div>
+				<!-- Arrange -->
+				<div class="relative">
+					<button
+						type="button"
+						class="pptx-rb-gb"
+						[disabled]="!canEdit()"
+						[title]="'pptx.arrange.arrange' | translate"
+						(click)="arrangeOpen.set(!arrangeOpen())"
+					>
+						{{ 'pptx.arrange.arrange' | translate }} ▾
+					</button>
+					@if (arrangeOpen()) {
+						<div
+							class="absolute left-0 top-full z-50 mt-0.5 flex flex-col rounded border border-border bg-popover p-1 shadow-md"
+						>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrange('up')"
+							>
+								{{ 'pptx.arrange.bringForward' | translate }}
+							</button>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrange('down')"
+							>
+								{{ 'pptx.arrange.sendBackward' | translate }}
+							</button>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrangeEdge('front')"
+							>
+								{{ 'pptx.arrange.bringToFront' | translate }}
+							</button>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrangeEdge('back')"
+							>
+								{{ 'pptx.arrange.sendToBack' | translate }}
+							</button>
+						</div>
+					}
+				</div>
+			</div>
+			<span class="text-[9px] leading-none text-muted-foreground">
+				{{ 'pptx.ribbon.drawing' | translate }}
+			</span>
+		</div>
+		<span class="pptx-rb-sep"></span>
+		<!-- Shape formatting (placeholders) -->
+		<div class="flex flex-col items-center gap-0.5">
+			<div class="pptx-rb-grp">
+				<button type="button" class="pptx-rb-gb" disabled>
+					{{ 'pptx.ribbon.shapeFill' | translate }}
+				</button>
+				<button type="button" class="pptx-rb-gb" disabled>
+					{{ 'pptx.ribbon.shapeOutline' | translate }}
+				</button>
+				<button type="button" class="pptx-rb-gb" disabled>
+					{{ 'pptx.ribbon.shapeEffects' | translate }}
+				</button>
+			</div>
+			<span class="text-[9px] leading-none text-muted-foreground">
+				{{ 'pptx.ribbon.shapeStyles' | translate }}
+			</span>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonDrawingGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-ribbon-drawing-group',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
+                    imports: [TranslatePipe],
+                    template: `
+		<!-- Shapes -->
+		<div class="flex flex-col items-center gap-0.5">
+			<div class="pptx-rb-grp">
+				<div class="relative">
+					<button
+						type="button"
+						class="pptx-rb-gb"
+						[disabled]="!canEdit()"
+						[title]="'pptx.ribbon.shapes' | translate"
+						(click)="shapesOpen.set(!shapesOpen())"
+					>
+						{{ 'pptx.ribbon.shapes' | translate }} ▾
+					</button>
+					@if (shapesOpen()) {
+						<div
+							class="absolute left-0 top-full z-50 mt-0.5 grid grid-cols-4 gap-0.5 rounded border border-border bg-popover p-1 shadow-md"
+						>
+							@for (shape of shapes; track shape) {
+								<button
+									type="button"
+									class="rounded px-1.5 py-0.5 text-[10px] hover:bg-accent"
+									(click)="onShapeSelect(shape)"
+								>
+									{{ shape }}
+								</button>
+							}
+						</div>
+					}
+				</div>
+				<!-- Arrange -->
+				<div class="relative">
+					<button
+						type="button"
+						class="pptx-rb-gb"
+						[disabled]="!canEdit()"
+						[title]="'pptx.arrange.arrange' | translate"
+						(click)="arrangeOpen.set(!arrangeOpen())"
+					>
+						{{ 'pptx.arrange.arrange' | translate }} ▾
+					</button>
+					@if (arrangeOpen()) {
+						<div
+							class="absolute left-0 top-full z-50 mt-0.5 flex flex-col rounded border border-border bg-popover p-1 shadow-md"
+						>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrange('up')"
+							>
+								{{ 'pptx.arrange.bringForward' | translate }}
+							</button>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrange('down')"
+							>
+								{{ 'pptx.arrange.sendBackward' | translate }}
+							</button>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrangeEdge('front')"
+							>
+								{{ 'pptx.arrange.bringToFront' | translate }}
+							</button>
+							<button
+								type="button"
+								class="whitespace-nowrap rounded px-2 py-0.5 text-left text-[11px] hover:bg-accent"
+								(click)="onArrangeEdge('back')"
+							>
+								{{ 'pptx.arrange.sendToBack' | translate }}
+							</button>
+						</div>
+					}
+				</div>
+			</div>
+			<span class="text-[9px] leading-none text-muted-foreground">
+				{{ 'pptx.ribbon.drawing' | translate }}
+			</span>
+		</div>
+		<span class="pptx-rb-sep"></span>
+		<!-- Shape formatting (placeholders) -->
+		<div class="flex flex-col items-center gap-0.5">
+			<div class="pptx-rb-grp">
+				<button type="button" class="pptx-rb-gb" disabled>
+					{{ 'pptx.ribbon.shapeFill' | translate }}
+				</button>
+				<button type="button" class="pptx-rb-gb" disabled>
+					{{ 'pptx.ribbon.shapeOutline' | translate }}
+				</button>
+				<button type="button" class="pptx-rb-gb" disabled>
+					{{ 'pptx.ribbon.shapeEffects' | translate }}
+				</button>
+			</div>
+			<span class="text-[9px] leading-none text-muted-foreground">
+				{{ 'pptx.ribbon.shapeStyles' | translate }}
+			</span>
+		</div>
+	`,
+                }]
+        }], propDecorators: { canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], shapeInsert: [{ type: i0.Output, args: ["shapeInsert"] }], moveLayer: [{ type: i0.Output, args: ["moveLayer"] }], moveLayerToEdge: [{ type: i0.Output, args: ["moveLayerToEdge"] }] } });
+
 /**
  * ribbon-file-section.component.ts: the File ribbon tab (Open/Save, PNG/PDF/GIF/
  * Video export group, Print/Properties/Signatures/Replace, Protect/Embed fonts/
@@ -67682,6 +67936,14 @@ const HIGHLIGHT_COLOR_PRESETS = [
     '#008000',
     '#800080',
 ];
+/** Character spacing presets (hundredths of a point, per OOXML `a:rPr/@spc`). */
+const CHAR_SPACING_OPTIONS = [
+    { label: 'Very Tight', value: -300 },
+    { label: 'Tight', value: -150 },
+    { label: 'Normal', value: 0 },
+    { label: 'Loose', value: 300 },
+    { label: 'Very Loose', value: 600 },
+];
 class RibbonFontControlsComponent {
     editor = inject(EditorStateService);
     slideIndex = input(0, /* @ts-ignore */
@@ -67692,6 +67954,7 @@ class RibbonFontControlsComponent {
     fontSizes = FONT_SIZES;
     fontColorPresets = FONT_COLOR_PRESETS;
     highlightColorPresets = HIGHLIGHT_COLOR_PRESETS;
+    charSpacingOptions = CHAR_SPACING_OPTIONS;
     isText() {
         return isTextElement(this.selectedElement());
     }
@@ -67712,6 +67975,30 @@ class RibbonFontControlsComponent {
     curHighlight() {
         return this.curStyle()?.highlightColor ?? '#ffff00';
     }
+    /** Current character spacing of the selection (for dropdown state). */
+    curCharSpacing() {
+        return this.curStyle()?.characterSpacing ?? 0;
+    }
+    toggleShadow() {
+        const has = Boolean(this.curStyle()?.textShadowColor);
+        this.patch(has
+            ? {
+                textShadowColor: undefined,
+                textShadowBlur: undefined,
+                textShadowOffsetX: undefined,
+                textShadowOffsetY: undefined,
+            }
+            : {
+                textShadowColor: '#000000',
+                textShadowBlur: 4,
+                textShadowOffsetX: 1,
+                textShadowOffsetY: 1,
+                textShadowOpacity: 0.5,
+            });
+    }
+    setCharSpacing(event) {
+        this.patch({ characterSpacing: Number(event.target.value) });
+    }
     toggleStyle(key) {
         this.patch({ [key]: !this.curStyle()?.[key] });
     }
@@ -67842,6 +68129,30 @@ class RibbonFontControlsComponent {
 				S
 			</button>
 		</div>
+		<!-- Text Shadow toggle -->
+		<button
+			type="button"
+			class="pptx-rb-gb"
+			[disabled]="!isText()"
+			[ngClass]="curStyle()?.textShadowColor ? 'bg-accent' : ''"
+			[title]="'pptx.ribbon.textShadow' | translate"
+			(click)="toggleShadow()"
+		>
+			Shadow
+		</button>
+		<!-- Character Spacing -->
+		<select
+			class="pptx-rb-select w-20"
+			[attr.aria-label]="'pptx.ribbon.charSpacing' | translate"
+			[disabled]="!isText()"
+			(change)="setCharSpacing($event)"
+		>
+			@for (opt of charSpacingOptions; track opt.value) {
+				<option [value]="opt.value" [selected]="opt.value === curCharSpacing()">
+					{{ opt.label }}
+				</option>
+			}
+		</select>
 		<!-- Font colour popover -->
 		<pptx-ribbon-color-popover
 			[current]="curColor()"
@@ -67978,6 +68289,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 				S
 			</button>
 		</div>
+		<!-- Text Shadow toggle -->
+		<button
+			type="button"
+			class="pptx-rb-gb"
+			[disabled]="!isText()"
+			[ngClass]="curStyle()?.textShadowColor ? 'bg-accent' : ''"
+			[title]="'pptx.ribbon.textShadow' | translate"
+			(click)="toggleShadow()"
+		>
+			Shadow
+		</button>
+		<!-- Character Spacing -->
+		<select
+			class="pptx-rb-select w-20"
+			[attr.aria-label]="'pptx.ribbon.charSpacing' | translate"
+			[disabled]="!isText()"
+			(change)="setCharSpacing($event)"
+		>
+			@for (opt of charSpacingOptions; track opt.value) {
+				<option [value]="opt.value" [selected]="opt.value === curCharSpacing()">
+					{{ opt.label }}
+				</option>
+			}
+		</select>
 		<!-- Font colour popover -->
 		<pptx-ribbon-color-popover
 			[current]="curColor()"
@@ -68014,24 +68349,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }] } });
 
+/**
+ * ribbon-editing-section.component.ts: the Editing group in the Home ribbon tab
+ * (Find, Replace, Select All). Mirrors the React EditingSection and Vue
+ * EditingSection components.
+ */
+class RibbonEditingSectionComponent {
+    toggleFindReplace = output();
+    selectAll = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonEditingSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.5", type: RibbonEditingSectionComponent, isStandalone: true, selector: "pptx-ribbon-editing-section", outputs: { toggleFindReplace: "toggleFindReplace", selectAll: "selectAll" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+		<div class="pptx-rb-grp">
+			<button
+				type="button"
+				class="pptx-rb-gb"
+				[title]="'pptx.ribbon.find' | translate"
+				(click)="toggleFindReplace.emit()"
+			>
+				{{ 'pptx.ribbon.find' | translate }}
+			</button>
+			<button
+				type="button"
+				class="pptx-rb-gb"
+				[title]="'pptx.ribbon.replace' | translate"
+				(click)="toggleFindReplace.emit()"
+			>
+				{{ 'pptx.ribbon.replace' | translate }}
+			</button>
+			<button
+				type="button"
+				class="pptx-rb-gl"
+				[title]="'pptx.ribbon.selectAll' | translate"
+				(click)="selectAll.emit()"
+			>
+				{{ 'pptx.ribbon.selectAll' | translate }}
+			</button>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonEditingSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'pptx-ribbon-editing-section',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
+                    imports: [TranslatePipe],
+                    template: `
+		<div class="pptx-rb-grp">
+			<button
+				type="button"
+				class="pptx-rb-gb"
+				[title]="'pptx.ribbon.find' | translate"
+				(click)="toggleFindReplace.emit()"
+			>
+				{{ 'pptx.ribbon.find' | translate }}
+			</button>
+			<button
+				type="button"
+				class="pptx-rb-gb"
+				[title]="'pptx.ribbon.replace' | translate"
+				(click)="toggleFindReplace.emit()"
+			>
+				{{ 'pptx.ribbon.replace' | translate }}
+			</button>
+			<button
+				type="button"
+				class="pptx-rb-gl"
+				[title]="'pptx.ribbon.selectAll' | translate"
+				(click)="selectAll.emit()"
+			>
+				{{ 'pptx.ribbon.selectAll' | translate }}
+			</button>
+		</div>
+	`,
+                }]
+        }], propDecorators: { toggleFindReplace: [{ type: i0.Output, args: ["toggleFindReplace"] }], selectAll: [{ type: i0.Output, args: ["selectAll"] }] } });
+
 /**
  * ribbon-paragraph-controls.component.ts: the ribbon's reusable Paragraph control
  * group (bullet/numbered lists, indent/outdent, and alignment). Split out of
  * {@link RibbonComponent}'s `paragraphControls` ng-template so the Home and Text
  * tabs share one implementation. Behaviour and markup are unchanged.
  */
+/** Line spacing multiplier presets. */
+const LINE_SPACING_OPTIONS = [1.0, 1.15, 1.5, 2.0, 2.5, 3.0];
+/** Text direction presets (mirrors React/Vue). */
+const TEXT_DIRECTION_OPTIONS = [
+    { label: 'Horizontal', value: 'horizontal' },
+    { label: 'Rotate 90\u00B0', value: 'vertical' },
+    { label: 'Rotate 270\u00B0', value: 'vertical270' },
+    { label: 'Stacked', value: 'wordArtVert' },
+];
+/** Column count presets. */
+const COLUMN_OPTIONS = [1, 2, 3];
 class RibbonParagraphControlsComponent {
     editor = inject(EditorStateService);
     slideIndex = input(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "slideIndex" }] : /* istanbul ignore next */ []));
     selectedElement = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "selectedElement" }] : /* istanbul ignore next */ []));
+    lineSpacingOptions = LINE_SPACING_OPTIONS;
+    textDirectionOptions = TEXT_DIRECTION_OPTIONS;
+    columnOptions = COLUMN_OPTIONS;
     isText() {
         return isTextElement(this.selectedElement());
     }
     /** Current text style of the selection (for active-state highlighting). */
     curStyle = computed(() => textStyleOf(this.selectedElement()), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "curStyle" }] : /* istanbul ignore next */ []));
+    /** Current line spacing multiplier. */
+    curLineSpacing() {
+        return this.curStyle()?.lineSpacing ?? 1.0;
+    }
+    /** Current text direction. */
+    curTextDirection() {
+        return this.curStyle()?.textDirection ?? 'horizontal';
+    }
+    /** Current column count. */
+    curColumns() {
+        return this.curStyle()?.columnCount ?? 1;
+    }
     /** Toggle the paragraph list style (bullet / numbered) off when already set. */
     toggleList(kind) {
         this.patch({ listType: this.curStyle()?.listType === kind ? 'none' : kind });
@@ -68044,11 +68482,20 @@ class RibbonParagraphControlsComponent {
     setAlign(align) {
         this.patch({ align });
     }
+    setLineSpacing(event) {
+        this.patch({ lineSpacing: Number(event.target.value) });
+    }
+    setTextDirection(event) {
+        this.patch({ textDirection: event.target.value });
+    }
+    setColumns(event) {
+        this.patch({ columnCount: Number(event.target.value) });
+    }
     patch(patch) {
         patchTextStyle(this.editor, this.slideIndex(), this.selectedElement(), patch);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonParagraphControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: RibbonParagraphControlsComponent, isStandalone: true, selector: "pptx-ribbon-paragraph-controls", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RibbonParagraphControlsComponent, isStandalone: true, selector: "pptx-ribbon-paragraph-controls", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<!-- List style: bullets + numbering -->
 		<div class="pptx-rb-grp">
 			<button
@@ -68136,6 +68583,41 @@ class RibbonParagraphControlsComponent {
 				☰
 			</button>
 		</div>
+		<!-- Line Spacing -->
+		<select
+			class="pptx-rb-select w-14"
+			[attr.aria-label]="'pptx.ribbon.lineSpacing' | translate"
+			[disabled]="!isText()"
+			(change)="setLineSpacing($event)"
+		>
+			@for (ls of lineSpacingOptions; track ls) {
+				<option [value]="ls" [selected]="ls === curLineSpacing()">{{ ls }}</option>
+			}
+		</select>
+		<!-- Text Direction -->
+		<select
+			class="pptx-rb-select w-24"
+			[attr.aria-label]="'pptx.ribbon.textDirection' | translate"
+			[disabled]="!isText()"
+			(change)="setTextDirection($event)"
+		>
+			@for (dir of textDirectionOptions; track dir.value) {
+				<option [value]="dir.value" [selected]="dir.value === curTextDirection()">
+					{{ dir.label }}
+				</option>
+			}
+		</select>
+		<!-- Columns -->
+		<select
+			class="pptx-rb-select w-12"
+			[attr.aria-label]="'pptx.ribbon.columns' | translate"
+			[disabled]="!isText()"
+			(change)="setColumns($event)"
+		>
+			@for (c of columnOptions; track c) {
+				<option [value]="c" [selected]="c === curColumns()">{{ c }}</option>
+			}
+		</select>
 	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonParagraphControlsComponent, decorators: [{
@@ -68234,6 +68716,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 				☰
 			</button>
 		</div>
+		<!-- Line Spacing -->
+		<select
+			class="pptx-rb-select w-14"
+			[attr.aria-label]="'pptx.ribbon.lineSpacing' | translate"
+			[disabled]="!isText()"
+			(change)="setLineSpacing($event)"
+		>
+			@for (ls of lineSpacingOptions; track ls) {
+				<option [value]="ls" [selected]="ls === curLineSpacing()">{{ ls }}</option>
+			}
+		</select>
+		<!-- Text Direction -->
+		<select
+			class="pptx-rb-select w-24"
+			[attr.aria-label]="'pptx.ribbon.textDirection' | translate"
+			[disabled]="!isText()"
+			(change)="setTextDirection($event)"
+		>
+			@for (dir of textDirectionOptions; track dir.value) {
+				<option [value]="dir.value" [selected]="dir.value === curTextDirection()">
+					{{ dir.label }}
+				</option>
+			}
+		</select>
+		<!-- Columns -->
+		<select
+			class="pptx-rb-select w-12"
+			[attr.aria-label]="'pptx.ribbon.columns' | translate"
+			[disabled]="!isText()"
+			(change)="setColumns($event)"
+		>
+			@for (c of columnOptions; track c) {
+				<option [value]="c" [selected]="c === curColumns()">{{ c }}</option>
+			}
+		</select>
 	`,
                 }]
         }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }] } });
@@ -68255,6 +68772,10 @@ class RibbonHomeSectionComponent {
     canActivateFormatPainter = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "canActivateFormatPainter" }] : /* istanbul ignore next */ []));
     toggleFormatPainter = output();
+    findReplace = output();
+    applyLayout = output();
+    resetSlide = output();
+    addSection = output();
     hasSel() {
         return this.editor.selectedIds().length > 0;
     }
@@ -68267,8 +68788,11 @@ class RibbonHomeSectionComponent {
     paste() {
         this.editor.paste(this.slideIndex());
     }
+    onSelectAll() {
+        this.editor.selectAll(this.slideIndex());
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonHomeSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: RibbonHomeSectionComponent, isStandalone: true, selector: "pptx-ribbon-home-section", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, formatPainterActive: { classPropertyName: "formatPainterActive", publicName: "formatPainterActive", isSignal: true, isRequired: false, transformFunction: null }, canActivateFormatPainter: { classPropertyName: "canActivateFormatPainter", publicName: "canActivateFormatPainter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleFormatPainter: "toggleFormatPainter" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: RibbonHomeSectionComponent, isStandalone: true, selector: "pptx-ribbon-home-section", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, formatPainterActive: { classPropertyName: "formatPainterActive", publicName: "formatPainterActive", isSignal: true, isRequired: false, transformFunction: null }, canActivateFormatPainter: { classPropertyName: "canActivateFormatPainter", publicName: "canActivateFormatPainter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleFormatPainter: "toggleFormatPainter", findReplace: "findReplace", applyLayout: "applyLayout", resetSlide: "resetSlide", addSection: "addSection" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<!-- Clipboard -->
 		<div class="flex flex-col items-center gap-0.5">
 			<div class="pptx-rb-grp">
@@ -68335,6 +68859,30 @@ class RibbonHomeSectionComponent {
 				>
 					{{ 'pptx.arrange.duplicate' | translate }}
 				</button>
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					[title]="'pptx.ribbon.layout' | translate"
+					(click)="applyLayout.emit('blank')"
+				>
+					{{ 'pptx.ribbon.layout' | translate }}
+				</button>
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					[title]="'pptx.ribbon.resetSlide' | translate"
+					(click)="resetSlide.emit()"
+				>
+					{{ 'pptx.ribbon.resetSlide' | translate }}
+				</button>
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					[title]="'pptx.ribbon.section' | translate"
+					(click)="addSection.emit()"
+				>
+					{{ 'pptx.ribbon.section' | translate }}
+				</button>
 			</div>
 			<span class="text-[9px] leading-none text-muted-foreground">
 				{{ 'pptx.sections.slides' | translate }}
@@ -68366,7 +68914,18 @@ class RibbonHomeSectionComponent {
 				{{ 'pptx.ribbon.paragraph' | translate }}
 			</span>
 		</div>
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+		<span class="pptx-rb-sep"></span>
+		<!-- Editing -->
+		<div class="flex flex-col items-center gap-0.5">
+			<pptx-ribbon-editing-section
+				(toggleFindReplace)="findReplace.emit()"
+				(selectAll)="onSelectAll()"
+			/>
+			<span class="text-[9px] leading-none text-muted-foreground">
+				{{ 'pptx.ribbon.editing' | translate }}
+			</span>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: RibbonEditingSectionComponent, selector: "pptx-ribbon-editing-section", outputs: ["toggleFindReplace", "selectAll"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonHomeSectionComponent, decorators: [{
             type: Component,
@@ -68375,7 +68934,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { class: 'contents' },
-                    imports: [NgClass, TranslatePipe, RibbonFontControlsComponent, RibbonParagraphControlsComponent],
+                    imports: [
+                        NgClass,
+                        TranslatePipe,
+                        RibbonFontControlsComponent,
+                        RibbonParagraphControlsComponent,
+                        RibbonEditingSectionComponent,
+                    ],
                     template: `
 		<!-- Clipboard -->
 		<div class="flex flex-col items-center gap-0.5">
@@ -68443,6 +69008,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 				>
 					{{ 'pptx.arrange.duplicate' | translate }}
 				</button>
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					[title]="'pptx.ribbon.layout' | translate"
+					(click)="applyLayout.emit('blank')"
+				>
+					{{ 'pptx.ribbon.layout' | translate }}
+				</button>
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					[title]="'pptx.ribbon.resetSlide' | translate"
+					(click)="resetSlide.emit()"
+				>
+					{{ 'pptx.ribbon.resetSlide' | translate }}
+				</button>
+				<button
+					type="button"
+					class="pptx-rb-gb"
+					[title]="'pptx.ribbon.section' | translate"
+					(click)="addSection.emit()"
+				>
+					{{ 'pptx.ribbon.section' | translate }}
+				</button>
 			</div>
 			<span class="text-[9px] leading-none text-muted-foreground">
 				{{ 'pptx.sections.slides' | translate }}
@@ -68474,9 +69063,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 				{{ 'pptx.ribbon.paragraph' | translate }}
 			</span>
 		</div>
+		<span class="pptx-rb-sep"></span>
+		<!-- Editing -->
+		<div class="flex flex-col items-center gap-0.5">
+			<pptx-ribbon-editing-section
+				(toggleFindReplace)="findReplace.emit()"
+				(selectAll)="onSelectAll()"
+			/>
+			<span class="text-[9px] leading-none text-muted-foreground">
+				{{ 'pptx.ribbon.editing' | translate }}
+			</span>
+		</div>
 	`,
                 }]
-        }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }] } });
+        }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }], findReplace: [{ type: i0.Output, args: ["findReplace"] }], applyLayout: [{ type: i0.Output, args: ["applyLayout"] }], resetSlide: [{ type: i0.Output, args: ["resetSlide"] }], addSection: [{ type: i0.Output, args: ["addSection"] }] } });
 
 /**
  * ribbon-insert-fields.component.ts: the Insert tab's "Action" and "Field"
@@ -70308,13 +70908,12 @@ const TABS = [
     { id: 'file', labelKey: 'pptx.ribbon.tab.file' },
     { id: 'home', labelKey: 'pptx.ribbon.tab.home' },
     { id: 'insert', labelKey: 'pptx.ribbon.tab.insert' },
-    { id: 'text', labelKey: 'pptx.ribbon.tab.text' },
     { id: 'draw', labelKey: 'pptx.ribbon.tab.draw' },
-    { id: 'arrange', labelKey: 'pptx.ribbon.tab.arrange' },
     { id: 'design', labelKey: 'pptx.ribbon.tab.design' },
     { id: 'transitions', labelKey: 'pptx.ribbon.tab.transitions' },
     { id: 'animations', labelKey: 'pptx.ribbon.tab.animations' },
     { id: 'slideShow', labelKey: 'pptx.ribbon.tab.slideShow' },
+    { id: 'record', labelKey: 'pptx.ribbon.tab.record' },
     { id: 'review', labelKey: 'pptx.ribbon.tab.review' },
     { id: 'view', labelKey: 'pptx.ribbon.tab.view' },
     { id: 'help', labelKey: 'pptx.ribbon.tab.help' },
@@ -70459,6 +71058,12 @@ class RibbonComponent {
     openVersionHistory = output();
     /** Emitted when the user clicks "Shortcuts" in the Help tab. */
     openShortcuts = output();
+    /** Emitted when a shape is inserted from the Drawing group. */
+    shapeInsert = output();
+    /** Emitted when the user reorders an element layer (up/down). */
+    moveLayer = output();
+    /** Emitted when the user moves an element to front/back. */
+    moveLayerToEdge = output();
     tabs = TABS;
     /** Shared class tokens for the tab-row Record button. */
     tra = TAB_ROW_ACTION_CLASSES;
@@ -70494,7 +71099,7 @@ class RibbonComponent {
         this.drawToolChange.emit(state);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RibbonComponent, isStandalone: true, selector: "pptx-ribbon", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, slideCount: { classPropertyName: "slideCount", publicName: "slideCount", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, zoomPercent: { classPropertyName: "zoomPercent", publicName: "zoomPercent", isSignal: true, isRequired: false, transformFunction: null }, formatPainterActive: { classPropertyName: "formatPainterActive", publicName: "formatPainterActive", isSignal: true, isRequired: false, transformFunction: null }, canActivateFormatPainter: { classPropertyName: "canActivateFormatPainter", publicName: "canActivateFormatPainter", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null }, themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, sidebarCollapsed: { classPropertyName: "sidebarCollapsed", publicName: "sidebarCollapsed", isSignal: true, isRequired: false, transformFunction: null }, inspectorOpen: { classPropertyName: "inspectorOpen", publicName: "inspectorOpen", isSignal: true, isRequired: false, transformFunction: null }, commentsOpen: { classPropertyName: "commentsOpen", publicName: "commentsOpen", isSignal: true, isRequired: false, transformFunction: null }, commentCount: { classPropertyName: "commentCount", publicName: "commentCount", isSignal: true, isRequired: false, transformFunction: null }, findOpen: { classPropertyName: "findOpen", publicName: "findOpen", isSignal: true, isRequired: false, transformFunction: null }, collabConnected: { classPropertyName: "collabConnected", publicName: "collabConnected", isSignal: true, isRequired: false, transformFunction: null }, connectedCount: { classPropertyName: "connectedCount", publicName: "connectedCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { prev: "prev", next: "next", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomReset: "zoomReset", find: "find", present: "present", presenter: "presenter", record: "record", share: "share", broadcast: "broadcast", openFile: "openFile", save: "save", toggleSidebar: "toggleSidebar", signatures: "signatures", info: "info", print: "print", comments: "comments", a11y: "a11y", link: "link", openSorter: "openSorter", toggleNotes: "toggleNotes", toggleFormatPainter: "toggleFormatPainter", exportPng: "exportPng", exportPdf: "exportPdf", exportGif: "exportGif", exportVideo: "exportVideo", replace: "replace", toggleInspector: "toggleInspector", drawToolChange: "drawToolChange", toggleThemeGallery: "toggleThemeGallery", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", openCustomShows: "openCustomShows", toggleSnapToGrid: "toggleSnapToGrid", toggleEyedropper: "toggleEyedropper", openSmartArtDialog: "openSmartArtDialog", openEquationDialog: "openEquationDialog", openSetUpSlideShow: "openSetUpSlideShow", openCompare: "openCompare", openPassword: "openPassword", openFontEmbedding: "openFontEmbedding", openVersionHistory: "openVersionHistory", openShortcuts: "openShortcuts" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: RibbonComponent, isStandalone: true, selector: "pptx-ribbon", inputs: { slideIndex: { classPropertyName: "slideIndex", publicName: "slideIndex", isSignal: true, isRequired: false, transformFunction: null }, slideCount: { classPropertyName: "slideCount", publicName: "slideCount", isSignal: true, isRequired: false, transformFunction: null }, canEdit: { classPropertyName: "canEdit", publicName: "canEdit", isSignal: true, isRequired: false, transformFunction: null }, selectedElement: { classPropertyName: "selectedElement", publicName: "selectedElement", isSignal: true, isRequired: false, transformFunction: null }, zoomPercent: { classPropertyName: "zoomPercent", publicName: "zoomPercent", isSignal: true, isRequired: false, transformFunction: null }, formatPainterActive: { classPropertyName: "formatPainterActive", publicName: "formatPainterActive", isSignal: true, isRequired: false, transformFunction: null }, canActivateFormatPainter: { classPropertyName: "canActivateFormatPainter", publicName: "canActivateFormatPainter", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null }, showGrid: { classPropertyName: "showGrid", publicName: "showGrid", isSignal: true, isRequired: false, transformFunction: null }, showRulers: { classPropertyName: "showRulers", publicName: "showRulers", isSignal: true, isRequired: false, transformFunction: null }, showGuides: { classPropertyName: "showGuides", publicName: "showGuides", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, eyedropperActive: { classPropertyName: "eyedropperActive", publicName: "eyedropperActive", isSignal: true, isRequired: false, transformFunction: null }, themeGalleryOpen: { classPropertyName: "themeGalleryOpen", publicName: "themeGalleryOpen", isSignal: true, isRequired: false, transformFunction: null }, sidebarCollapsed: { classPropertyName: "sidebarCollapsed", publicName: "sidebarCollapsed", isSignal: true, isRequired: false, transformFunction: null }, inspectorOpen: { classPropertyName: "inspectorOpen", publicName: "inspectorOpen", isSignal: true, isRequired: false, transformFunction: null }, commentsOpen: { classPropertyName: "commentsOpen", publicName: "commentsOpen", isSignal: true, isRequired: false, transformFunction: null }, commentCount: { classPropertyName: "commentCount", publicName: "commentCount", isSignal: true, isRequired: false, transformFunction: null }, findOpen: { classPropertyName: "findOpen", publicName: "findOpen", isSignal: true, isRequired: false, transformFunction: null }, collabConnected: { classPropertyName: "collabConnected", publicName: "collabConnected", isSignal: true, isRequired: false, transformFunction: null }, connectedCount: { classPropertyName: "connectedCount", publicName: "connectedCount", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { prev: "prev", next: "next", zoomIn: "zoomIn", zoomOut: "zoomOut", zoomReset: "zoomReset", find: "find", present: "present", presenter: "presenter", record: "record", share: "share", broadcast: "broadcast", openFile: "openFile", save: "save", toggleSidebar: "toggleSidebar", signatures: "signatures", info: "info", print: "print", comments: "comments", a11y: "a11y", link: "link", openSorter: "openSorter", toggleNotes: "toggleNotes", toggleFormatPainter: "toggleFormatPainter", exportPng: "exportPng", exportPdf: "exportPdf", exportGif: "exportGif", exportVideo: "exportVideo", replace: "replace", toggleInspector: "toggleInspector", drawToolChange: "drawToolChange", toggleThemeGallery: "toggleThemeGallery", toggleGrid: "toggleGrid", toggleRulers: "toggleRulers", toggleGuides: "toggleGuides", toggleSelectionPane: "toggleSelectionPane", openCustomShows: "openCustomShows", toggleSnapToGrid: "toggleSnapToGrid", toggleEyedropper: "toggleEyedropper", openSmartArtDialog: "openSmartArtDialog", openEquationDialog: "openEquationDialog", openSetUpSlideShow: "openSetUpSlideShow", openCompare: "openCompare", openPassword: "openPassword", openFontEmbedding: "openFontEmbedding", openVersionHistory: "openVersionHistory", openShortcuts: "openShortcuts", shapeInsert: "shapeInsert", moveLayer: "moveLayer", moveLayerToEdge: "moveLayerToEdge" }, ngImport: i0, template: `
 		<div
 			role="toolbar"
 			aria-label="Presentation toolbar"
@@ -70627,6 +71232,24 @@ class RibbonComponent {
 							[formatPainterActive]="formatPainterActive()"
 							[canActivateFormatPainter]="canActivateFormatPainter()"
 							(toggleFormatPainter)="toggleFormatPainter.emit()"
+							(findReplace)="find.emit()"
+						/>
+						<span class="pptx-rb-sep"></span>
+						<pptx-ribbon-font-controls
+							[slideIndex]="slideIndex()"
+							[selectedElement]="selectedElement()"
+						/>
+						<span class="pptx-rb-sep"></span>
+						<pptx-ribbon-paragraph-controls
+							[slideIndex]="slideIndex()"
+							[selectedElement]="selectedElement()"
+						/>
+						<span class="pptx-rb-sep"></span>
+						<pptx-ribbon-drawing-group
+							[canEdit]="canEdit()"
+							(shapeInsert)="shapeInsert.emit($event)"
+							(moveLayer)="moveLayer.emit($event)"
+							(moveLayerToEdge)="moveLayerToEdge.emit($event)"
 						/>
 					}
 					@case ('insert') {
@@ -70735,10 +71358,16 @@ class RibbonComponent {
 							{{ 'pptx.ribbon.accessibility' | translate }}
 						</button>
 					}
+					@case ('record') {
+						<div class="flex items-center gap-2 px-2 py-1 text-[12px] text-muted-foreground">
+							<span class="text-red-500">&#x1F534;</span>
+							<span>{{ 'pptx.titleBar.record' | translate }}</span>
+						</div>
+					}
 				}
 			</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"] }, { 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: 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", "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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: RibbonComponent, decorators: [{
             type: Component,
@@ -70760,6 +71389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                         RibbonReviewSectionComponent,
                         RibbonViewSectionComponent,
                         RibbonDrawSectionComponent,
+                        RibbonDrawingGroupComponent,
                         RibbonDesignSectionComponent,
                         RibbonTransitionsSectionComponent,
                         RibbonAnimationsSectionComponent,
@@ -70897,6 +71527,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							[formatPainterActive]="formatPainterActive()"
 							[canActivateFormatPainter]="canActivateFormatPainter()"
 							(toggleFormatPainter)="toggleFormatPainter.emit()"
+							(findReplace)="find.emit()"
+						/>
+						<span class="pptx-rb-sep"></span>
+						<pptx-ribbon-font-controls
+							[slideIndex]="slideIndex()"
+							[selectedElement]="selectedElement()"
+						/>
+						<span class="pptx-rb-sep"></span>
+						<pptx-ribbon-paragraph-controls
+							[slideIndex]="slideIndex()"
+							[selectedElement]="selectedElement()"
+						/>
+						<span class="pptx-rb-sep"></span>
+						<pptx-ribbon-drawing-group
+							[canEdit]="canEdit()"
+							(shapeInsert)="shapeInsert.emit($event)"
+							(moveLayer)="moveLayer.emit($event)"
+							(moveLayerToEdge)="moveLayerToEdge.emit($event)"
 						/>
 					}
 					@case ('insert') {
@@ -71005,12 +71653,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							{{ 'pptx.ribbon.accessibility' | translate }}
 						</button>
 					}
+					@case ('record') {
+						<div class="flex items-center gap-2 px-2 py-1 text-[12px] text-muted-foreground">
+							<span class="text-red-500">&#x1F534;</span>
+							<span>{{ 'pptx.titleBar.record' | translate }}</span>
+						</div>
+					}
 				}
 			</div>
 		</div>
 	`,
                 }]
-        }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], zoomPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomPercent", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], sidebarCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarCollapsed", required: false }] }], inspectorOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "inspectorOpen", required: false }] }], commentsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentsOpen", required: false }] }], commentCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentCount", required: false }] }], findOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "findOpen", required: false }] }], collabConnected: [{ type: i0.Input, args: [{ isSignal: true, alias: "collabConnected", required: false }] }], connectedCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedCount", required: false }] }], prev: [{ type: i0.Output, args: ["prev"] }], next: [{ type: i0.Output, args: ["next"] }], zoomIn: [{ type: i0.Output, args: ["zoomIn"] }], zoomOut: [{ type: i0.Output, args: ["zoomOut"] }], zoomReset: [{ type: i0.Output, args: ["zoomReset"] }], find: [{ type: i0.Output, args: ["find"] }], present: [{ type: i0.Output, args: ["present"] }], presenter: [{ type: i0.Output, args: ["presenter"] }], record: [{ type: i0.Output, args: ["record"] }], share: [{ type: i0.Output, args: ["share"] }], broadcast: [{ type: i0.Output, args: ["broadcast"] }], openFile: [{ type: i0.Output, args: ["openFile"] }], save: [{ type: i0.Output, args: ["save"] }], toggleSidebar: [{ type: i0.Output, args: ["toggleSidebar"] }], signatures: [{ type: i0.Output, args: ["signatures"] }], info: [{ type: i0.Output, args: ["info"] }], print: [{ type: i0.Output, args: ["print"] }], comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], link: [{ type: i0.Output, args: ["link"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }], exportPng: [{ type: i0.Output, args: ["exportPng"] }], exportPdf: [{ type: i0.Output, args: ["exportPdf"] }], exportGif: [{ type: i0.Output, args: ["exportGif"] }], exportVideo: [{ type: i0.Output, args: ["exportVideo"] }], replace: [{ type: i0.Output, args: ["replace"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], openCustomShows: [{ type: i0.Output, args: ["openCustomShows"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }], openSmartArtDialog: [{ type: i0.Output, args: ["openSmartArtDialog"] }], openEquationDialog: [{ type: i0.Output, args: ["openEquationDialog"] }], openSetUpSlideShow: [{ type: i0.Output, args: ["openSetUpSlideShow"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], openPassword: [{ type: i0.Output, args: ["openPassword"] }], openFontEmbedding: [{ type: i0.Output, args: ["openFontEmbedding"] }], openVersionHistory: [{ type: i0.Output, args: ["openVersionHistory"] }], openShortcuts: [{ type: i0.Output, args: ["openShortcuts"] }] } });
+        }], propDecorators: { slideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideIndex", required: false }] }], slideCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "slideCount", required: false }] }], canEdit: [{ type: i0.Input, args: [{ isSignal: true, alias: "canEdit", required: false }] }], selectedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedElement", required: false }] }], zoomPercent: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomPercent", required: false }] }], formatPainterActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPainterActive", required: false }] }], canActivateFormatPainter: [{ type: i0.Input, args: [{ isSignal: true, alias: "canActivateFormatPainter", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], showGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGrid", required: false }] }], showRulers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRulers", required: false }] }], showGuides: [{ type: i0.Input, args: [{ isSignal: true, alias: "showGuides", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], eyedropperActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "eyedropperActive", required: false }] }], themeGalleryOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeGalleryOpen", required: false }] }], sidebarCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarCollapsed", required: false }] }], inspectorOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "inspectorOpen", required: false }] }], commentsOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentsOpen", required: false }] }], commentCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "commentCount", required: false }] }], findOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "findOpen", required: false }] }], collabConnected: [{ type: i0.Input, args: [{ isSignal: true, alias: "collabConnected", required: false }] }], connectedCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectedCount", required: false }] }], prev: [{ type: i0.Output, args: ["prev"] }], next: [{ type: i0.Output, args: ["next"] }], zoomIn: [{ type: i0.Output, args: ["zoomIn"] }], zoomOut: [{ type: i0.Output, args: ["zoomOut"] }], zoomReset: [{ type: i0.Output, args: ["zoomReset"] }], find: [{ type: i0.Output, args: ["find"] }], present: [{ type: i0.Output, args: ["present"] }], presenter: [{ type: i0.Output, args: ["presenter"] }], record: [{ type: i0.Output, args: ["record"] }], share: [{ type: i0.Output, args: ["share"] }], broadcast: [{ type: i0.Output, args: ["broadcast"] }], openFile: [{ type: i0.Output, args: ["openFile"] }], save: [{ type: i0.Output, args: ["save"] }], toggleSidebar: [{ type: i0.Output, args: ["toggleSidebar"] }], signatures: [{ type: i0.Output, args: ["signatures"] }], info: [{ type: i0.Output, args: ["info"] }], print: [{ type: i0.Output, args: ["print"] }], comments: [{ type: i0.Output, args: ["comments"] }], a11y: [{ type: i0.Output, args: ["a11y"] }], link: [{ type: i0.Output, args: ["link"] }], openSorter: [{ type: i0.Output, args: ["openSorter"] }], toggleNotes: [{ type: i0.Output, args: ["toggleNotes"] }], toggleFormatPainter: [{ type: i0.Output, args: ["toggleFormatPainter"] }], exportPng: [{ type: i0.Output, args: ["exportPng"] }], exportPdf: [{ type: i0.Output, args: ["exportPdf"] }], exportGif: [{ type: i0.Output, args: ["exportGif"] }], exportVideo: [{ type: i0.Output, args: ["exportVideo"] }], replace: [{ type: i0.Output, args: ["replace"] }], toggleInspector: [{ type: i0.Output, args: ["toggleInspector"] }], drawToolChange: [{ type: i0.Output, args: ["drawToolChange"] }], toggleThemeGallery: [{ type: i0.Output, args: ["toggleThemeGallery"] }], toggleGrid: [{ type: i0.Output, args: ["toggleGrid"] }], toggleRulers: [{ type: i0.Output, args: ["toggleRulers"] }], toggleGuides: [{ type: i0.Output, args: ["toggleGuides"] }], toggleSelectionPane: [{ type: i0.Output, args: ["toggleSelectionPane"] }], openCustomShows: [{ type: i0.Output, args: ["openCustomShows"] }], toggleSnapToGrid: [{ type: i0.Output, args: ["toggleSnapToGrid"] }], toggleEyedropper: [{ type: i0.Output, args: ["toggleEyedropper"] }], openSmartArtDialog: [{ type: i0.Output, args: ["openSmartArtDialog"] }], openEquationDialog: [{ type: i0.Output, args: ["openEquationDialog"] }], openSetUpSlideShow: [{ type: i0.Output, args: ["openSetUpSlideShow"] }], openCompare: [{ type: i0.Output, args: ["openCompare"] }], openPassword: [{ type: i0.Output, args: ["openPassword"] }], openFontEmbedding: [{ type: i0.Output, args: ["openFontEmbedding"] }], openVersionHistory: [{ type: i0.Output, args: ["openVersionHistory"] }], openShortcuts: [{ type: i0.Output, args: ["openShortcuts"] }], shapeInsert: [{ type: i0.Output, args: ["shapeInsert"] }], moveLayer: [{ type: i0.Output, args: ["moveLayer"] }], moveLayerToEdge: [{ type: i0.Output, args: ["moveLayerToEdge"] }] } });
 
 /**
  * selection-pane.component.ts: Side panel listing all elements on the active slide.
@@ -80176,7 +80830,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"] }, { 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"] }, { 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,
@@ -82792,6 +83446,7 @@ const translationsEn = {
     'pptx.ribbon.tab.transitions': 'Transitions',
     'pptx.ribbon.tab.animations': 'Animations',
     'pptx.ribbon.tab.slideShow': 'Slide Show',
+    'pptx.ribbon.tab.record': 'Record',
     'pptx.ribbon.tab.review': 'Review',
     'pptx.ribbon.tab.view': 'View',
     'pptx.ribbon.tab.help': 'Help',