pptx-angular-viewer 1.9.0 → 1.9.1

package/CHANGELOG.md

@@ -4,6 +4,8 @@ All notable changes to this project are documented here.
 This file is generated from [Conventional Commits](https://www.conventionalcommits.org)
 by [git-cliff](https://git-cliff.org); do not edit it by hand.
 
+## [1.9.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-angular-viewer@1.9.0) - 2026-07-07
+
 ## [1.8.0](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-angular-viewer@1.8.0) - 2026-07-07
 
 ## [1.7.2](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-angular-viewer@1.7.2) - 2026-07-07

package/fesm2022/pptx-angular-viewer.mjs

@@ -31812,9 +31812,16 @@ function reflowToDrawingShapes(layoutResult, nodes) {
  */
 function rebuildDrawingShapesIfCleared(smartArtData, layout, palette, style, elementId, box) {
     const shapes = smartArtData.drawingShapes;
-    if ((shapes !== undefined && shapes.length > 0) || smartArtData.nodes.length === 0) {
+    // Skip when:
+    // - shapes is undefined: the element never had drawing shapes (freshly
+    //   inserted); the family SVG renderer handles display from node data.
+    // - shapes is populated (length > 0): already current, no rebuild needed.
+    // - no nodes: nothing to lay out.
+    if (shapes === undefined || shapes.length > 0 || smartArtData.nodes.length === 0) {
         return smartArtData;
     }
+    // shapes is an empty array [] -- a structural edit cleared previously-
+    // populated shapes. Rebuild them from the algorithmic layout engine.
     const layoutResult = computeSmartArtLayout(smartArtData.nodes, box, palette, style, elementId, smartArtData.resolvedLayoutType, layout);
     return {
         ...smartArtData,
@@ -66533,6 +66540,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 	`, styles: [":host{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:9997}.pptx-ng-remote-selection{position:absolute;top:0;left:0;box-sizing:border-box;border:2px solid currentcolor;border-radius:2px;pointer-events:none;will-change:transform;transition:transform 90ms linear}.pptx-ng-remote-selection-label{position:absolute;top:-18px;left:-2px;max-width:150px;padding:1px 5px;border-radius:3px;color:#fff;font-family:system-ui,sans-serif;font-size:9px;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { presences: [{ type: i0.Input, args: [{ isSignal: true, alias: "presences", required: false }] }], elements: [{ type: i0.Input, args: [{ isSignal: true, alias: "elements", required: false }] }], activeSlideIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeSlideIndex", required: false }] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }] } });
 
+/**
+ * ribbon-text-helpers.ts: shared text-style helpers for the ribbon's Font and
+ * Paragraph control groups (split out of {@link RibbonComponent} so both the
+ * {@link RibbonFontControlsComponent} and {@link RibbonParagraphControlsComponent}
+ * mutate the selection's `textStyle` through the same code path).
+ */
+/** The selection's text style, or null when the element carries no text props. */
+function textStyleOf(el) {
+    return el && hasTextProperties(el) ? (el.textStyle ?? null) : null;
+}
+/** Whether the given element can take text formatting. */
+function isTextElement(el) {
+    return el !== null && hasTextProperties(el);
+}
+/** Merge `patch` into the selection's text style and commit via the editor. */
+function patchTextStyle(editor, slideIndex, el, patch) {
+    if (!el || !hasTextProperties(el)) {
+        return;
+    }
+    editor.updateElement(slideIndex, el.id, {
+        textStyle: { ...el.textStyle, ...patch },
+    });
+}
+
 /**
  * ribbon-animations-section.component.ts: the Animations ribbon tab (preview, the
  * Add Animation entrance/emphasis/exit gallery, Remove Animation, Animation
@@ -68170,30 +68201,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                 }]
         }], propDecorators: { current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], presets: [{ type: i0.Input, args: [{ isSignal: true, alias: "presets", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], titleKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleKey", required: false }] }], swatchAriaKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "swatchAriaKey", required: false }] }], pick: [{ type: i0.Output, args: ["pick"] }] } });
 
-/**
- * ribbon-text-helpers.ts: shared text-style helpers for the ribbon's Font and
- * Paragraph control groups (split out of {@link RibbonComponent} so both the
- * {@link RibbonFontControlsComponent} and {@link RibbonParagraphControlsComponent}
- * mutate the selection's `textStyle` through the same code path).
- */
-/** The selection's text style, or null when the element carries no text props. */
-function textStyleOf(el) {
-    return el && hasTextProperties(el) ? (el.textStyle ?? null) : null;
-}
-/** Whether the given element can take text formatting. */
-function isTextElement(el) {
-    return el !== null && hasTextProperties(el);
-}
-/** Merge `patch` into the selection's text style and commit via the editor. */
-function patchTextStyle(editor, slideIndex, el, patch) {
-    if (!el || !hasTextProperties(el)) {
-        return;
-    }
-    editor.updateElement(slideIndex, el.id, {
-        textStyle: { ...el.textStyle, ...patch },
-    });
-}
-
 /**
  * ribbon-font-controls.component.ts: the ribbon's reusable Font control group
  * (family/size dropdowns, grow/shrink, clear-formatting, bold/italic/underline/
@@ -80758,6 +80765,129 @@ class PowerPointViewerComponent {
         }
         this.findReplace.openFindReplace();
     }
+    /** Dispatch a command from the title-bar search palette. */
+    handleCommandSearch(command) {
+        const [category, action] = command.split('.');
+        switch (category) {
+            case 'format':
+                this.dispatchFormatCommand(action);
+                break;
+            case 'insert':
+                this.dispatchInsertCommand(action);
+                break;
+            case 'view':
+                this.dispatchViewCommand(action);
+                break;
+            case 'slideShow':
+                if (action === 'fromBeginning') {
+                    this.presentationMode.present();
+                }
+                else if (action === 'presenterView') {
+                    this.presentationMode.presentPresenter();
+                }
+                break;
+            case 'design':
+                if (action === 'browseThemes') {
+                    this.themeGallery.showThemeGallery.update((v) => !v);
+                }
+                else if (action === 'slideSize') {
+                    this.dialogs.showSetUpSlideShow.set(true);
+                }
+                break;
+            case 'arrange':
+                this.dispatchArrangeCommand(action);
+                break;
+            case 'review':
+                if (action === 'spelling') {
+                    this.findReplace.openFindReplace();
+                }
+                else if (action === 'accessibility') {
+                    this.inspectorPanel.togglePanel('accessibility');
+                }
+                break;
+        }
+    }
+    dispatchFormatCommand(action) {
+        const el = this.selectedElement();
+        const idx = this.activeSlideIndex();
+        switch (action) {
+            case 'bold':
+                patchTextStyle(this.editor, idx, el, { bold: true });
+                break;
+            case 'italic':
+                patchTextStyle(this.editor, idx, el, { italic: true });
+                break;
+            case 'underline':
+                patchTextStyle(this.editor, idx, el, { underline: true });
+                break;
+            case 'alignLeft':
+                patchTextStyle(this.editor, idx, el, { align: 'left' });
+                break;
+            case 'alignCenter':
+                patchTextStyle(this.editor, idx, el, { align: 'center' });
+                break;
+            case 'alignRight':
+                patchTextStyle(this.editor, idx, el, { align: 'right' });
+                break;
+            case 'clear':
+                patchTextStyle(this.editor, idx, el, {
+                    bold: false,
+                    italic: false,
+                    underline: false,
+                    strikethrough: false,
+                });
+                break;
+        }
+    }
+    dispatchInsertCommand(action) {
+        const idx = this.activeSlideIndex();
+        switch (action) {
+            case 'textBox':
+                this.editor.addElement(idx, newTextElement());
+                break;
+            case 'shape':
+                this.editor.addElement(idx, newShapeElement('rect'));
+                break;
+            case 'table':
+                this.editor.addElement(idx, newTableElement());
+                break;
+            case 'chart':
+                this.editor.addElement(idx, newChartElement('bar'));
+                break;
+            case 'smartArt':
+                this.showSmartArtInsert.set(true);
+                break;
+            case 'equation':
+                this.dialogs.openEquationInsert();
+                break;
+            case 'link':
+                this.docProperties.showHyperlink.set(true);
+                break;
+        }
+    }
+    dispatchViewCommand(action) {
+        switch (action) {
+            case 'toggleGrid':
+                this.showGrid.update((v) => !v);
+                break;
+            case 'toggleRulers':
+                this.showRulers.update((v) => !v);
+                break;
+            case 'slideSorter':
+                this.showSorter.set(true);
+                break;
+            case 'zoomToFit':
+                this.zoomSvc.zoomReset();
+                break;
+        }
+    }
+    dispatchArrangeCommand(action) {
+        switch (action) {
+            case 'duplicate':
+                this.editor.duplicateSelected(this.activeSlideIndex());
+                break;
+        }
+    }
     /**
      * Serialise the edited deck (templates merged back) to `.pptx` bytes for an
      * autosave recovery snapshot. Returns null when the deck is read-only so the
@@ -80909,6 +81039,7 @@ class PowerPointViewerComponent {
 						(undo)="editor.undo()"
 						(redo)="editor.redo()"
 						(toggleFindReplace)="toggleFindReplace()"
+						(commandSearch)="handleCommandSearch($event)"
 					/>
 					<pptx-ribbon
 					[slideIndex]="activeSlideIndex()"
@@ -81577,6 +81708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 						(undo)="editor.undo()"
 						(redo)="editor.redo()"
 						(toggleFindReplace)="toggleFindReplace()"
+						(commandSearch)="handleCommandSearch($event)"
 					/>
 					<pptx-ribbon
 					[slideIndex]="activeSlideIndex()"