pptx-angular-viewer 1.1.59 → 1.1.61

package/fesm2022/pptx-angular-viewer.mjs

@@ -22215,6 +22215,14 @@ function getDraggedShapeAdjustmentValue(state, deltaX) {
  */
 /** Maximum time (ms) to wait for an initial WebSocket connection before giving up. */
 const CONNECTION_TIMEOUT_MS = 30_000;
+/**
+ * Grace period (ms) before the first local doc write when the provider has not
+ * signalled initial sync. Websocket providers emit 'synced' reliably; webrtc
+ * only syncs once a peer is present, so a lone (fresh-room) peer seeds the doc
+ * after this delay instead. Gating the first write prevents a late joiner's
+ * bootstrap deck from merging into a room whose real content has not arrived.
+ */
+const INITIAL_SYNC_GRACE_MS = 3_000;
 /** Heartbeat interval (ms): re-publish presence so peers don't time us out. */
 const PRESENCE_HEARTBEAT_MS = 10_000;
 /** Minimum interval (ms) between outgoing presence broadcasts (rate limiting). */
@@ -23174,6 +23182,58 @@ function reconcileSlidesInYDoc(slides, ydoc, factories, origin = LOCAL_SYNC_ORIG
     }, origin);
 }
 
+/**
+ * collaboration-sync-gate.ts: first-write gate for collaborative sessions.
+ *
+ * Until a provider confirms its initial document sync, local state must not
+ * be written into the shared doc: a late joiner bootstrapped with a
+ * placeholder deck would otherwise merge that placeholder into the room's
+ * real content. Websocket providers emit a reliable 'synced' event; y-webrtc
+ * only syncs when a peer is present, so a lone fresh-room peer opens the gate
+ * after {@link INITIAL_SYNC_GRACE_MS} instead and seeds the empty doc.
+ *
+ * Usage per binding: create the gate with an `onOpen` callback that performs
+ * the deferred first write, call `arm()` when the provider is created (and on
+ * (re)connect), `open()` from the provider's sync event, gate local writes on
+ * `isOpen()`, and `reset()` on session teardown.
+ */
+/**
+ * Create a first-write gate. `onOpen` fires exactly once per session (until
+ * `reset()`), from either the provider sync signal or the grace timer.
+ */
+function createSyncGate(onOpen, graceMs = INITIAL_SYNC_GRACE_MS) {
+    let opened = false;
+    let timer = null;
+    const clear = () => {
+        if (timer !== null) {
+            clearTimeout(timer);
+            timer = null;
+        }
+    };
+    const open = () => {
+        clear();
+        if (opened) {
+            return;
+        }
+        opened = true;
+        onOpen();
+    };
+    return {
+        isOpen: () => opened,
+        arm: () => {
+            clear();
+            if (!opened) {
+                timer = setTimeout(open, graceMs);
+            }
+        },
+        open,
+        reset: () => {
+            clear();
+            opened = false;
+        },
+    };
+}
+
 // ---------------------------------------------------------------------------
 // Tuning constants (px tolerances for position / size changes)
 // ---------------------------------------------------------------------------
@@ -35818,6 +35878,14 @@ class CollaborationService {
     connectTimer = null;
     unobserveSlides = null;
     writeBack = new WriteBackScheduler();
+    /**
+     * First-write gate: local broadcasts are suppressed (captured as pending)
+     * until the provider confirms its initial sync or the grace period lifts
+     * the gate, so a late joiner never seeds its placeholder deck into a room
+     * whose real content has not arrived yet.
+     */
+    syncGate = createSyncGate(() => this.flushPendingBroadcast());
+    pendingBroadcast = null;
     onRemoteSlides = null;
     canvasWidth = DEFAULT_CANVAS_BOUND;
     canvasHeight = DEFAULT_CANVAS_BOUND;
@@ -35881,6 +35949,8 @@ class CollaborationService {
             this.awareness.on('change', this.refreshPresence);
             this.awareness.on('update', this.refreshPresence);
             this.wireStatus(config);
+            this.syncGate.reset();
+            this.wireSynced();
             this.unobserveSlides = observeYDocSlides(this.ydoc, (_events, transaction) => this.onRemoteChange(transaction));
             this.active.set(true);
             this.refreshPresence();
@@ -35937,6 +36007,50 @@ class CollaborationService {
             }
         }, CONNECTION_TIMEOUT_MS);
     }
+    /**
+     * Open the first-write gate on the provider's initial-sync confirmation.
+     * y-websocket emits 'sync' with a boolean; y-webrtc emits 'synced' with an
+     * object carrying a `synced` flag (and only once a peer syncs, hence the
+     * grace timer). Listen to both; opening is idempotent.
+     */
+    wireSynced() {
+        const provider = this.provider;
+        if (!provider) {
+            return;
+        }
+        const handle = (payload) => {
+            const flag = payload;
+            const isSynced = typeof flag === 'boolean' ? flag : flag?.synced !== false;
+            if (isSynced) {
+                this.syncGate.open();
+            }
+        };
+        provider.on('sync', handle);
+        provider.on('synced', handle);
+        if (provider.synced === true) {
+            this.syncGate.open();
+        }
+        else {
+            this.syncGate.arm();
+        }
+    }
+    /**
+     * Perform the deferred first broadcast once the gate opens. When the doc is
+     * still empty (fresh room, or nobody else present), clear the baseline so
+     * the pending deck actually seeds it; when remote content already arrived,
+     * the pending deck matches the applied baseline and the write is a no-op.
+     */
+    flushPendingBroadcast() {
+        const pending = this.pendingBroadcast;
+        this.pendingBroadcast = null;
+        if (!pending || !this.ydoc || !this.yFactories) {
+            return;
+        }
+        if (this.ydoc.getArray(YDOC_SLIDES_KEY).length === 0) {
+            this.lastSynced = '';
+        }
+        this.broadcastSlides(pending);
+    }
     /** Handle a remote Y.Doc change, skipping our own local-origin transactions. */
     onRemoteChange(transaction) {
         if (transaction?.origin === LOCAL_SYNC_ORIGIN || this.applyingRemote || !this.ydoc) {
@@ -35956,6 +36070,8 @@ class CollaborationService {
     }
     disconnect() {
         this.clearConnectTimer();
+        this.syncGate.reset();
+        this.pendingBroadcast = null;
         this.writeBack.cancel();
         this.unobserveSlides?.();
         this.unobserveSlides = null;
@@ -35999,6 +36115,12 @@ class CollaborationService {
         if (!this.ydoc || !this.yFactories || this.applyingRemote || slides.length === 0) {
             return;
         }
+        if (!this.syncGate.isOpen()) {
+            // Defer until the initial sync confirms; the gate flushes the latest
+            // pending deck when it opens.
+            this.pendingBroadcast = slides;
+            return;
+        }
         const s = JSON.stringify(slides);
         if (s === this.lastSynced) {
             return;
@@ -45267,7 +45389,7 @@ class EffectsPanelComponent {
 							(change)="onOuterShadowField('color', $event)"
 						/>
 						<label class="pptx-ng-fx__label" for="fx-os-opacity">{{
-							'pptx.effects.opacity' | translate
+							'pptx.inspector.opacity' | translate
 						}}</label>
 						<input
 							id="fx-os-opacity"
@@ -45350,7 +45472,7 @@ class EffectsPanelComponent {
 							(change)="onInnerShadowField('color', $event)"
 						/>
 						<label class="pptx-ng-fx__label" for="fx-is-opacity">{{
-							'pptx.effects.opacity' | translate
+							'pptx.inspector.opacity' | translate
 						}}</label>
 						<input
 							id="fx-is-opacity"
@@ -45443,7 +45565,7 @@ class EffectsPanelComponent {
 							(change)="onGlowField('radius', $event)"
 						/>
 						<label class="pptx-ng-fx__label" for="fx-glow-opacity">{{
-							'pptx.effects.opacity' | translate
+							'pptx.inspector.opacity' | translate
 						}}</label>
 						<input
 							id="fx-glow-opacity"
@@ -45605,7 +45727,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							(change)="onOuterShadowField('color', $event)"
 						/>
 						<label class="pptx-ng-fx__label" for="fx-os-opacity">{{
-							'pptx.effects.opacity' | translate
+							'pptx.inspector.opacity' | translate
 						}}</label>
 						<input
 							id="fx-os-opacity"
@@ -45688,7 +45810,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							(change)="onInnerShadowField('color', $event)"
 						/>
 						<label class="pptx-ng-fx__label" for="fx-is-opacity">{{
-							'pptx.effects.opacity' | translate
+							'pptx.inspector.opacity' | translate
 						}}</label>
 						<input
 							id="fx-is-opacity"
@@ -45781,7 +45903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							(change)="onGlowField('radius', $event)"
 						/>
 						<label class="pptx-ng-fx__label" for="fx-glow-opacity">{{
-							'pptx.effects.opacity' | translate
+							'pptx.inspector.opacity' | translate
 						}}</label>
 						<input
 							id="fx-glow-opacity"
@@ -46668,7 +46790,7 @@ class SmartArtPropertiesComponent {
 
 			<!-- ── Layout switcher ──────────────────────────────────────────── -->
 			<div class="pptx-sa-props__field">
-				<span class="pptx-sa-props__label">{{ 'pptx.smartart.layout' | translate }}</span>
+				<span class="pptx-sa-props__label">{{ 'pptx.master.layout' | translate }}</span>
 				<div
 					class="pptx-sa-props__layouts"
 					role="group"
@@ -46760,7 +46882,7 @@ class SmartArtPropertiesComponent {
 							class="pptx-sa-props__node-input"
 							[disabled]="!canEdit()"
 							[value]="node.text"
-							[attr.placeholder]="'pptx.smartart.typeHere' | translate"
+							[attr.placeholder]="'pptx.smartArt.nodePlaceholder' | translate"
 							(change)="onNodeText($event, node.id)"
 							(keydown)="onNodeKeydown($event, node.id)"
 						/>
@@ -46769,7 +46891,7 @@ class SmartArtPropertiesComponent {
 								<button
 									type="button"
 									class="pptx-sa-props__icon"
-									[title]="'pptx.smartart.addSubItem' | translate"
+									[title]="'pptx.smartArt.addSubItem' | translate"
 									[disabled]="!canEdit()"
 									(click)="onAddSubItem(node.id)"
 								>
@@ -46797,7 +46919,7 @@ class SmartArtPropertiesComponent {
 							<button
 								type="button"
 								class="pptx-sa-props__icon"
-								[title]="'pptx.smartart.moveUp' | translate"
+								[title]="'pptx.smartArt.moveUp' | translate"
 								[disabled]="!canEdit()"
 								(click)="onMoveUp(node.id)"
 							>
@@ -46806,7 +46928,7 @@ class SmartArtPropertiesComponent {
 							<button
 								type="button"
 								class="pptx-sa-props__icon"
-								[title]="'pptx.smartart.moveDown' | translate"
+								[title]="'pptx.smartArt.moveDown' | translate"
 								[disabled]="!canEdit()"
 								(click)="onMoveDown(node.id)"
 							>
@@ -46818,7 +46940,7 @@ class SmartArtPropertiesComponent {
 								[title]="
 									!isChild(node) && !canRemoveItem()
 										? boundsHint()
-										: ('pptx.smartart.remove' | translate)
+										: ('pptx.smartArt.remove' | translate)
 								"
 								[disabled]="
 									!canEdit() || nodes().length <= 1 || (!isChild(node) && !canRemoveItem())
@@ -46833,7 +46955,7 @@ class SmartArtPropertiesComponent {
 						<div class="pptx-sa-props__node-style">
 							<label class="pptx-sa-props__swatch" [title]="'pptx.smartart.nodeFill' | translate">
 								<span class="pptx-sa-props__swatch-label">{{
-									'pptx.smartart.fill' | translate
+									'pptx.smartArt.fill' | translate
 								}}</span>
 								<input
 									type="color"
@@ -46845,7 +46967,7 @@ class SmartArtPropertiesComponent {
 							</label>
 							<label class="pptx-sa-props__swatch" [title]="'pptx.smartart.nodeFont' | translate">
 								<span class="pptx-sa-props__swatch-label">{{
-									'pptx.smartart.font' | translate
+									'pptx.textPanel.font' | translate
 								}}</span>
 								<input
 									type="color"
@@ -46858,7 +46980,7 @@ class SmartArtPropertiesComponent {
 							<button
 								type="button"
 								class="pptx-sa-props__icon pptx-sa-props__style-toggle"
-								[title]="'pptx.smartart.bold' | translate"
+								[title]="'pptx.inspector.bold' | translate"
 								[class.is-active]="nodeIsBold(node)"
 								[attr.aria-pressed]="nodeIsBold(node)"
 								[disabled]="!canEdit()"
@@ -46869,7 +46991,7 @@ class SmartArtPropertiesComponent {
 							<button
 								type="button"
 								class="pptx-sa-props__icon pptx-sa-props__style-toggle"
-								[title]="'pptx.smartart.italic' | translate"
+								[title]="'pptx.inspector.italic' | translate"
 								[class.is-active]="nodeIsItalic(node)"
 								[attr.aria-pressed]="nodeIsItalic(node)"
 								[disabled]="!canEdit()"
@@ -46894,7 +47016,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 			<!-- ── Layout switcher ──────────────────────────────────────────── -->
 			<div class="pptx-sa-props__field">
-				<span class="pptx-sa-props__label">{{ 'pptx.smartart.layout' | translate }}</span>
+				<span class="pptx-sa-props__label">{{ 'pptx.master.layout' | translate }}</span>
 				<div
 					class="pptx-sa-props__layouts"
 					role="group"
@@ -46986,7 +47108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							class="pptx-sa-props__node-input"
 							[disabled]="!canEdit()"
 							[value]="node.text"
-							[attr.placeholder]="'pptx.smartart.typeHere' | translate"
+							[attr.placeholder]="'pptx.smartArt.nodePlaceholder' | translate"
 							(change)="onNodeText($event, node.id)"
 							(keydown)="onNodeKeydown($event, node.id)"
 						/>
@@ -46995,7 +47117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 								<button
 									type="button"
 									class="pptx-sa-props__icon"
-									[title]="'pptx.smartart.addSubItem' | translate"
+									[title]="'pptx.smartArt.addSubItem' | translate"
 									[disabled]="!canEdit()"
 									(click)="onAddSubItem(node.id)"
 								>
@@ -47023,7 +47145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							<button
 								type="button"
 								class="pptx-sa-props__icon"
-								[title]="'pptx.smartart.moveUp' | translate"
+								[title]="'pptx.smartArt.moveUp' | translate"
 								[disabled]="!canEdit()"
 								(click)="onMoveUp(node.id)"
 							>
@@ -47032,7 +47154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							<button
 								type="button"
 								class="pptx-sa-props__icon"
-								[title]="'pptx.smartart.moveDown' | translate"
+								[title]="'pptx.smartArt.moveDown' | translate"
 								[disabled]="!canEdit()"
 								(click)="onMoveDown(node.id)"
 							>
@@ -47044,7 +47166,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 								[title]="
 									!isChild(node) && !canRemoveItem()
 										? boundsHint()
-										: ('pptx.smartart.remove' | translate)
+										: ('pptx.smartArt.remove' | translate)
 								"
 								[disabled]="
 									!canEdit() || nodes().length <= 1 || (!isChild(node) && !canRemoveItem())
@@ -47059,7 +47181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 						<div class="pptx-sa-props__node-style">
 							<label class="pptx-sa-props__swatch" [title]="'pptx.smartart.nodeFill' | translate">
 								<span class="pptx-sa-props__swatch-label">{{
-									'pptx.smartart.fill' | translate
+									'pptx.smartArt.fill' | translate
 								}}</span>
 								<input
 									type="color"
@@ -47071,7 +47193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							</label>
 							<label class="pptx-sa-props__swatch" [title]="'pptx.smartart.nodeFont' | translate">
 								<span class="pptx-sa-props__swatch-label">{{
-									'pptx.smartart.font' | translate
+									'pptx.textPanel.font' | translate
 								}}</span>
 								<input
 									type="color"
@@ -47084,7 +47206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							<button
 								type="button"
 								class="pptx-sa-props__icon pptx-sa-props__style-toggle"
-								[title]="'pptx.smartart.bold' | translate"
+								[title]="'pptx.inspector.bold' | translate"
 								[class.is-active]="nodeIsBold(node)"
 								[attr.aria-pressed]="nodeIsBold(node)"
 								[disabled]="!canEdit()"
@@ -47095,7 +47217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							<button
 								type="button"
 								class="pptx-sa-props__icon pptx-sa-props__style-toggle"
-								[title]="'pptx.smartart.italic' | translate"
+								[title]="'pptx.inspector.italic' | translate"
 								[class.is-active]="nodeIsItalic(node)"
 								[attr.aria-pressed]="nodeIsItalic(node)"
 								[disabled]="!canEdit()"
@@ -47901,7 +48023,7 @@ class TableCellFormattingComponent {
 							[disabled]="!canEdit()"
 							(click)="onMergeRange()"
 						>
-							{{ 'pptx.table.mergeSelected' | translate }}
+							{{ 'pptx.contextMenu.mergeSelectedCells' | translate }}
 						</button>
 					}
 				</div>
@@ -48047,7 +48169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							[disabled]="!canEdit()"
 							(click)="onMergeRange()"
 						>
-							{{ 'pptx.table.mergeSelected' | translate }}
+							{{ 'pptx.contextMenu.mergeSelectedCells' | translate }}
 						</button>
 					}
 				</div>
@@ -54886,7 +55008,7 @@ class SmartArtRendererComponent {
 			>
 				@if (isEmpty()) {
 					<div class="pptx-ng-smartart-placeholder">
-						{{ 'pptx.smartart.placeholder' | translate }}
+						{{ 'pptx.smartArt.placeholder' | translate }}
 					</div>
 				} @else if (hasDrawingShapes()) {
 					<svg
@@ -55047,7 +55169,7 @@ class SmartArtRendererComponent {
 					</svg>
 				} @else {
 					<div class="pptx-ng-smartart-placeholder">
-						{{ 'pptx.smartart.placeholder' | translate }}
+						{{ 'pptx.smartArt.placeholder' | translate }}
 					</div>
 				}
 
@@ -55062,7 +55184,7 @@ class SmartArtRendererComponent {
 							<button
 								type="button"
 								class="pptx-ng-smartart-swatch"
-								[attr.aria-label]="'pptx.smartart.setFillTo' | translate: { color: color }"
+								[attr.aria-label]="'pptx.smartArt.setFill' | translate: { color: color }"
 								[style.background]="color"
 								(click)="handleChangeNodeStyle(hoveredNodeId()!, color)"
 							></button>
@@ -55119,7 +55241,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 			>
 				@if (isEmpty()) {
 					<div class="pptx-ng-smartart-placeholder">
-						{{ 'pptx.smartart.placeholder' | translate }}
+						{{ 'pptx.smartArt.placeholder' | translate }}
 					</div>
 				} @else if (hasDrawingShapes()) {
 					<svg
@@ -55280,7 +55402,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 					</svg>
 				} @else {
 					<div class="pptx-ng-smartart-placeholder">
-						{{ 'pptx.smartart.placeholder' | translate }}
+						{{ 'pptx.smartArt.placeholder' | translate }}
 					</div>
 				}
 
@@ -55295,7 +55417,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							<button
 								type="button"
 								class="pptx-ng-smartart-swatch"
-								[attr.aria-label]="'pptx.smartart.setFillTo' | translate: { color: color }"
+								[attr.aria-label]="'pptx.smartArt.setFill' | translate: { color: color }"
 								[style.background]="color"
 								(click)="handleChangeNodeStyle(hoveredNodeId()!, color)"
 							></button>
@@ -55584,7 +55706,7 @@ class SmartArt3DRendererComponent {
 							[style.height.px]="editState()!.box.height"
 							[value]="editState()!.text"
 							spellcheck="false"
-							[attr.aria-label]="'pptx.smartart.editNodeText' | translate"
+							[attr.aria-label]="'pptx.smartArt.editNodeText' | translate"
 							(input)="updateDraft($event)"
 							(blur)="commitEdit()"
 							(keydown)="onEditorKeydown($event)"
@@ -55626,7 +55748,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 							[style.height.px]="editState()!.box.height"
 							[value]="editState()!.text"
 							spellcheck="false"
-							[attr.aria-label]="'pptx.smartart.editNodeText' | translate"
+							[attr.aria-label]="'pptx.smartArt.editNodeText' | translate"
 							(input)="updateDraft($event)"
 							(blur)="commitEdit()"
 							(keydown)="onEditorKeydown($event)"
@@ -57243,7 +57365,7 @@ class ElementRendererComponent {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "placeholderLabel" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ElementRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ElementRendererComponent, isStandalone: true, selector: "pptx-element-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, obstacles: { classPropertyName: "obstacles", publicName: "obstacles", isSignal: true, isRequired: false, transformFunction: null }, canvasWidth: { classPropertyName: "canvasWidth", publicName: "canvasWidth", isSignal: true, isRequired: false, transformFunction: null }, canvasHeight: { classPropertyName: "canvasHeight", publicName: "canvasHeight", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, fieldContext: { classPropertyName: "fieldContext", publicName: "fieldContext", isSignal: true, isRequired: false, transformFunction: null }, editTemplateMode: { classPropertyName: "editTemplateMode", publicName: "editTemplateMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellCommit: "cellCommit", tableChange: "tableChange" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: ElementRendererComponent, isStandalone: true, selector: "pptx-element-renderer", inputs: { element: { classPropertyName: "element", publicName: "element", isSignal: true, isRequired: true, transformFunction: null }, mediaDataUrls: { classPropertyName: "mediaDataUrls", publicName: "mediaDataUrls", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, obstacles: { classPropertyName: "obstacles", publicName: "obstacles", isSignal: true, isRequired: false, transformFunction: null }, canvasWidth: { classPropertyName: "canvasWidth", publicName: "canvasWidth", isSignal: true, isRequired: false, transformFunction: null }, canvasHeight: { classPropertyName: "canvasHeight", publicName: "canvasHeight", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, fieldContext: { classPropertyName: "fieldContext", publicName: "fieldContext", isSignal: true, isRequired: false, transformFunction: null }, editTemplateMode: { classPropertyName: "editTemplateMode", publicName: "editTemplateMode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { cellCommit: "cellCommit", tableChange: "tableChange" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		@switch (true) {
 			@case (element().type === 'connector') {
 				<pptx-connector-renderer
@@ -57517,6 +57639,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: 'pptx-element-renderer',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
                     imports: [
                         NgStyle,
                         ConnectorRendererComponent,
@@ -58950,7 +59073,7 @@ class SlideCanvasComponent {
 						<div
 							class="pptx-ng-rotate-handle"
 							role="button"
-							[attr.aria-label]="'pptx.canvas.rotate' | translate"
+							[attr.aria-label]="'pptx.selectionOverlay.rotate' | translate"
 							[style.left.px]="rh.left"
 							[style.top.px]="rh.top"
 							[style.width.px]="rh.size"
@@ -59324,7 +59447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 						<div
 							class="pptx-ng-rotate-handle"
 							role="button"
-							[attr.aria-label]="'pptx.canvas.rotate' | translate"
+							[attr.aria-label]="'pptx.selectionOverlay.rotate' | translate"
 							[style.left.px]="rh.left"
 							[style.top.px]="rh.top"
 							[style.width.px]="rh.size"
@@ -65103,7 +65226,7 @@ class PropertiesDialogComponent {
 			<div class="pptx-ng-props-form">
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-title" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.title' | translate
+						'pptx.properties.titleLabel' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-title"
@@ -65116,7 +65239,7 @@ class PropertiesDialogComponent {
 
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-creator" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.author' | translate
+						'pptx.properties.author' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-creator"
@@ -65129,7 +65252,7 @@ class PropertiesDialogComponent {
 
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-subject" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.subject' | translate
+						'pptx.properties.subject' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-subject"
@@ -65142,7 +65265,7 @@ class PropertiesDialogComponent {
 
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-keywords" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.keywords' | translate
+						'pptx.properties.keywords' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-keywords"
@@ -65195,7 +65318,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 			<div class="pptx-ng-props-form">
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-title" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.title' | translate
+						'pptx.properties.titleLabel' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-title"
@@ -65208,7 +65331,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-creator" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.author' | translate
+						'pptx.properties.author' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-creator"
@@ -65221,7 +65344,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-subject" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.subject' | translate
+						'pptx.properties.subject' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-subject"
@@ -65234,7 +65357,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 				<div class="pptx-ng-props-field">
 					<label for="pptx-ng-props-keywords" class="pptx-ng-props-label">{{
-						'pptx.documentProperties.summary.keywords' | translate
+						'pptx.properties.keywords' | translate
 					}}</label>
 					<input
 						id="pptx-ng-props-keywords"
@@ -67869,7 +67992,7 @@ class RibbonInsertFieldsComponent {
 						class="flex w-full items-center gap-2 px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-muted"
 						(click)="openDatePicker()"
 					>
-						{{ 'pptx.field.dateAndTime' | translate }}
+						{{ 'pptx.headerFooter.dateAndTime' | translate }}
 					</button>
 					<button
 						type="button"
@@ -67897,7 +68020,7 @@ class RibbonInsertFieldsComponent {
 			>
 				<div class="w-72 space-y-3 rounded-lg border border-border bg-card p-4 shadow-2xl">
 					<div class="text-sm font-medium text-foreground">
-						{{ 'pptx.field.dateAndTime' | translate }}
+						{{ 'pptx.headerFooter.dateAndTime' | translate }}
 					</div>
 					<input
 						type="datetime-local"
@@ -68030,7 +68153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 						class="flex w-full items-center gap-2 px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-muted"
 						(click)="openDatePicker()"
 					>
-						{{ 'pptx.field.dateAndTime' | translate }}
+						{{ 'pptx.headerFooter.dateAndTime' | translate }}
 					</button>
 					<button
 						type="button"
@@ -68058,7 +68181,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 			>
 				<div class="w-72 space-y-3 rounded-lg border border-border bg-card p-4 shadow-2xl">
 					<div class="text-sm font-medium text-foreground">
-						{{ 'pptx.field.dateAndTime' | translate }}
+						{{ 'pptx.headerFooter.dateAndTime' | translate }}
 					</div>
 					<input
 						type="datetime-local"
@@ -70325,7 +70448,7 @@ class SelectionPaneComponent {
 					}
 				</ul>
 			} @else {
-				<p class="pptx-ng-sel-pane__empty">{{ 'pptx.selectionPane.emptySlide' | translate }}</p>
+				<p class="pptx-ng-sel-pane__empty">{{ 'pptx.selectionPane.empty' | translate }}</p>
 			}
 		</aside>
 	`, isInline: true, styles: [":host{display:block;height:100%;width:100%}.pptx-ng-sel-pane{display:flex;flex-direction:column;min-height:0;height:100%;width:100%;background:var(--pptx-card, #111827);color:var(--pptx-foreground, #f3f4f6);border-left:1px solid var(--pptx-border, #374151);font-family:system-ui,sans-serif}.pptx-ng-sel-pane__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pptx-border, #374151);flex-shrink:0}.pptx-ng-sel-pane__title{margin:0;font-size:14px;font-weight:600}.pptx-ng-sel-pane__count{font-size:12px;color:var(--pptx-muted-foreground, #9ca3af)}.pptx-ng-sel-pane__list{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1 1 auto;min-height:0}.pptx-ng-sel-pane__row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid transparent;cursor:pointer;margin-bottom:2px;transition:background .1s;-webkit-user-select:none;user-select:none}.pptx-ng-sel-pane__row:hover{background:var(--pptx-accent, #1f2937)}.pptx-ng-sel-pane__row--selected{border-color:var(--pptx-primary, #6366f1);background:color-mix(in srgb,var(--pptx-primary, #6366f1) 15%,transparent)}.pptx-ng-sel-pane__row--hidden{opacity:.5}.pptx-ng-sel-pane__icon{flex-shrink:0;width:20px;text-align:center;font-size:12px;color:var(--pptx-muted-foreground, #9ca3af)}.pptx-ng-sel-pane__label{flex:1 1 auto;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pptx-ng-sel-pane__actions{display:flex;gap:2px;flex-shrink:0}.pptx-ng-sel-pane__btn{background:transparent;border:1px solid var(--pptx-border, #374151);color:inherit;border-radius:4px;padding:2px 5px;font-size:11px;cursor:pointer;line-height:1.2}.pptx-ng-sel-pane__btn:hover{background:var(--pptx-accent, #1f2937)}.pptx-ng-sel-pane__empty{padding:16px;font-size:13px;color:var(--pptx-muted-foreground, #9ca3af)}\n"], dependencies: [{ kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -70396,7 +70519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 					}
 				</ul>
 			} @else {
-				<p class="pptx-ng-sel-pane__empty">{{ 'pptx.selectionPane.emptySlide' | translate }}</p>
+				<p class="pptx-ng-sel-pane__empty">{{ 'pptx.selectionPane.empty' | translate }}</p>
 			}
 		</aside>
 	`, styles: [":host{display:block;height:100%;width:100%}.pptx-ng-sel-pane{display:flex;flex-direction:column;min-height:0;height:100%;width:100%;background:var(--pptx-card, #111827);color:var(--pptx-foreground, #f3f4f6);border-left:1px solid var(--pptx-border, #374151);font-family:system-ui,sans-serif}.pptx-ng-sel-pane__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--pptx-border, #374151);flex-shrink:0}.pptx-ng-sel-pane__title{margin:0;font-size:14px;font-weight:600}.pptx-ng-sel-pane__count{font-size:12px;color:var(--pptx-muted-foreground, #9ca3af)}.pptx-ng-sel-pane__list{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1 1 auto;min-height:0}.pptx-ng-sel-pane__row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;border:1px solid transparent;cursor:pointer;margin-bottom:2px;transition:background .1s;-webkit-user-select:none;user-select:none}.pptx-ng-sel-pane__row:hover{background:var(--pptx-accent, #1f2937)}.pptx-ng-sel-pane__row--selected{border-color:var(--pptx-primary, #6366f1);background:color-mix(in srgb,var(--pptx-primary, #6366f1) 15%,transparent)}.pptx-ng-sel-pane__row--hidden{opacity:.5}.pptx-ng-sel-pane__icon{flex-shrink:0;width:20px;text-align:center;font-size:12px;color:var(--pptx-muted-foreground, #9ca3af)}.pptx-ng-sel-pane__label{flex:1 1 auto;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pptx-ng-sel-pane__actions{display:flex;gap:2px;flex-shrink:0}.pptx-ng-sel-pane__btn{background:transparent;border:1px solid var(--pptx-border, #374151);color:inherit;border-radius:4px;padding:2px 5px;font-size:11px;cursor:pointer;line-height:1.2}.pptx-ng-sel-pane__btn:hover{background:var(--pptx-accent, #1f2937)}.pptx-ng-sel-pane__empty{padding:16px;font-size:13px;color:var(--pptx-muted-foreground, #9ca3af)}\n"] }]
@@ -70602,9 +70725,7 @@ class ShareDialogComponent {
 
 					@if (shareUrl()) {
 						<div class="pptx-ng-share-field">
-							<label class="pptx-ng-share-label">{{
-								'pptx.share.shareLinkLabel' | translate
-							}}</label>
+							<label class="pptx-ng-share-label">{{ 'pptx.share.shareLink' | translate }}</label>
 							<div class="pptx-ng-share-link-row">
 								<input
 									class="pptx-ng-share-input"
@@ -70622,12 +70743,12 @@ class ShareDialogComponent {
 									{{ (copied() ? 'pptx.share.copied' : 'pptx.share.copyLinkButton') | translate }}
 								</button>
 							</div>
-							<p class="pptx-ng-share-hint">{{ 'pptx.share.copyLinkHint' | translate }}</p>
+							<p class="pptx-ng-share-hint">{{ 'pptx.share.shareHint' | translate }}</p>
 						</div>
 					}
 
 					<button type="button" class="pptx-ng-share-stop" (click)="handleStop()">
-						{{ 'pptx.share.stopSharingButton' | translate }}
+						{{ 'pptx.share.stopSharing' | translate }}
 					</button>
 				</div>
 			} @else {
@@ -70694,7 +70815,7 @@ class ShareDialogComponent {
 						[disabled]="!canStart()"
 						(click)="handleStart()"
 					>
-						{{ 'pptx.share.startSharingButton' | translate }}
+						{{ 'pptx.share.startSharing' | translate }}
 					</button>
 				}
 			</div>
@@ -70740,9 +70861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 					@if (shareUrl()) {
 						<div class="pptx-ng-share-field">
-							<label class="pptx-ng-share-label">{{
-								'pptx.share.shareLinkLabel' | translate
-							}}</label>
+							<label class="pptx-ng-share-label">{{ 'pptx.share.shareLink' | translate }}</label>
 							<div class="pptx-ng-share-link-row">
 								<input
 									class="pptx-ng-share-input"
@@ -70760,12 +70879,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 									{{ (copied() ? 'pptx.share.copied' : 'pptx.share.copyLinkButton') | translate }}
 								</button>
 							</div>
-							<p class="pptx-ng-share-hint">{{ 'pptx.share.copyLinkHint' | translate }}</p>
+							<p class="pptx-ng-share-hint">{{ 'pptx.share.shareHint' | translate }}</p>
 						</div>
 					}
 
 					<button type="button" class="pptx-ng-share-stop" (click)="handleStop()">
-						{{ 'pptx.share.stopSharingButton' | translate }}
+						{{ 'pptx.share.stopSharing' | translate }}
 					</button>
 				</div>
 			} @else {
@@ -70832,7 +70951,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 						[disabled]="!canStart()"
 						(click)="handleStart()"
 					>
-						{{ 'pptx.share.startSharingButton' | translate }}
+						{{ 'pptx.share.startSharing' | translate }}
 					</button>
 				}
 			</div>
@@ -71014,7 +71133,10 @@ class SignaturesPanelComponent {
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SignaturesPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: SignaturesPanelComponent, isStandalone: true, selector: "pptx-signatures-panel", inputs: { signatures: { classPropertyName: "signatures", publicName: "signatures", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-		<section class="pptx-ng-signatures" [attr.aria-label]="'pptx.signatures.ariaLabel' | translate">
+		<section
+			class="pptx-ng-signatures"
+			[attr.aria-label]="'pptx.digitalSignatures.ariaLabel' | translate"
+		>
 			<header
 				class="pptx-ng-signatures__header"
 				[class]="'pptx-ng-signatures__header--' + overall()"
@@ -71027,7 +71149,9 @@ class SignaturesPanelComponent {
 			</header>
 
 			@if (!signed()) {
-				<p class="pptx-ng-signatures__empty">{{ 'pptx.signatures.empty' | translate }}</p>
+				<p class="pptx-ng-signatures__empty">
+					{{ 'pptx.digitalSignatures.noSignatures' | translate }}
+				</p>
 			} @else {
 				<ul class="pptx-ng-signatures__list">
 					@for (sig of signatures(); track key(sig, $index)) {
@@ -71044,20 +71168,20 @@ class SignaturesPanelComponent {
 
 							<dl class="pptx-ng-signatures__meta">
 								@if (sig.certificate?.issuer; as issuer) {
-									<dt>{{ 'pptx.signatures.issuer' | translate }}</dt>
+									<dt>{{ 'pptx.digitalSignatures.issuer' | translate }}</dt>
 									<dd>{{ issuer }}</dd>
 								}
 								@if (sig.certificate?.serialNumber; as serial) {
-									<dt>{{ 'pptx.signatures.serial' | translate }}</dt>
+									<dt>{{ 'pptx.digitalSignatures.serial' | translate }}</dt>
 									<dd>{{ serial }}</dd>
 								}
 								@if (timestamp(sig); as ts) {
-									<dt>{{ 'pptx.signatures.signed' | translate }}</dt>
+									<dt>{{ 'pptx.digitalSignatures.signed' | translate }}</dt>
 									<dd>{{ ts }}</dd>
 								}
 								@if (!sig.certificate) {
-									<dt>{{ 'pptx.signatures.certificate' | translate }}</dt>
-									<dd>{{ 'pptx.signatures.notAvailable' | translate }}</dd>
+									<dt>{{ 'pptx.digitalSignatures.certificate' | translate }}</dt>
+									<dd>{{ 'pptx.digitalSignatures.notAvailable' | translate }}</dd>
 								}
 							</dl>
 						</li>
@@ -71070,7 +71194,10 @@ class SignaturesPanelComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SignaturesPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pptx-signatures-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslatePipe], template: `
-		<section class="pptx-ng-signatures" [attr.aria-label]="'pptx.signatures.ariaLabel' | translate">
+		<section
+			class="pptx-ng-signatures"
+			[attr.aria-label]="'pptx.digitalSignatures.ariaLabel' | translate"
+		>
 			<header
 				class="pptx-ng-signatures__header"
 				[class]="'pptx-ng-signatures__header--' + overall()"
@@ -71083,7 +71210,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 			</header>
 
 			@if (!signed()) {
-				<p class="pptx-ng-signatures__empty">{{ 'pptx.signatures.empty' | translate }}</p>
+				<p class="pptx-ng-signatures__empty">
+					{{ 'pptx.digitalSignatures.noSignatures' | translate }}
+				</p>
 			} @else {
 				<ul class="pptx-ng-signatures__list">
 					@for (sig of signatures(); track key(sig, $index)) {
@@ -71100,20 +71229,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 
 							<dl class="pptx-ng-signatures__meta">
 								@if (sig.certificate?.issuer; as issuer) {
-									<dt>{{ 'pptx.signatures.issuer' | translate }}</dt>
+									<dt>{{ 'pptx.digitalSignatures.issuer' | translate }}</dt>
 									<dd>{{ issuer }}</dd>
 								}
 								@if (sig.certificate?.serialNumber; as serial) {
-									<dt>{{ 'pptx.signatures.serial' | translate }}</dt>
+									<dt>{{ 'pptx.digitalSignatures.serial' | translate }}</dt>
 									<dd>{{ serial }}</dd>
 								}
 								@if (timestamp(sig); as ts) {
-									<dt>{{ 'pptx.signatures.signed' | translate }}</dt>
+									<dt>{{ 'pptx.digitalSignatures.signed' | translate }}</dt>
 									<dd>{{ ts }}</dd>
 								}
 								@if (!sig.certificate) {
-									<dt>{{ 'pptx.signatures.certificate' | translate }}</dt>
-									<dd>{{ 'pptx.signatures.notAvailable' | translate }}</dd>
+									<dt>{{ 'pptx.digitalSignatures.certificate' | translate }}</dt>
+									<dd>{{ 'pptx.digitalSignatures.notAvailable' | translate }}</dd>
 								}
 							</dl>
 						</li>
@@ -71474,12 +71603,12 @@ class SlidesPanelComponent {
 						<div
 							class="pptx-ng-spanel-actions"
 							role="toolbar"
-							[attr.aria-label]="'pptx.slidesPanel.slideActions' | translate: { n: i + 1 }"
+							[attr.aria-label]="'pptx.slideMenu.slideActions' | translate: { n: i + 1 }"
 						>
 							<button
 								type="button"
 								class="pptx-ng-spanel-action"
-								[title]="'pptx.slidesPanel.duplicateSlide' | translate"
+								[title]="'pptx.ribbon.duplicateSlide' | translate"
 								[attr.aria-label]="'pptx.arrange.duplicate' | translate"
 								(click)="onDuplicate(i)"
 							>
@@ -71581,12 +71710,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
 						<div
 							class="pptx-ng-spanel-actions"
 							role="toolbar"
-							[attr.aria-label]="'pptx.slidesPanel.slideActions' | translate: { n: i + 1 }"
+							[attr.aria-label]="'pptx.slideMenu.slideActions' | translate: { n: i + 1 }"
 						>
 							<button
 								type="button"
 								class="pptx-ng-spanel-action"
-								[title]="'pptx.slidesPanel.duplicateSlide' | translate"
+								[title]="'pptx.ribbon.duplicateSlide' | translate"
 								[attr.aria-label]="'pptx.arrange.duplicate' | translate"
 								(click)="onDuplicate(i)"
 							>
@@ -74119,7 +74248,7 @@ class FontEmbeddingListComponent {
     missingCount = input(0, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "missingCount" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FontEmbeddingListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FontEmbeddingListComponent, isStandalone: true, selector: "pptx-font-embedding-list", inputs: { usedFontFamilies: { classPropertyName: "usedFontFamilies", publicName: "usedFontFamilies", isSignal: true, isRequired: false, transformFunction: null }, availableFamilies: { classPropertyName: "availableFamilies", publicName: "availableFamilies", isSignal: true, isRequired: false, transformFunction: null }, embeddedSet: { classPropertyName: "embeddedSet", publicName: "embeddedSet", isSignal: true, isRequired: false, transformFunction: null }, scanning: { classPropertyName: "scanning", publicName: "scanning", isSignal: true, isRequired: false, transformFunction: null }, missingCount: { classPropertyName: "missingCount", publicName: "missingCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: FontEmbeddingListComponent, isStandalone: true, selector: "pptx-font-embedding-list", inputs: { usedFontFamilies: { classPropertyName: "usedFontFamilies", publicName: "usedFontFamilies", isSignal: true, isRequired: false, transformFunction: null }, availableFamilies: { classPropertyName: "availableFamilies", publicName: "availableFamilies", isSignal: true, isRequired: false, transformFunction: null }, embeddedSet: { classPropertyName: "embeddedSet", publicName: "embeddedSet", isSignal: true, isRequired: false, transformFunction: null }, scanning: { classPropertyName: "scanning", publicName: "scanning", isSignal: true, isRequired: false, transformFunction: null }, missingCount: { classPropertyName: "missingCount", publicName: "missingCount", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<div class="pptx-ng-fonts-section">
 			<h3 class="pptx-ng-fonts-section-title">
 				{{ 'pptx.fontEmbedding.usedFonts' | translate: { count: usedFontFamilies().length } }}
@@ -74168,7 +74297,7 @@ class FontEmbeddingListComponent {
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: FontEmbeddingListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pptx-font-embedding-list', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: 'pptx-font-embedding-list', standalone: true, imports: [TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'contents' }, template: `
 		<div class="pptx-ng-fonts-section">
 			<h3 class="pptx-ng-fonts-section-title">
 				{{ 'pptx.fontEmbedding.usedFonts' | translate: { count: usedFontFamilies().length } }}
@@ -76039,7 +76168,7 @@ class ViewerExtraDialogsComponent {
         this.svc.showPassword.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ViewerExtraDialogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ViewerExtraDialogsComponent, isStandalone: true, selector: "pptx-viewer-extra-dialogs", inputs: { activeSlideIndex: { classPropertyName: "activeSlideIndex", publicName: "activeSlideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElementId: { classPropertyName: "selectedElementId", publicName: "selectedElementId", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, customShows: { classPropertyName: "customShows", publicName: "customShows", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { restoreContent: "restoreContent" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: ViewerExtraDialogsComponent, isStandalone: true, selector: "pptx-viewer-extra-dialogs", inputs: { activeSlideIndex: { classPropertyName: "activeSlideIndex", publicName: "activeSlideIndex", isSignal: true, isRequired: false, transformFunction: null }, selectedElementId: { classPropertyName: "selectedElementId", publicName: "selectedElementId", isSignal: true, isRequired: false, transformFunction: null }, filePath: { classPropertyName: "filePath", publicName: "filePath", isSignal: true, isRequired: false, transformFunction: null }, customShows: { classPropertyName: "customShows", publicName: "customShows", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { restoreContent: "restoreContent" }, host: { classAttribute: "contents" }, ngImport: i0, template: `
 		<pptx-equation-editor-dialog
 			[open]="svc.showEquation()"
 			[existingOmml]="svc.editingEquationOmml()"
@@ -76120,6 +76249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                     selector: 'pptx-viewer-extra-dialogs',
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { class: 'contents' },
                     imports: [
                         EquationEditorDialogComponent,
                         SetUpSlideShowDialogComponent,
@@ -81222,6 +81352,260 @@ const translationsEn = {
     'pptx.animation.sequence.byParagraph': 'By Paragraph',
     'pptx.animation.sequence.byWord': 'By Word',
     'pptx.animation.sequence.byLetter': 'By Letter',
+    // --- 2026-07-03 missing-key sweep: keys used by Vue/Angular with no
+    // existing dictionary entry (React has 0 such gaps and is the ground-
+    // truth reference these were derived from). Appended flat rather than
+    // interleaved into their semantic sections above, to keep this batch
+    // change safe/reviewable as one block.
+    'pptx.align.toolbarLabel': 'Align and distribute',
+    'pptx.arrange.deleteSelection': 'Delete selection',
+    'pptx.arrange.duplicateSelection': 'Duplicate selection',
+    'pptx.arrange.groupLabel': 'Arrange',
+    'pptx.canvas.adjustShape': 'Adjust shape',
+    'pptx.canvas.guideTooltip': 'Drag to move guide, double-click to remove',
+    'pptx.customShows.none': 'None',
+    'pptx.customShows.noSlidesYet': 'No slides in this show yet.',
+    'pptx.customShows.renameNameLabel': 'Show name',
+    'pptx.customShows.renameShow': 'Rename show',
+    'pptx.customShows.slidesInShow': 'Slides in show',
+    'pptx.design.editThemeTooltip': 'Edit presentation theme colors and fonts',
+    'pptx.design.formatBackgroundTooltip': 'Open inspector to edit slide background',
+    'pptx.design.slideSizeTooltip': 'Change slide dimensions (16:9, 4:3, custom)',
+    'pptx.documentProperties.summary.company': 'Company',
+    'pptx.documentProperties.summary.manager': 'Manager',
+    'pptx.editorToolbar.addShape': 'Add {{shape}}',
+    'pptx.editorToolbar.addTextBox': 'Add text box',
+    'pptx.editorToolbar.history': 'History',
+    'pptx.editorToolbar.resetZoom': 'Reset zoom',
+    'pptx.editorToolbar.resetZoomTo100': 'Reset zoom to 100%',
+    'pptx.effects.innerShadow': 'Inner Shadow',
+    'pptx.element.linkFallback': 'Link',
+    'pptx.export.export': 'Export',
+    'pptx.export.gifAnimated': 'Animated GIF',
+    'pptx.export.pdfAllSlides': 'PDF (all slides)',
+    'pptx.export.pngCurrentSlide': 'PNG (current slide)',
+    'pptx.export.webmVideo': 'WebM video',
+    'pptx.file.copyImage': 'Copy Image',
+    'pptx.file.copyImageTooltip': 'Copy Slide as Image',
+    'pptx.file.fonts': 'Fonts',
+    'pptx.file.gif': 'GIF',
+    'pptx.file.package': 'Package',
+    'pptx.file.packageTooltip': 'Package for Sharing',
+    'pptx.file.pdf': 'PDF',
+    'pptx.file.png': 'PNG',
+    'pptx.file.saveAsPpsx': 'Save .ppsx',
+    'pptx.file.saveAsPpsxTooltip': 'Save as Slide Show (.ppsx)',
+    'pptx.file.saveAsPptm': 'Save .pptm',
+    'pptx.file.saveAsPptmTooltip': 'Save as Macro-Enabled (.pptm)',
+    'pptx.file.saveAsPptx': 'Save .pptx',
+    'pptx.file.saveAsPptxTooltip': 'Save as Presentation (.pptx)',
+    'pptx.file.video': 'Video',
+    'pptx.fontEmbedding.embedInFile': 'Embed fonts in file',
+    'pptx.fontEmbedding.noCustomFonts': 'No custom fonts to embed.',
+    'pptx.guides.dragHint': 'Drag to move guide',
+    'pptx.handout.cornerDate': 'Date',
+    'pptx.handout.pageNumber': '#',
+    'pptx.headerFooter.fixedDate': 'Fixed date',
+    'pptx.headerFooter.headerText': 'Enter header text…',
+    'pptx.headerFooter.updateAutomatically': 'Update automatically',
+    'pptx.home.chooseLayout': 'Choose layout',
+    'pptx.home.newSlide': 'New Slide',
+    'pptx.hyperlink.linkTo': 'Link to',
+    'pptx.hyperlink.urlPlaceholder': 'https://example.com',
+    'pptx.insert.addShape': 'Add shape',
+    'pptx.insert.addTextBox': 'Add text box',
+    'pptx.insert.insertEquation': 'Insert Equation',
+    'pptx.insert.insertSmartArt': 'Insert SmartArt',
+    'pptx.insert.insertTable': 'Insert table',
+    'pptx.insert.shape': 'Shape',
+    'pptx.insert.shapeType': 'Shape type',
+    'pptx.mode.closeMasterViewTooltip': 'Close master view',
+    'pptx.mode.masterView': 'Master View',
+    'pptx.overflow.closeMenu': 'Close menu',
+    'pptx.present.optionsTooltip': 'Presentation options',
+    'pptx.present.presentOnline': 'Present Online',
+    'pptx.present.presentTooltip': 'Present (fullscreen)',
+    'pptx.review.spelling': 'Spelling',
+    'pptx.review.toggleComments': 'Toggle comments panel',
+    'pptx.review.toggleSpellCheck': 'Toggle spell check',
+    'pptx.shortcuts.title': 'Keyboard shortcuts',
+    'pptx.slideInspector.horizontal': 'Horizontal',
+    'pptx.slideInspector.presentation': 'Presentation',
+    'pptx.slideInspector.slideTransition': 'Slide transition',
+    'pptx.slideInspector.themeColours': 'Theme colours',
+    'pptx.slideInspector.vertical': 'Vertical',
+    'pptx.slidesPanel.deleteSlide': 'Delete slide',
+    'pptx.slidesPanel.goToSlide': 'Go to slide {{n}}',
+    'pptx.smartart.demote': 'Demote',
+    'pptx.smartart.item': 'Item',
+    'pptx.smartart.nodeCleared': 'Node cleared',
+    'pptx.smartart.nodeFill': 'Node fill',
+    'pptx.smartart.nodeFont': 'Node font',
+    'pptx.smartart.nodeUpdated': 'Node updated to "{{text}}"',
+    'pptx.smartart.promote': 'Promote',
+    'pptx.smartart.subItemShort': 'Sub-item',
+    'pptx.stroke.dash': 'Dash',
+    'pptx.stroke.noBorderProperties': 'This element has no border properties.',
+    'pptx.stroke.widthPx': 'Width (px)',
+    'pptx.table.columns': 'Columns',
+    'pptx.table.columnsCount': '{{count}} columns',
+    'pptx.table.deleteColumn': 'Delete column',
+    'pptx.table.deleteRow': 'Delete row',
+    'pptx.table.insertAbove': 'Insert above',
+    'pptx.table.insertBelow': 'Insert below',
+    'pptx.table.insertLeft': 'Insert left',
+    'pptx.table.insertRight': 'Insert right',
+    'pptx.table.mergeSelected': 'Merge selected',
+    'pptx.table.noEditableData': 'This table has no editable data.',
+    'pptx.table.rows': 'Rows',
+    'pptx.table.rowsCount': '{{count}} rows',
+    'pptx.table.selectTablePrompt': 'Select a table to edit its properties.',
+    'pptx.tableCell.backgroundColorAria': 'Background colour',
+    'pptx.tableCell.edgeBorderColorAria': '{{edge}} border colour',
+    'pptx.tableCell.textColorAria': 'Text colour',
+    'pptx.text.bulletList': 'Bullet List',
+    'pptx.text.clearFormatting': 'Clear Formatting',
+    'pptx.text.decreaseFontSize': 'Decrease Font Size',
+    'pptx.text.decreaseIndent': 'Decrease Indent',
+    'pptx.text.fontColor': 'Font Color',
+    'pptx.text.highlightColor': 'Text Highlight Color',
+    'pptx.text.increaseFontSize': 'Increase Font Size',
+    'pptx.text.increaseIndent': 'Increase Indent',
+    'pptx.text.numberedList': 'Numbered List',
+    'pptx.view.addHorizontalGuide': 'Add horizontal guide',
+    'pptx.view.addVerticalGuide': 'Add vertical guide',
+    'pptx.view.eyedropperTooltip': 'Eyedropper: sample a colour from the slide',
+    'pptx.view.hGuide': 'H Guide',
+    'pptx.view.masterViews': 'Master Views',
+    'pptx.view.normal': 'Normal',
+    'pptx.view.presentationViews': 'Presentation Views',
+    'pptx.view.readingView': 'Reading View',
+    'pptx.view.selection': 'Selection',
+    'pptx.view.slideMasterTooltip': 'Edit slide masters and layouts',
+    'pptx.view.slideSorterTooltip': 'Slide Sorter view',
+    'pptx.view.spell': 'Spell',
+    'pptx.view.templateEditingTooltip': 'Toggle template/master element editing',
+    'pptx.view.toggleSpellCheck': 'Toggle spell check',
+    'pptx.view.vGuide': 'V Guide',
+    'pptx.view.zoomToFit': 'Zoom to Fit',
+    'pptx.view.zoomToFitTooltip': 'Zoom to fit slide in window',
+    // --- 2026-07-03 missing-key sweep, wave 2: keys referenced indirectly
+    // (via a variable/array 'labelKey', not a literal t('...') call - e.g.
+    // shape-preset lists, equation templates, artistic-effect catalogues,
+    // table style-option checkboxes) that the first wave's literal-call
+    // grep could not see. Same appended-flat approach as wave 1.
+    'pptx.accessibility.severityErrors': 'Errors',
+    'pptx.accessibility.severityTips': 'Tips',
+    'pptx.accessibility.severityWarnings': 'Warnings',
+    'pptx.accessibility.typeBlankSlide': 'Blank slide',
+    'pptx.accessibility.typeComplexTable': 'Complex table',
+    'pptx.accessibility.typeDuplicateTitle': 'Duplicate slide title',
+    'pptx.accessibility.typeLowContrast': 'Low contrast',
+    'pptx.accessibility.typeMissingAltText': 'Missing alt text',
+    'pptx.accessibility.typeMissingSlideTitle': 'Missing slide title',
+    'pptx.align.bottom': 'Align bottom',
+    'pptx.align.centerH': 'Align center',
+    'pptx.align.left': 'Align left',
+    'pptx.align.middle': 'Align middle',
+    'pptx.align.right': 'Align right',
+    'pptx.align.top': 'Align top',
+    'pptx.documentProperties.custom.typeDate': 'Date',
+    'pptx.documentProperties.custom.typeNumber': 'Number',
+    'pptx.documentProperties.custom.typeText': 'Text',
+    'pptx.documentProperties.custom.typeYesNo': 'Yes or No',
+    'pptx.documentProperties.statistics.elements': 'Elements',
+    'pptx.documentProperties.statistics.hiddenSlides': 'Hidden Slides',
+    'pptx.documentProperties.statistics.lastModifiedBy': 'Last Modified By',
+    'pptx.documentProperties.statistics.notes': 'Notes',
+    'pptx.documentProperties.statistics.paragraphs': 'Paragraphs',
+    'pptx.documentProperties.statistics.revision': 'Revision',
+    'pptx.documentProperties.statistics.slides': 'Slides',
+    'pptx.documentProperties.statistics.words': 'Words',
+    'pptx.documentProperties.summary.category': 'Category',
+    'pptx.documentProperties.summary.description': 'Description',
+    'pptx.documentProperties.tabs.custom': 'Custom',
+    'pptx.documentProperties.tabs.general': 'General',
+    'pptx.documentProperties.tabs.statistics': 'Statistics',
+    'pptx.editorToolbar.shapeEllipse': 'Ellipse',
+    'pptx.editorToolbar.shapeRectangle': 'Rectangle',
+    'pptx.editorToolbar.shapeRoundedRectangle': 'Rounded rectangle',
+    'pptx.editorToolbar.shapeTriangle': 'Triangle',
+    'pptx.equation.template.binomial': 'Binomial',
+    'pptx.equation.template.derivative': 'Derivative',
+    'pptx.equation.template.euler': "Euler's",
+    'pptx.equation.template.fraction': 'Fraction',
+    'pptx.equation.template.integral': 'Integral',
+    'pptx.equation.template.limit': 'Limit',
+    'pptx.equation.template.matrix': 'Matrix 2x2',
+    'pptx.equation.template.pythagorean': 'Pythagorean',
+    'pptx.equation.template.quadratic': 'Quadratic',
+    'pptx.equation.template.squareRoot': 'Square Root',
+    'pptx.equation.template.sum': 'Sum',
+    'pptx.equation.template.trigIdentity': 'Trig Identity',
+    'pptx.hyperlink.actionNone': 'None',
+    'pptx.hyperlink.actionSlide': 'Slide',
+    'pptx.hyperlink.actionUrl': 'URL',
+    'pptx.image.duotonePresetBlackWhite': 'Black, White',
+    'pptx.image.duotonePresetBlueOrange': 'Blue, Orange',
+    'pptx.image.duotonePresetGreenYellow': 'Green, Yellow',
+    'pptx.image.duotonePresetNavyGold': 'Navy, Gold',
+    'pptx.image.duotonePresetPurplePink': 'Purple, Pink',
+    'pptx.image.duotonePresetRedCream': 'Red, Cream',
+    'pptx.image.duotonePresetSepiaWarm': 'Sepia, Warm',
+    'pptx.image.duotonePresetTealWhite': 'Teal, White',
+    'pptx.image.effectBlur': 'Blur',
+    'pptx.image.effectCement': 'Cement',
+    'pptx.image.effectChalk': 'Chalk Sketch',
+    'pptx.image.effectCrisscross': 'Crisscross Etching',
+    'pptx.image.effectCutout': 'Cutout',
+    'pptx.image.effectFilmGrain': 'Film Grain',
+    'pptx.image.effectGlowDiffused': 'Glow Diffused',
+    'pptx.image.effectGlowEdges': 'Glow Edges',
+    'pptx.image.effectGrayscale': 'Grayscale',
+    'pptx.image.effectLightScreen': 'Light Screen',
+    'pptx.image.effectLineDrawing': 'Line Drawing',
+    'pptx.image.effectMarker': 'Marker',
+    'pptx.image.effectMosaic': 'Mosaic Bubbles',
+    'pptx.image.effectNone': 'None',
+    'pptx.image.effectPaint': 'Paint Brush',
+    'pptx.image.effectPaintStrokes': 'Paint Strokes',
+    'pptx.image.effectPastels': 'Pastels Smooth',
+    'pptx.image.effectPencilSketch': 'Pencil Sketch',
+    'pptx.image.effectPhotocopy': 'Photocopy',
+    'pptx.image.effectPlasticWrap': 'Plastic Wrap',
+    'pptx.image.effectSepia': 'Sepia',
+    'pptx.image.effectSharpen': 'Sharpen',
+    'pptx.image.effectTexturizer': 'Texturizer',
+    'pptx.image.effectWatercolor': 'Watercolor Sponge',
+    'pptx.share.copyLinkButton': 'Copy Link',
+    'pptx.stroke.dashDash': 'Dash',
+    'pptx.stroke.dashDashDot': 'Dash Dot',
+    'pptx.stroke.dashDot': 'Dot',
+    'pptx.stroke.dashSolid': 'Solid',
+    'pptx.stroke.dashSysDash': 'System Dash',
+    'pptx.stroke.dashSysDot': 'System Dot',
+    'pptx.table.bandedColumns': 'Banded Columns',
+    'pptx.table.bandedRows': 'Banded Rows',
+    'pptx.table.borderBottom': 'Bottom',
+    'pptx.table.borderDiagDown': 'Diagonal Down',
+    'pptx.table.borderDiagUp': 'Diagonal Up',
+    'pptx.table.borderLeft': 'Left',
+    'pptx.table.borderRight': 'Right',
+    'pptx.table.borderTop': 'Top',
+    'pptx.table.fillGradient': 'Gradient',
+    'pptx.table.fillNone': 'None',
+    'pptx.table.fillPattern': 'Pattern',
+    'pptx.table.fillSolid': 'Solid',
+    'pptx.table.firstColumn': 'First Column',
+    'pptx.table.gradientLinear': 'Linear',
+    'pptx.table.gradientRadial': 'Radial',
+    'pptx.table.headerRow': 'Header Row',
+    'pptx.table.lastColumn': 'Last Column',
+    'pptx.table.lastRow': 'Last Row',
+    'pptx.table.marginBottom': 'Bottom',
+    'pptx.table.marginLeft': 'Left',
+    'pptx.table.marginRight': 'Right',
+    'pptx.table.marginTop': 'Top',
 };
 /**
  * Convert a dotted translation key to a human-readable label when no