pptx-vue-viewer 1.1.83 → 1.1.84

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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.1.83](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.1.83) - 2026-07-03
+
+### Features
+
+- **vue:** Interoperable presence schema, webrtc transport, granular sync (by @ChristopherVR) ([9b53df5](https://github.com/ChristopherVR/pptx-viewer/commit/9b53df5e9487c5fbb16e78f40f5e746752eb4574))
+
+### Dependencies
+
+- **deps:** Declare yjs, y-websocket, and y-webrtc across bindings (by @ChristopherVR) ([27a2849](https://github.com/ChristopherVR/pptx-viewer/commit/27a2849da755a0902296dcd59557c1329a1cbadf))
+
 ## [1.1.81](https://github.com/ChristopherVR/pptx-viewer/releases/tag/pptx-vue-viewer@1.1.81) - 2026-07-03
 
 ### Features

package/dist/gif-encoder-BN5J0GRM.js

@@ -0,0 +1,2 @@
+import { H as r } from "./viewer-tdtFidOK.js";
+export { r as encodeGif };

package/dist/gif-encoder-BN5J0GRM.js.br

@@ -0,0 +1,3 @@
+�$�import { H as r } from "./viewer-tdtFidOK.js";
+export { r as encodeGif };
+

package/dist/gif-encoder-CSeD13Pr.cjs

@@ -0,0 +1,2 @@
+const e = require("./viewer-DVpqCEBV.cjs");
+exports.encodeGif = e.encodeGif;

package/dist/index.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./viewer-D1YS0zEs.cjs");
+const e = require("./viewer-DVpqCEBV.cjs");
 exports.AUDIENCE_HASH = e.AUDIENCE_HASH, exports.ElementRenderer = e.ElementRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.clearAudienceContent = e.clearAudienceContent, exports.cn = e.cn, exports.defaultCssVars = e.defaultCssVars, exports.defaultRadius = e.defaultRadius, exports.defaultThemeColors = e.defaultThemeColors, exports.isAudienceTab = e.isAudienceTab, exports.loadAudienceContent = e.loadAudienceContent, exports.provideViewerTheme = e.provideViewerTheme, exports.storeAudienceContent = e.storeAudienceContent, exports.themeToCssVars = e.themeToCssVars, exports.useThemeStyle = e.useThemeStyle, exports.useViewerTheme = e.useViewerTheme;

package/dist/index.js

@@ -1,2 +1,2 @@
-import { B as a, F as s, G as e, N as r, P as i, V as o, a as t, d as n, f as d, i as l, n as m, o as p, p as w, r as P, t as S, u as f, z as v } from "./viewer-XosufPBO.js";
+import { B as a, F as s, G as e, N as r, P as i, V as o, a as t, d as n, f as d, i as l, n as m, o as p, p as w, r as P, t as S, u as f, z as v } from "./viewer-tdtFidOK.js";
 export { S as AUDIENCE_HASH, w as ElementRenderer, p as PowerPointViewer, f as SlideCanvas, d as SlideStage, m as clearAudienceContent, n as cn, v as defaultCssVars, a as defaultRadius, o as defaultThemeColors, P as isAudienceTab, l as loadAudienceContent, r as provideViewerTheme, t as storeAudienceContent, e as themeToCssVars, i as useThemeStyle, s as useViewerTheme };

package/dist/viewer/composables/collaboration-provider.d.ts

@@ -12,6 +12,15 @@ export interface CollabProviderHandle {
     onStatus: (cb: (connected: boolean) => void) => void;
     /** Whether the transport reports a connection immediately after creation. */
     connectedNow: boolean;
+    /**
+     * Subscribe to the provider's initial-document-sync confirmation. Websocket
+     * fires reliably once the server sync completes; webrtc only fires when a
+     * peer syncs with us (a lone fresh-room peer never receives one, so callers
+     * pair this with a grace timer, see the shared createSyncGate).
+     */
+    onSynced: (cb: () => void) => void;
+    /** Whether the provider already reports its initial sync as complete. */
+    syncedNow: boolean;
     /** Tear the provider down (disconnect + destroy). */
     destroy: () => void;
 }

package/dist/viewer/composables/collaboration-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collaboration-provider.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/collaboration-provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,wDAAwD;AACxD,MAAM,WAAW,oBAAoB;IACpC,yCAAyC;IACzC,SAAS,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;IACrD,6EAA6E;IAC7E,YAAY,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,uDAAuD;AACvD,KAAK,SAAS,GAAG,qBAAqB,CAAC,cAAc,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F;;;;GAIG;AACH,wBAAsB,oBAAoB,CACzC,SAAS,EAAE,sBAAsB,EACjC,MAAM,EAAE,mBAAmB,EAC3B,GAAG,EAAE,SAAS,GACZ,OAAO,CAAC,oBAAoB,CAAC,CAmC/B"}
+{"version":3,"file":"collaboration-provider.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/collaboration-provider.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,wDAAwD;AACxD,MAAM,WAAW,oBAAoB;IACpC,yCAAyC;IACzC,SAAS,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;IACrD,6EAA6E;IAC7E,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IACnC,yEAAyE;IACzE,SAAS,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,uDAAuD;AACvD,KAAK,SAAS,GAAG,qBAAqB,CAAC,cAAc,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F;;;;GAIG;AACH,wBAAsB,oBAAoB,CACzC,SAAS,EAAE,sBAAsB,EACjC,MAAM,EAAE,mBAAmB,EAC3B,GAAG,EAAE,SAAS,GACZ,OAAO,CAAC,oBAAoB,CAAC,CAiD/B"}

package/dist/viewer/composables/useCollaboration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCollaboration.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/useCollaboration.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EACX,uBAAuB,EACvB,sBAAsB,EAEtB,cAAc,EACd,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;AAEhF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CAuQzF"}
+{"version":3,"file":"useCollaboration.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/useCollaboration.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EACX,uBAAuB,EACvB,sBAAsB,EAEtB,cAAc,EACd,MAAM,uBAAuB,CAAC;AAG/B,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;AAEhF,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CAkSzF"}

package/dist/viewer/index.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("../viewer-D1YS0zEs.cjs");
+const e = require("../viewer-DVpqCEBV.cjs");
 exports.AUDIENCE_HASH = e.AUDIENCE_HASH, exports.ChartRenderer = e.ChartRenderer_default, exports.ConnectorRenderer = e.ConnectorRenderer_default, exports.DEFAULT_CANVAS_HEIGHT = e.DEFAULT_CANVAS_HEIGHT, exports.DEFAULT_CANVAS_WIDTH = e.DEFAULT_CANVAS_WIDTH, exports.DEFAULT_FILL_COLOR = e.DEFAULT_FILL_COLOR, exports.DEFAULT_STROKE_COLOR = e.DEFAULT_STROKE_COLOR, exports.DEFAULT_TEXT_COLOR = e.DEFAULT_TEXT_COLOR, exports.ElementRenderer = e.ElementRenderer_default, exports.EquationRenderer = e.EquationRenderer_default, exports.InkRenderer = e.InkRenderer_default, exports.Model3DRenderer = e.Model3DRenderer_default, exports.OleRenderer = e.OleRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.SmartArtRenderer = e.SmartArtRenderer_default, exports.TableRenderer = e.TableRenderer_default, exports.WordArtText = e.WordArtText_default, exports.ZoomRenderer = e.ZoomRenderer_default, exports.buildInitialGuides = e.buildInitialGuides, exports.clearAudienceContent = e.clearAudienceContent, exports.collectImagePaths = e.collectImagePaths, exports.collectMediaElements = e.collectMediaElements, exports.getContainerStyle = e.getContainerStyle, exports.getImageSrc = e.getImageSrc, exports.getResolvedShapeClipPath = e.getResolvedShapeClipPath, exports.getResolvedShapeClipPathFor = e.getResolvedShapeClipPathFor, exports.getShapeFillStrokeStyle = e.getShapeFillStrokeStyle, exports.getTextBlockStyle = e.getTextBlockStyle, exports.isAudienceTab = e.isAudienceTab, exports.loadAudienceContent = e.loadAudienceContent, exports.storeAudienceContent = e.storeAudienceContent, exports.useEditorHistory = e.useEditorHistory, exports.useEditorOperations = e.useEditorOperations, exports.useLoadContent = e.useLoadContent;

package/dist/viewer/index.js

@@ -1,2 +1,2 @@
-import { A as a, C as s, D as e, E as r, I as n, L as d, M as o, O as t, R, S as i, T as l, U as m, W as S, _ as w, a as C, b as p, c as v, f as x, g as A, h as E, i as T, j as b, k as c, l as f, m as g, n as h, o as j, p as k, r as u, s as D, t as I, u as M, v as O, w as P, x as W, y as q } from "../viewer-XosufPBO.js";
+import { A as a, C as s, D as e, E as r, I as n, L as d, M as o, O as t, R, S as i, T as l, U as m, W as S, _ as w, a as C, b as p, c as v, f as x, g as A, h as E, i as T, j as b, k as c, l as f, m as g, n as h, o as j, p as k, r as u, s as D, t as I, u as M, v as O, w as P, x as W, y as q } from "../viewer-tdtFidOK.js";
 export { I as AUDIENCE_HASH, s as ChartRenderer, i as ConnectorRenderer, t as DEFAULT_CANVAS_HEIGHT, c as DEFAULT_CANVAS_WIDTH, a as DEFAULT_FILL_COLOR, b as DEFAULT_STROKE_COLOR, o as DEFAULT_TEXT_COLOR, k as ElementRenderer, W as EquationRenderer, p as InkRenderer, q as Model3DRenderer, O as OleRenderer, j as PowerPointViewer, M as SlideCanvas, x as SlideStage, w as SmartArtRenderer, A as TableRenderer, E as WordArtText, g as ZoomRenderer, n as buildInitialGuides, h as clearAudienceContent, d as collectImagePaths, R as collectMediaElements, P as getContainerStyle, l as getImageSrc, m as getResolvedShapeClipPath, S as getResolvedShapeClipPathFor, r as getShapeFillStrokeStyle, e as getTextBlockStyle, u as isAudienceTab, T as loadAudienceContent, C as storeAudienceContent, f as useEditorHistory, v as useEditorOperations, D as useLoadContent };

package/dist/{viewer-D1YS0zEs.cjs → viewer-DVpqCEBV.cjs}

@@ -31979,12 +31979,46 @@ function CZ(e) {
 		getTemplateElements: e.getTemplateElements
 	});
 	function N() {
+		if (!C || !E || x) return;
+		const t = JSON.stringify(e.slides.value);
+		t !== w && (w = t, function(e, t, n, o = "pptx-viewer:local-sync") {
+			t.transact(() => {
+				Xa(t.getArray(Da), e, {
+					idOf: (e) => "string" == typeof e.id ? e.id : void 0,
+					create: (e) => {
+						const t = n.createMap();
+						return Aa(e, t, n), t;
+					},
+					update: (e, t) => Ga(e, t, n)
+				});
+			}, o);
+		}(e.slides.value, C, E), S && B.schedule(S));
+	}
+	const V = function(e, t = 3e3) {
+		let n = !1, o = null;
+		const r = () => {
+			null !== o && (clearTimeout(o), o = null);
+		}, a = () => {
+			r(), n || (n = !0, e());
+		};
+		return {
+			isOpen: () => n,
+			arm: () => {
+				r(), n || (o = setTimeout(a, t));
+			},
+			open: a,
+			reset: () => {
+				r(), n = !1;
+			}
+		};
+	}(N);
+	function M() {
 		if (!m) return r.value = [], void (i.value = []);
 		const { presences: t, cursors: n } = EZ(m.getStates(), g, SZ(e.canvasWidth), SZ(e.canvasHeight), h);
 		r.value = t, i.value = n, null === l.value || t.some((e) => e.clientId === l.value) || (l.value = null);
 	}
-	async function V(o) {
-		M(), S = o;
+	async function D(o) {
+		T(), S = o;
 		try {
 			ga(o.roomId);
 		} catch {
@@ -32024,6 +32058,10 @@ function CZ(e) {
 							awareness: o.awareness,
 							onStatus: (e) => o.on("status", (t) => e(Boolean(t.connected))),
 							connectedNow: !0,
+							onSynced: (e) => o.on("synced", (t) => {
+								!1 !== t?.synced && e();
+							}),
+							syncedNow: !1,
 							destroy: () => o.destroy()
 						};
 					}
@@ -32034,11 +32072,15 @@ function CZ(e) {
 							"connected" === t.status ? e(!0) : "disconnected" === t.status && e(!1);
 						}),
 						connectedNow: r.wsconnected,
+						onSynced: (e) => r.on("sync", (t) => {
+							t && e();
+						}),
+						syncedNow: r.synced,
 						destroy: () => {
 							r.disconnect(), r.destroy();
 						}
 					};
-				}(r, o, i), m = p.awareness, g = m.clientID ?? -1, f = function(e, t) {
+				}(r, o, i), m = p.awareness, g = m.clientID ?? -1, V.reset(), p.onSynced(() => V.open()), p.syncedNow ? V.open() : V.arm(), f = function(e, t) {
 					const n = {
 						activeSlideIndex: 0,
 						cursorX: 0,
@@ -32078,10 +32120,10 @@ function CZ(e) {
 					userColor: e.userColor ?? o.userColor ?? "#4c8bf5",
 					userAvatar: o.userAvatar,
 					role: o.role
-				}), m.on("change", N), m.on("update", N), "webrtc" === r ? t.value = "connected" : (p.onStatus((e) => {
+				}), m.on("change", M), m.on("update", M), "webrtc" === r ? t.value = "connected" : (p.onStatus((e) => {
 					e ? (null !== b && (clearTimeout(b), b = null), t.value = "connected") : a.value && (t.value = "disconnected");
 				}), p.connectedNow ? t.value = "connected" : b = setTimeout(() => {
-					b = null, "connected" !== t.value && (M(), t.value = "error");
+					b = null, "connected" !== t.value && (T(), t.value = "error");
 				}, 3e4)), y = function(e, t) {
 					const n = e.getArray(Da);
 					return n.observeDeep(t), () => n.unobserveDeep(t);
@@ -32090,30 +32132,17 @@ function CZ(e) {
 					const r = Ra(C);
 					0 !== r.length && (x = !0, e.onRemoteSlides(r), x = !1, w = JSON.stringify(r), B.schedule(o));
 				}), v = (0, n.watch)(e.slides, () => {
-					if (!C || !E || x) return;
-					const t = JSON.stringify(e.slides.value);
-					t !== w && (w = t, function(e, t, n, o = "pptx-viewer:local-sync") {
-						t.transact(() => {
-							Xa(t.getArray(Da), e, {
-								idOf: (e) => "string" == typeof e.id ? e.id : void 0,
-								create: (e) => {
-									const t = n.createMap();
-									return Aa(e, t, n), t;
-								},
-								update: (e, t) => Ga(e, t, n)
-							});
-						}, o);
-					}(e.slides.value, C, E), B.schedule(o));
-				}, { deep: !1 }), k = setInterval(() => f?.flush(), 1e4), a.value = !0, N();
+					V.isOpen() && N();
+				}, { deep: !1 }), k = setInterval(() => f?.flush(), 1e4), a.value = !0, M();
 			} catch {
-				M(), t.value = "error";
+				T(), t.value = "error";
 			}
 		}
 	}
-	function M() {
-		null !== b && (clearTimeout(b), b = null), null !== k && (clearInterval(k), k = null), B.cancel(), y?.(), y = null, v?.(), v = null, m?.off?.("change", N), m?.off?.("update", N), f?.dispose(), f = null, p?.destroy(), d?.destroy(), p = null, d = null, m = null, g = -1, h = 0, x = !1, E = null, C = null, w = "", t.value = "disconnected", a.value = !1, i.value = [], r.value = [], l.value = null;
+	function T() {
+		null !== b && (clearTimeout(b), b = null), null !== k && (clearInterval(k), k = null), B.cancel(), V.reset(), y?.(), y = null, v?.(), v = null, m?.off?.("change", M), m?.off?.("update", M), f?.dispose(), f = null, p?.destroy(), d?.destroy(), p = null, d = null, m = null, g = -1, h = 0, x = !1, E = null, C = null, w = "", t.value = "disconnected", a.value = !1, i.value = [], r.value = [], l.value = null;
 	}
-	return (0, n.onScopeDispose)(M), {
+	return (0, n.onScopeDispose)(T), {
 		status: t,
 		connected: o,
 		cursors: i,
@@ -32123,10 +32152,10 @@ function CZ(e) {
 		followedClientId: l,
 		followedSlideIndex: c,
 		broadcasterSlideIndex: u,
-		start: V,
-		stop: M,
+		start: D,
+		stop: T,
 		retry: async function() {
-			S && await V(S);
+			S && await D(S);
 		},
 		setCursor: function(e, t) {
 			f?.update({
@@ -32138,7 +32167,7 @@ function CZ(e) {
 			f?.update({ selectedElementId: e[0] });
 		},
 		setActiveSlide: function(e) {
-			h = Math.max(0, Math.floor(e)), f?.update({ activeSlideIndex: h }), N();
+			h = Math.max(0, Math.floor(e)), f?.update({ activeSlideIndex: h }), M();
 		},
 		followUser: function(e) {
 			l.value = e;
@@ -34426,7 +34455,7 @@ var mq = ["tabindex"], fq = {
 			canvasSize: f,
 			rasterizeSlide: wt
 		}), Et = function(e) {
-			const { slideCount: t, rasterizeSlide: o } = e, r = e.loadGifEncoder ?? (async () => (await Promise.resolve().then(() => require("./gif-encoder-mleW16Dh.cjs"))).encodeGif), a = e.createRecorder ?? eq, l = e.createCanvas ?? (() => document.createElement("canvas")), i = e.downloadBlob ?? vi, s = (0, n.ref)(!1), c = (0, n.ref)(0);
+			const { slideCount: t, rasterizeSlide: o } = e, r = e.loadGifEncoder ?? (async () => (await Promise.resolve().then(() => require("./gif-encoder-CSeD13Pr.cjs"))).encodeGif), a = e.createRecorder ?? eq, l = e.createCanvas ?? (() => document.createElement("canvas")), i = e.downloadBlob ?? vi, s = (0, n.ref)(!1), c = (0, n.ref)(0);
 			return {
 				exporting: s,
 				progress: c,

package/dist/{viewer-XosufPBO.js → viewer-tdtFidOK.js}

@@ -31978,12 +31978,46 @@ function P0(e) {
 		getTemplateElements: e.getTemplateElements
 	});
 	function $() {
+		if (!C || !S || h) return;
+		const t = JSON.stringify(e.slides.value);
+		t !== w && (w = t, function(e, t, n, o = "pptx-viewer:local-sync") {
+			t.transact(() => {
+				Gu(t.getArray(Pu), e, {
+					idOf: (e) => "string" == typeof e.id ? e.id : void 0,
+					create: (e) => {
+						const t = n.createMap();
+						return Ru(e, t, n), t;
+					},
+					update: (e, t) => Vu(e, t, n)
+				});
+			}, o);
+		}(e.slides.value, C, S), k && M.schedule(k));
+	}
+	const T = function(e, t = 3e3) {
+		let n = !1, o = null;
+		const a = () => {
+			null !== o && (clearTimeout(o), o = null);
+		}, r = () => {
+			a(), n || (n = !0, e());
+		};
+		return {
+			isOpen: () => n,
+			arm: () => {
+				a(), n || (o = setTimeout(r, t));
+			},
+			open: r,
+			reset: () => {
+				a(), n = !1;
+			}
+		};
+	}($);
+	function F() {
 		if (!d) return o.value = [], void (l.value = []);
 		const { presences: t, cursors: n } = I0(d.getStates(), f, F0(e.canvasWidth), F0(e.canvasHeight), x);
 		o.value = t, l.value = n, null === r.value || t.some((e) => e.clientId === r.value) || (r.value = null);
 	}
-	async function T(n) {
-		F(), k = n;
+	async function I(n) {
+		P(), k = n;
 		try {
 			xu(n.roomId);
 		} catch {
@@ -32023,6 +32057,10 @@ function P0(e) {
 							awareness: o.awareness,
 							onStatus: (e) => o.on("status", (t) => e(Boolean(t.connected))),
 							connectedNow: !0,
+							onSynced: (e) => o.on("synced", (t) => {
+								!1 !== t?.synced && e();
+							}),
+							syncedNow: !1,
 							destroy: () => o.destroy()
 						};
 					}
@@ -32033,11 +32071,15 @@ function P0(e) {
 							"connected" === t.status ? e(!0) : "disconnected" === t.status && e(!1);
 						}),
 						connectedNow: a.wsconnected,
+						onSynced: (e) => a.on("sync", (t) => {
+							t && e();
+						}),
+						syncedNow: a.synced,
 						destroy: () => {
 							a.disconnect(), a.destroy();
 						}
 					};
-				}(o, n, l), d = p.awareness, f = d.clientID ?? -1, m = function(e, t) {
+				}(o, n, l), d = p.awareness, f = d.clientID ?? -1, T.reset(), p.onSynced(() => T.open()), p.syncedNow ? T.open() : T.arm(), m = function(e, t) {
 					const n = {
 						activeSlideIndex: 0,
 						cursorX: 0,
@@ -32077,10 +32119,10 @@ function P0(e) {
 					userColor: e.userColor ?? n.userColor ?? "#4c8bf5",
 					userAvatar: n.userAvatar,
 					role: n.role
-				}), d.on("change", $), d.on("update", $), "webrtc" === o ? t.value = "connected" : (p.onStatus((e) => {
+				}), d.on("change", F), d.on("update", F), "webrtc" === o ? t.value = "connected" : (p.onStatus((e) => {
 					e ? (null !== b && (clearTimeout(b), b = null), t.value = "connected") : a.value && (t.value = "disconnected");
 				}), p.connectedNow ? t.value = "connected" : b = setTimeout(() => {
-					b = null, "connected" !== t.value && (F(), t.value = "error");
+					b = null, "connected" !== t.value && (P(), t.value = "error");
 				}, 3e4)), g = function(e, t) {
 					const n = e.getArray(Pu);
 					return n.observeDeep(t), () => n.unobserveDeep(t);
@@ -32089,30 +32131,17 @@ function P0(e) {
 					const a = Wu(C);
 					0 !== a.length && (h = !0, e.onRemoteSlides(a), h = !1, w = JSON.stringify(a), M.schedule(n));
 				}), v = bt(e.slides, () => {
-					if (!C || !S || h) return;
-					const t = JSON.stringify(e.slides.value);
-					t !== w && (w = t, function(e, t, n, o = "pptx-viewer:local-sync") {
-						t.transact(() => {
-							Gu(t.getArray(Pu), e, {
-								idOf: (e) => "string" == typeof e.id ? e.id : void 0,
-								create: (e) => {
-									const t = n.createMap();
-									return Ru(e, t, n), t;
-								},
-								update: (e, t) => Vu(e, t, n)
-							});
-						}, o);
-					}(e.slides.value, C, S), M.schedule(n));
-				}, { deep: !1 }), y = setInterval(() => m?.flush(), 1e4), a.value = !0, $();
+					T.isOpen() && $();
+				}, { deep: !1 }), y = setInterval(() => m?.flush(), 1e4), a.value = !0, F();
 			} catch {
-				F(), t.value = "error";
+				P(), t.value = "error";
 			}
 		}
 	}
-	function F() {
-		null !== b && (clearTimeout(b), b = null), null !== y && (clearInterval(y), y = null), M.cancel(), g?.(), g = null, v?.(), v = null, d?.off?.("change", $), d?.off?.("update", $), m?.dispose(), m = null, p?.destroy(), c?.destroy(), p = null, c = null, d = null, f = -1, x = 0, h = !1, S = null, C = null, w = "", t.value = "disconnected", a.value = !1, l.value = [], o.value = [], r.value = null;
+	function P() {
+		null !== b && (clearTimeout(b), b = null), null !== y && (clearInterval(y), y = null), M.cancel(), T.reset(), g?.(), g = null, v?.(), v = null, d?.off?.("change", F), d?.off?.("update", F), m?.dispose(), m = null, p?.destroy(), c?.destroy(), p = null, c = null, d = null, f = -1, x = 0, h = !1, S = null, C = null, w = "", t.value = "disconnected", a.value = !1, l.value = [], o.value = [], r.value = null;
 	}
-	return qe(F), {
+	return qe(P), {
 		status: t,
 		connected: n,
 		cursors: l,
@@ -32122,10 +32151,10 @@ function P0(e) {
 		followedClientId: r,
 		followedSlideIndex: s,
 		broadcasterSlideIndex: u,
-		start: T,
-		stop: F,
+		start: I,
+		stop: P,
 		retry: async function() {
-			k && await T(k);
+			k && await I(k);
 		},
 		setCursor: function(e, t) {
 			m?.update({
@@ -32137,7 +32166,7 @@ function P0(e) {
 			m?.update({ selectedElementId: e[0] });
 		},
 		setActiveSlide: function(e) {
-			x = Math.max(0, Math.floor(e)), m?.update({ activeSlideIndex: x }), $();
+			x = Math.max(0, Math.floor(e)), m?.update({ activeSlideIndex: x }), F();
 		},
 		followUser: function(e) {
 			r.value = e;
@@ -34423,7 +34452,7 @@ var g1 = ["tabindex"], b1 = {
 			canvasSize: g,
 			rasterizeSlide: nn
 		}), an = function(e) {
-			const { slideCount: t, rasterizeSlide: n } = e, o = e.loadGifEncoder ?? (async () => (await import("./gif-encoder-hx9qCGr-.js")).encodeGif), a = e.createRecorder ?? r1, r = e.createCanvas ?? (() => document.createElement("canvas")), l = e.downloadBlob ?? gp, i = nt(!1), s = nt(0);
+			const { slideCount: t, rasterizeSlide: n } = e, o = e.loadGifEncoder ?? (async () => (await import("./gif-encoder-BN5J0GRM.js")).encodeGif), a = e.createRecorder ?? r1, r = e.createCanvas ?? (() => document.createElement("canvas")), l = e.downloadBlob ?? gp, i = nt(!1), s = nt(0);
 			return {
 				exporting: i,
 				progress: s,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pptx-vue-viewer",
-	"version": "1.1.83",
+	"version": "1.1.84",
 	"description": "Vue 3 PowerPoint viewer and editor component: render, edit, and export PPTX slides in the browser.",
 	"keywords": [
 		"editor",

package/dist/gif-encoder-hx9qCGr-.js

@@ -1,2 +0,0 @@
-import { H as r } from "./viewer-XosufPBO.js";
-export { r as encodeGif };

package/dist/gif-encoder-mleW16Dh.cjs

@@ -1,2 +0,0 @@
-const e = require("./viewer-D1YS0zEs.cjs");
-exports.encodeGif = e.encodeGif;