pptx-vue-viewer 4.46.0 → 4.47.0

package/dist/{useViewerSettingsDialog-CWoUSatY.cjs → useViewerSettingsDialog-jAbWHh3J.cjs}

@@ -6887,6 +6887,7 @@ var zc = [
 			ref_key: "stageRef",
 			ref: o,
 			class: "pptx-vue-stage",
+			"data-pptx-scope": "",
 			style: (0, d.normalizeStyle)(c.value),
 			role: e.presenting ? "region" : void 0,
 			"aria-roledescription": e.presenting ? "slide" : void 0,
@@ -8496,7 +8497,7 @@ function ad(e) {
 			}
 			const y = await async function(e, t, n) {
 				if ("webrtc" === e) {
-					const { WebrtcProvider: e } = await Promise.resolve().then(() => require("./y-webrtc-Bswp1Y3G.cjs")), o = new e(t.roomId, n, {
+					const { WebrtcProvider: e } = await Promise.resolve().then(() => require("./y-webrtc-B7OSkf8u.cjs")), o = new e(t.roomId, n, {
 						signaling: t.signaling?.length ? t.signaling : void 0,
 						password: t.authToken || void 0
 					}), l = (0, u.createDepartureChannel)(t.roomId, o.awareness);
@@ -9095,14 +9096,14 @@ function vd(e) {
 	const { coreProperties: t, customProperties: n, appProperties: o } = e, l = (0, d.ref)(!1);
 	return {
 		propertiesOpen: l,
-		onPropertiesSave: function(e) {
+		onPropertiesSave: function(a) {
 			t.value = {
 				...t.value,
-				...e.core
-			}, n.value = e.custom, e.app && (o.value = {
+				...a.core
+			}, n.value = a.custom, a.app && (o.value = {
 				...o.value,
-				...e.app
-			}), l.value = !1;
+				...a.app
+			}), l.value = !1, e.onCorePropertiesChanged?.(a.core);
 		}
 	};
 }
@@ -9123,22 +9124,28 @@ function fd(e, t, n) {
 			const e = Math.max(o.slides.length - 1, 0);
 			l.value > e && (l.value = e);
 		}
+	}, c = (0, d.computed)(() => (l.value, o.canUndo)), p = (0, d.computed)(() => (l.value, o.canRedo)), m = (0, d.computed)(() => (l.value, o.undoLabel || void 0)), v = (0, d.computed)(() => (l.value, o.redoLabel || void 0));
+	let f = !1;
+	const g = () => {
+		n?.onChange && !f && (f = !0, (0, d.nextTick)(() => {
+			f = !1, n.onChange?.();
+		}));
 	};
 	return {
-		canUndo: (0, d.computed)(() => (l.value, o.canUndo)),
-		canRedo: (0, d.computed)(() => (l.value, o.canRedo)),
-		undoLabel: (0, d.computed)(() => (l.value, o.undoLabel || void 0)),
-		redoLabel: (0, d.computed)(() => (l.value, o.redoLabel || void 0)),
+		canUndo: c,
+		canRedo: p,
+		undoLabel: m,
+		redoLabel: v,
 		pushHistory: (e = "") => {
-			o.record(i(), e), a();
+			o.record(i(), e), a(), g();
 		},
 		undo: () => {
 			const e = o.undo(i());
-			e && (s(e.snapshot), a());
+			e && (s(e.snapshot), a(), g());
 		},
 		redo: () => {
 			const e = o.redo(i());
-			e && (s(e.snapshot), a());
+			e && (s(e.snapshot), a(), g());
 		},
 		clearHistory: () => {
 			o.clear(), a();
@@ -10104,7 +10111,28 @@ function $d(e) {
 	}), y = Dd({
 		exporter: g,
 		mediaExport: h
-	});
+	}), k = (0, d.computed)(() => g.exporting.value || h.exporting.value);
+	async function x(t, n = "saveAs") {
+		const o = e.storage?.();
+		try {
+			const l = await r(t);
+			await (0, u.deliverSavedPresentation)({
+				storage: o,
+				bytes: l,
+				format: t,
+				fileName: (0, u.savedPresentationFileName)(e.fileName?.(), t),
+				reason: n
+			});
+			const a = e.getOptions?.();
+			if (a) {
+				(0, u.playFeedbackSound)(a);
+				const n = e.filePath?.();
+				"pptx" === t && n && (0, u.shouldDiscardAutosaveOnSuccessfulSave)(a) && (0, u.deleteAutosaveSnapshot)(n, o).catch(() => {});
+			}
+		} catch (n) {
+			console.error(`[PowerPointViewer] Save as .${t} failed:`, n), e.onSaveError?.(n);
+		}
+	}
 	return {
 		exportStageRef: s,
 		exportSlide: p,
@@ -10114,7 +10142,7 @@ function $d(e) {
 		exporter: g,
 		mediaExport: h,
 		exportProgressCtl: y,
-		isExporting: (0, d.computed)(() => g.exporting.value || h.exporting.value),
+		isExporting: k,
 		onExportPng: function() {
 			g.exportSlidePng(a.value);
 		},
@@ -10134,19 +10162,9 @@ function $d(e) {
 				console.error("[PowerPointViewer] Export as JSON failed:", e);
 			}
 		},
-		downloadAs: async function(t) {
-			try {
-				const n = await r(t), o = new Blob([n], { type: "ppt" === t ? "application/vnd.ms-powerpoint" : "application/vnd.openxmlformats-officedocument.presentationml.presentation" });
-				(0, u.downloadBlob)(o, `presentation.${t}`);
-				const l = e.getOptions?.();
-				if (l) {
-					(0, u.playFeedbackSound)(l);
-					const n = e.filePath?.();
-					"pptx" === t && n && (0, u.shouldDiscardAutosaveOnSuccessfulSave)(l) && (0, u.deleteAutosaveSnapshot)(n).catch(() => {});
-				}
-			} catch (e) {
-				console.error(`[PowerPointViewer] Save as .${t} failed:`, e);
-			}
+		downloadAs: x,
+		save: function() {
+			return x("pptx", "save");
 		},
 		onCopySlideAsImage: async function() {
 			try {
@@ -11024,16 +11042,16 @@ function xp(e) {
 		}, t.value = r;
 	}
 	return {
-		onNotesUpdate: function(e, o) {
-			const a = n.value, r = t.value[a];
-			if (!r) return;
+		onNotesUpdate: function(o, a) {
+			const r = n.value, i = t.value[r];
+			if (!i) return;
 			l();
-			const i = t.value.slice();
-			i[a] = {
-				...r,
-				notes: e,
-				...void 0 === o ? {} : { notesSegments: o.length > 0 ? o : void 0 }
-			}, t.value = i;
+			const s = t.value.slice();
+			s[r] = {
+				...i,
+				notes: o,
+				...void 0 === a ? {} : { notesSegments: a.length > 0 ? a : void 0 }
+			}, t.value = s, e.onNotesChanged?.(o);
 		},
 		toggleSlideHidden: function(e) {
 			const n = t.value[e];
@@ -11430,6 +11448,9 @@ function Dp(e) {
 		onOpenShareDialog: () => {
 			e.shareOpen.value = !0;
 		},
+		onSave: () => {
+			e.save();
+		},
 		onSaveAsPptx: () => {
 			e.downloadAs("pptx");
 		},

package/dist/viewer/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("../useViewerSettingsDialog-CWoUSatY.cjs"), t = require("../viewer-Yk-sYgUA.cjs");
+const e = require("../useViewerSettingsDialog-jAbWHh3J.cjs"), t = require("../viewer-7Z6aaf6w.cjs");
 let r = require("ooxml-ui/pptx");
 Object.defineProperty(exports, "AUDIENCE_HASH", {
 	enumerable: !0,

package/dist/viewer/index.d.ts

@@ -1,6 +1,7 @@
 import { AccountAuthConfig } from 'ooxml-ui/pptx';
 import { AnimationApplyGroup } from 'ooxml-ui/pptx';
 import { AUDIENCE_HASH } from 'ooxml-ui/pptx';
+import { AutosaveRecord } from 'ooxml-ui/pptx';
 import { buildInitialGuides } from 'ooxml-ui/pptx';
 import { CanvasSize } from 'ooxml-ui/pptx';
 import { ChangeCaseMode } from 'ooxml-ui/pptx';
@@ -21,6 +22,7 @@ import { ConnectionStatus } from 'ooxml-ui/pptx';
 import { CSSProperties } from 'vue';
 import { DeckSaveIntent } from 'ooxml-ui/pptx';
 import { DefineComponent } from 'vue';
+import { DocumentStorage } from 'ooxml-ui/pptx';
 import { ElementAnimationState } from 'ooxml-ui/pptx';
 import { ExternalCollaborationAwareness } from 'ooxml-ui/pptx';
 import { ExternalCollaborationSession } from 'ooxml-ui/pptx';
@@ -98,6 +100,7 @@ import { TemplateElementMap } from 'ooxml-ui/pptx';
 import { TextStyle } from 'ooxml-core/pptx';
 import { ThemeCatalogEntry } from 'ooxml-ui/pptx';
 import { ToolbarActionId } from 'ooxml-ui/pptx';
+import { ViewerAutosaveStatus } from 'ooxml-ui/pptx';
 import { ViewerCustomization } from 'ooxml-ui/pptx';
 import { ViewerCustomizationApi } from 'ooxml-ui/pptx';
 import { ViewerFontSource } from 'ooxml-ui/pptx';
@@ -122,8 +125,10 @@ declare const __VLS_base_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, Compo
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare const __VLS_export: DefineComponent<PowerPointViewerProps, PowerPointViewerExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    change: () => any;
     error: (message: string) => any;
     load: (detail: ViewerLoadDetail) => any;
+    "collaboration-status": (status: ConnectionStatus) => any;
     "dirty-change": (isDirty: boolean) => any;
     "content-change": (content: Uint8Array<ArrayBufferLike>) => any;
     autosave: (content: Uint8Array<ArrayBufferLike>) => any;
@@ -135,9 +140,17 @@ declare const __VLS_export: DefineComponent<PowerPointViewerProps, PowerPointVie
     "start-collaboration": (config: CollaborationConfig) => any;
     "stop-collaboration": () => any;
     "collaboration-change": (state: CollaborationState) => any;
+    "autosave-toggle": (enabled: boolean) => any;
+    "autosave-status": (status: ViewerAutosaveStatus) => any;
+    "autosave-recovery": (record: AutosaveRecord) => any;
+    "properties-change": (updates: Partial< PptxCoreProperties>) => any;
+    "notes-update": (notes: string) => any;
+    "presentation-change": (presenting: boolean) => any;
 }, string, PublicProps, Readonly<PowerPointViewerProps> & Readonly<{
+    onChange?: (() => any) | undefined;
     onError?: ((message: string) => any) | undefined;
     onLoad?: ((detail: ViewerLoadDetail) => any) | undefined;
+    "onCollaboration-status"?: ((status: ConnectionStatus) => any) | undefined;
     "onDirty-change"?: ((isDirty: boolean) => any) | undefined;
     "onContent-change"?: ((content: Uint8Array<ArrayBufferLike>) => any) | undefined;
     onAutosave?: ((content: Uint8Array<ArrayBufferLike>) => any) | undefined;
@@ -149,8 +162,16 @@ declare const __VLS_export: DefineComponent<PowerPointViewerProps, PowerPointVie
     "onStart-collaboration"?: ((config: CollaborationConfig) => any) | undefined;
     "onStop-collaboration"?: (() => any) | undefined;
     "onCollaboration-change"?: ((state: CollaborationState) => any) | undefined;
+    "onAutosave-toggle"?: ((enabled: boolean) => any) | undefined;
+    "onAutosave-status"?: ((status: ViewerAutosaveStatus) => any) | undefined;
+    "onAutosave-recovery"?: ((record: AutosaveRecord) => any) | undefined;
+    "onProperties-change"?: ((updates: Partial< PptxCoreProperties>) => any) | undefined;
+    "onNotes-update"?: ((notes: string) => any) | undefined;
+    "onPresentation-change"?: ((presenting: boolean) => any) | undefined;
 }>, {
     canEdit: boolean;
+    readOnly: boolean;
+    autosave: boolean;
     barChart3D: boolean;
     lineChart3D: boolean;
     areaChart3D: boolean;
@@ -1185,6 +1206,25 @@ export declare interface PowerPointViewerEmits {
     (e: 'load', detail: ViewerLoadDetail): void;
     /** Fired once per distinct load failure, with a human-readable message. */
     (e: 'error', message: string): void;
+    /** Fired when the user enables or disables autosave (title bar or File > Options). */
+    (e: 'autosave-toggle', enabled: boolean): void;
+    /** Fired on every autosave lifecycle transition (`idle`, `saving`, `saved`, `error`). */
+    (e: 'autosave-status', status: ViewerAutosaveStatus): void;
+    /**
+     * Fired when a recovery snapshot left by a previous session is found for this deck. The
+     * built-in recovery prompt is shown as well.
+     */
+    (e: 'autosave-recovery', record: AutosaveRecord): void;
+    /** Fired after any committed document edit (move, resize, text, undo, redo, ...). */
+    (e: 'change'): void;
+    /** Fired with the changed fields when the user edits the document properties. */
+    (e: 'properties-change', updates: Partial<PptxCoreProperties>): void;
+    /** Fired with the new speaker-notes text when the user edits the notes of a slide. */
+    (e: 'notes-update', notes: string): void;
+    /** Fired when presentation (slide show) mode is entered (`true`) or left (`false`). */
+    (e: 'presentation-change', presenting: boolean): void;
+    /** Fired on every collaboration connection-status transition. */
+    (e: 'collaboration-status', status: ConnectionStatus): void;
 }
 
 /**
@@ -1224,6 +1264,12 @@ export declare interface PowerPointViewerProps {
     fileName?: string;
     /** Whether editing actions are enabled. */
     canEdit?: boolean;
+    /**
+     * Makes the deck read-only (default `false`). It is the inverse of the edit switch: true wins
+     * over it, false only lifts this restriction, so editing still needs the edit switch and
+     * is never granted over a collaboration `viewer` role or `capabilities.edit`.
+     */
+    readOnly?: boolean;
     /** Fired before following a link; return false to cancel its default action. */
     onHyperlinkClick?: HyperlinkClickHandler;
     /**
@@ -1251,6 +1297,14 @@ export declare interface PowerPointViewerProps {
      * were brought onto one rule.
      */
     autosaveIntervalMs?: number;
+    /**
+     * Host-owned storage (`DocumentStorage` from `ooxml-core/embedding`). When set,
+     * Save and Save As hand the bytes to `storage.save()` instead of downloading
+     * them, and recovery autosave snapshots go to the storage's recovery methods
+     * (`readRecovery` / `writeRecovery` / `clearRecovery`) instead of IndexedDB
+     * when it provides them.
+     */
+    storage?: DocumentStorage;
     /** Optional class name applied to the root element. */
     class?: string;
     /**
@@ -1693,6 +1747,8 @@ export declare interface RibbonProps {
     /** Serialise the deck to pptx-viewer-json and download it (Export page card). */
     onExportJson: () => void;
     onOpenShareDialog?: () => void;
+    /** File > Save (backstage Save item): reported to host storage as `save`, not Save As. */
+    onSave?: () => void;
     onSaveAsPptx: () => void;
     onSaveAsPpsx: () => void;
     onSaveAsPptm: () => void;
@@ -1993,6 +2049,11 @@ declare interface UseEditorHistoryOptions {
      * Without it the stage pointed past the end of the deck and drew nothing.
      */
     activeSlideIndex?: Ref<number>;
+    /**
+     * Called once per tick after an edit is recorded, undone or redone: the host's `change`
+     * event. Deferred a tick so a listener reads the committed deck, not the one before it.
+     */
+    onChange?: () => void;
 }
 
 export declare function useEditorOperations(input: UseEditorOperationsInput): EditorOperations;

package/dist/viewer/index.js

@@ -1,3 +1,3 @@
-import { $ as a, Ar as s, Bn as r, C as e, Fr as o, Hn as n, Ir as t, Kn as l, L as i, Lr as d, M as R, Mr as S, N as m, Nr as b, P as C, Pr as w, S as u, Vn as c, X as p, Yn as v, Z as f, br as g, fr as j, j as x, jr as y, kr as I, lr as M, lt as P, pr as T, rr as A, ur as E, w as O, x as V, yr as h } from "../useViewerSettingsDialog-CJMF2f_L.js";
-import { C as k, S as B, _ as D, a as F, b as L, c as N, d as Z, f as q, g as H, h as K, i as W, m as X, n as Y, o as $, p as _, r as z, s as G, t as J, u as Q, v as U, w as aa, y as sa } from "../viewer-eKX1MZ4K.js";
+import { $ as a, Ar as s, Bn as r, C as e, Fr as o, Hn as n, Ir as t, Kn as l, L as i, Lr as d, M as R, Mr as S, N as m, Nr as b, P as C, Pr as w, S as u, Vn as c, X as p, Yn as v, Z as f, br as g, fr as j, j as x, jr as y, kr as I, lr as M, lt as P, pr as T, rr as A, ur as E, w as O, x as V, yr as h } from "../useViewerSettingsDialog-CXbWkqSq.js";
+import { C as k, S as B, _ as D, a as F, b as L, c as N, d as Z, f as q, g as H, h as K, i as W, m as X, n as Y, o as $, p as _, r as z, s as G, t as J, u as Q, v as U, w as aa, y as sa } from "../viewer-DIlCsUp0.js";
 export { Z as AUDIENCE_HASH, g as ChartRenderer, U as CollaborationCursors, aa as CollaborationStatusIndicator, h as ConnectorRenderer, b as DEFAULT_CANVAS_HEIGHT, w as DEFAULT_CANVAS_WIDTH, o as DEFAULT_FILL_COLOR, t as DEFAULT_STROKE_COLOR, d as DEFAULT_TEXT_COLOR, c as ElementRenderer, T as EquationRenderer, Q as FollowModeBar, j as InkRenderer, k as InlineTextEditor, E as Model3DRenderer, M as OleRenderer, N as PowerPointViewer, D as RemoteSelectionOverlay, L as RibbonToolbar, B as SelectionOverlay, sa as SlideCanvas, r as SlideStage, A as SmartArtRenderer, v as TableRenderer, l as WordArtText, n as ZoomRenderer, R as buildInitialGuides, q as clearAudienceContent, m as collectImagePaths, C as collectMediaElements, V as exportAllSlidesToSvg, u as exportAllSlidesToSvgBlobs, e as exportSlideToSvg, O as exportSlideToSvgBlob, I as getContainerStyle, s as getImageSrc, Y as getResolvedShapeClipPath, z as getResolvedShapeClipPathFor, y as getShapeFillStrokeStyle, S as getTextBlockStyle, _ as isAudienceTab, X as loadAudienceContent, J as overlayInlineTextSnapshot, K as parseAudienceNonce, H as storeAudienceContent, P as useCollaboration, W as useCollaborativeHistory, F as useCollaborativeState, a as useEditorHistory, f as useEditorOperations, p as useElementDrag, i as useInlineEditing, x as useLoadContent, $ as usePresenceTracking, G as useYjsProvider };