pptx-vue-viewer 1.1.18 → 1.1.20

package/dist/gif-encoder-BfVA22Ng.cjs

@@ -0,0 +1,106 @@
+function t(t, n) {
+	t.push(255 & n), t.push(n >> 8 & 255);
+}
+function n(t, n) {
+	for (let e = 0; e < n.length; e++) t.push(n.charCodeAt(e));
+}
+function e(t) {
+	const n = t.data, e = t.width * t.height, h = Math.max(1, Math.floor(e / 1e4)), r = [];
+	for (let t = 0; t < e; t += h) {
+		const e = 4 * t;
+		r.push([
+			n[e],
+			n[e + 1],
+			n[e + 2]
+		]);
+	}
+	const u = o(r, 8), c = new Uint8Array(768), l = [];
+	for (let t = 0; t < 256; t++) if (t < u.length && u[t].length > 0) {
+		let n = 0, e = 0, o = 0;
+		for (const [s, h, r] of u[t]) n += s, e += h, o += r;
+		const s = u[t].length, h = Math.round(n / s), r = Math.round(e / s), f = Math.round(o / s);
+		c[3 * t] = h, c[3 * t + 1] = r, c[3 * t + 2] = f, l.push([
+			h,
+			r,
+			f
+		]);
+	} else l.push([
+		0,
+		0,
+		0
+	]);
+	const f = new Uint8Array(e);
+	for (let t = 0; t < e; t++) {
+		const e = 4 * t;
+		f[t] = s(l, n[e], n[e + 1], n[e + 2]);
+	}
+	return {
+		palette: c,
+		indexed: f
+	};
+}
+function o(t, n) {
+	if (0 === n || t.length <= 1) return [t];
+	let e = 255, s = 0, h = 255, r = 0, u = 255, c = 0;
+	for (const [n, o, l] of t) n < e && (e = n), n > s && (s = n), o < h && (h = o), o > r && (r = o), l < u && (u = l), l > c && (c = l);
+	const l = s - e, f = r - h, i = c - u;
+	let p = 0;
+	f >= l && f >= i ? p = 1 : i >= l && i >= f && (p = 2), t.sort((t, n) => t[p] - n[p]);
+	const a = Math.floor(t.length / 2);
+	return [...o(t.slice(0, a), n - 1), ...o(t.slice(a), n - 1)];
+}
+function s(t, n, e, o) {
+	let s = 0, h = Infinity;
+	for (let r = 0; r < t.length; r++) {
+		const [u, c, l] = t[r], f = (n - u) ** 2 + (e - c) ** 2 + (o - l) ** 2;
+		f < h && (h = f, s = r);
+	}
+	return s;
+}
+function h(t, n) {
+	const e = 1 << n, o = e + 1, s = [];
+	let h = n + 1, r = o + 1;
+	const u = /* @__PURE__ */ new Map(), c = () => {
+		u.clear();
+		for (let t = 0; t < e; t++) u.set(String(t), t);
+		h = n + 1, r = o + 1;
+	};
+	let l = 0, f = 0;
+	const i = (t, n) => {
+		for (l |= t << f, f += n; f >= 8;) s.push(255 & l), l >>= 8, f -= 8;
+	};
+	c(), i(e, h);
+	let p = String(t[0]);
+	for (let n = 1; n < t.length; n++) {
+		const o = `${p},${String(t[n])}`;
+		if (u.has(o)) p = o;
+		else {
+			const s = u.get(p);
+			void 0 !== s && i(s, h), r < 4096 ? (u.set(o, r++), r > 1 << h && h < 12 && h++) : (i(e, h), c()), p = String(t[n]);
+		}
+	}
+	const a = u.get(p);
+	return void 0 !== a && i(a, h), i(o, h), f > 0 && s.push(255 & l), new Uint8Array(s);
+}
+exports.encodeGif = function(o, s) {
+	if (0 === o.length) throw new Error("[gif-encoder] encodeGif: frames array must not be empty");
+	const r = o[0].width, u = o[0].height, c = [];
+	n(c, "GIF89a"), t(c, r), t(c, u), c.push(112), c.push(0), c.push(0), c.push(33, 255, 11), n(c, "NETSCAPE2.0"), c.push(3, 1), t(c, 0), c.push(0);
+	for (const n of o) {
+		const { palette: o, indexed: l } = e(n.imageData);
+		c.push(33, 249, 4), c.push(0), t(c, s), c.push(0), c.push(0), c.push(44), t(c, 0), t(c, 0), t(c, r), t(c, u), c.push(135);
+		for (let t = 0; t < 256; t++) c.push(o[3 * t] ?? 0), c.push(o[3 * t + 1] ?? 0), c.push(o[3 * t + 2] ?? 0);
+		const f = 8;
+		c.push(f);
+		const i = h(l, f);
+		let p = 0;
+		for (; p < i.length;) {
+			const t = Math.min(255, i.length - p);
+			c.push(t);
+			for (let n = 0; n < t; n++) c.push(i[p + n]);
+			p += t;
+		}
+		c.push(0);
+	}
+	return c.push(59), new Uint8Array(c);
+};

package/dist/gif-encoder-DKeGv43e.js

@@ -0,0 +1,107 @@
+function t(t, s) {
+	if (0 === t.length) throw new Error("[gif-encoder] encodeGif: frames array must not be empty");
+	const h = t[0].width, u = t[0].height, l = [];
+	e(l, "GIF89a"), n(l, h), n(l, u), l.push(112), l.push(0), l.push(0), l.push(33, 255, 11), e(l, "NETSCAPE2.0"), l.push(3, 1), n(l, 0), l.push(0);
+	for (const e of t) {
+		const { palette: t, indexed: c } = o(e.imageData);
+		l.push(33, 249, 4), l.push(0), n(l, s), l.push(0), l.push(0), l.push(44), n(l, 0), n(l, 0), n(l, h), n(l, u), l.push(135);
+		for (let n = 0; n < 256; n++) l.push(t[3 * n] ?? 0), l.push(t[3 * n + 1] ?? 0), l.push(t[3 * n + 2] ?? 0);
+		const f = 8;
+		l.push(f);
+		const i = r(c, f);
+		let p = 0;
+		for (; p < i.length;) {
+			const t = Math.min(255, i.length - p);
+			l.push(t);
+			for (let n = 0; n < t; n++) l.push(i[p + n]);
+			p += t;
+		}
+		l.push(0);
+	}
+	return l.push(59), new Uint8Array(l);
+}
+function n(t, n) {
+	t.push(255 & n), t.push(n >> 8 & 255);
+}
+function e(t, n) {
+	for (let e = 0; e < n.length; e++) t.push(n.charCodeAt(e));
+}
+function o(t) {
+	const n = t.data, e = t.width * t.height, o = Math.max(1, Math.floor(e / 1e4)), r = [];
+	for (let t = 0; t < e; t += o) {
+		const e = 4 * t;
+		r.push([
+			n[e],
+			n[e + 1],
+			n[e + 2]
+		]);
+	}
+	const u = s(r, 8), l = new Uint8Array(768), c = [];
+	for (let t = 0; t < 256; t++) if (t < u.length && u[t].length > 0) {
+		let n = 0, e = 0, o = 0;
+		for (const [s, h, r] of u[t]) n += s, e += h, o += r;
+		const s = u[t].length, h = Math.round(n / s), r = Math.round(e / s), f = Math.round(o / s);
+		l[3 * t] = h, l[3 * t + 1] = r, l[3 * t + 2] = f, c.push([
+			h,
+			r,
+			f
+		]);
+	} else c.push([
+		0,
+		0,
+		0
+	]);
+	const f = new Uint8Array(e);
+	for (let t = 0; t < e; t++) {
+		const e = 4 * t;
+		f[t] = h(c, n[e], n[e + 1], n[e + 2]);
+	}
+	return {
+		palette: l,
+		indexed: f
+	};
+}
+function s(t, n) {
+	if (0 === n || t.length <= 1) return [t];
+	let e = 255, o = 0, h = 255, r = 0, u = 255, l = 0;
+	for (const [n, s, c] of t) n < e && (e = n), n > o && (o = n), s < h && (h = s), s > r && (r = s), c < u && (u = c), c > l && (l = c);
+	const c = o - e, f = r - h, i = l - u;
+	let p = 0;
+	f >= c && f >= i ? p = 1 : i >= c && i >= f && (p = 2), t.sort((t, n) => t[p] - n[p]);
+	const a = Math.floor(t.length / 2);
+	return [...s(t.slice(0, a), n - 1), ...s(t.slice(a), n - 1)];
+}
+function h(t, n, e, o) {
+	let s = 0, h = Infinity;
+	for (let r = 0; r < t.length; r++) {
+		const [u, l, c] = t[r], f = (n - u) ** 2 + (e - l) ** 2 + (o - c) ** 2;
+		f < h && (h = f, s = r);
+	}
+	return s;
+}
+function r(t, n) {
+	const e = 1 << n, o = e + 1, s = [];
+	let h = n + 1, r = o + 1;
+	const u = /* @__PURE__ */ new Map(), l = () => {
+		u.clear();
+		for (let t = 0; t < e; t++) u.set(String(t), t);
+		h = n + 1, r = o + 1;
+	};
+	let c = 0, f = 0;
+	const i = (t, n) => {
+		for (c |= t << f, f += n; f >= 8;) s.push(255 & c), c >>= 8, f -= 8;
+	};
+	l(), i(e, h);
+	let p = String(t[0]);
+	for (let n = 1; n < t.length; n++) {
+		const o = `${p},${String(t[n])}`;
+		if (u.has(o)) p = o;
+		else {
+			const s = u.get(p);
+			void 0 !== s && i(s, h), r < 4096 ? (u.set(o, r++), r > 1 << h && h < 12 && h++) : (i(e, h), l()), p = String(t[n]);
+		}
+	}
+	const a = u.get(p);
+	return void 0 !== a && i(a, h), i(o, h), f > 0 && s.push(255 & c), new Uint8Array(s);
+}
+export { t as encodeGif };

package/dist/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const e = require("./viewer-CeeHIv08.cjs");
+const e = require("./viewer-B_MKA5ks.cjs");
 let r = require("clsx"), t = require("tailwind-merge");
 exports.ElementRenderer = e.ElementRenderer_default, exports.PowerPointViewer = e.PowerPointViewer_default, exports.SlideCanvas = e.SlideCanvas_default, exports.SlideStage = e.SlideStage_default, exports.cn = function(...e) {
 	return (0, t.twMerge)((0, r.clsx)(e));

package/dist/index.js

@@ -1,4 +1,4 @@
-import { C as a, F as s, N as e, P as r, R as i, S as o, a as t, o as m, s as n, t as l, w } from "./viewer-BwIIU3HV.js";
+import { C as a, F as s, N as e, P as r, R as i, S as o, a as t, o as m, s as n, t as l, w } from "./viewer-BsFcXVHv.js";
 import { clsx as d } from "clsx";
 import { twMerge as f } from "tailwind-merge";
 function p(...a) {

package/dist/viewer/PowerPointViewer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PowerPointViewer.vue.d.ts","sourceRoot":"","sources":["../../src/viewer/PowerPointViewer.vue"],"names":[],"mappings":"AAgqDA,OAAO,KAAK,EACX,mBAAmB,EAEnB,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AA2nFjB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PowerPointViewer.vue.d.ts","sourceRoot":"","sources":["../../src/viewer/PowerPointViewer.vue"],"names":[],"mappings":"AAwtDA,OAAO,KAAK,EACX,mBAAmB,EAEnB,sBAAsB,EACtB,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAmtFjB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/EquationEditorDialog.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EquationEditorDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/EquationEditorDialog.vue"],"names":[],"mappings":"AAqaA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAa,MAAM,kBAAkB,CAAC;AAQ5E;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,WAAW,GAAG;IAClB,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC9C,CAAC;AAgWF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"EquationEditorDialog.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/EquationEditorDialog.vue"],"names":[],"mappings":"AAoaA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAa,MAAM,kBAAkB,CAAC;AAO5E;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,WAAW,GAAG;IAClB,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;CAC9C,CAAC;AAgWF,QAAA,MAAM,YAAY;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/ExportMenu.vue.d.ts

@@ -1,6 +1,7 @@
 /**
- * ExportMenu — a small dropdown offering PNG (current slide) and PDF exports.
- * Emits intent; the host runs the actual export via `useExport`.
+ * ExportMenu — a small dropdown offering PNG (current slide), PDF, animated GIF
+ * and WebM video exports. Emits intent; the host runs the actual export via
+ * `useExport` / `useMediaExport`.
  */
 type __VLS_Props = {
     exporting: boolean;
@@ -8,9 +9,13 @@ type __VLS_Props = {
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "export-png": () => any;
     "export-pdf": () => any;
+    "export-gif": () => any;
+    "export-webm": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onExport-png"?: (() => any) | undefined;
     "onExport-pdf"?: (() => any) | undefined;
+    "onExport-gif"?: (() => any) | undefined;
+    "onExport-webm"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/viewer/components/ExportMenu.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExportMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ExportMenu.vue"],"names":[],"mappings":"AAwFA;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAiG1C,QAAA,MAAM,YAAY;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExportMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/ExportMenu.vue"],"names":[],"mappings":"AAwGA;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAkI1C,QAAA,MAAM,YAAY;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/FollowModeBar.vue.d.ts

@@ -0,0 +1,15 @@
+import { RemotePresence } from '../composables/useCollaboration';
+type __VLS_Props = {
+    /** Active remote collaborators (excludes self). */
+    presences: RemotePresence[];
+    /** The clientId currently being followed, or null. */
+    followedClientId: number | null;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    follow: (clientId: number | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onFollow?: ((clientId: number | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=FollowModeBar.vue.d.ts.map

package/dist/viewer/components/FollowModeBar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowModeBar.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/FollowModeBar.vue"],"names":[],"mappings":"AA0MA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,KAAK,WAAW,GAAG;IAClB,mDAAmD;IACnD,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,sDAAsD;IACtD,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AA4IF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/PresentationMode.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PresentationMode.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/PresentationMode.vue"],"names":[],"mappings":"AAsiBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAO3C;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmnBH,QAAA,MAAM,YAAY;;;;;;;gBApnBH,MAAM;6EAwnBnB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PresentationMode.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/PresentationMode.vue"],"names":[],"mappings":"AAykBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAQ3C;;;;;;;;;;;;;;;;GAgBG;AACH,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAyqBH,QAAA,MAAM,YAAY;;;;;;;gBA1qBH,MAAM;6EA8qBnB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/PresentationTransitionOverlay.vue.d.ts

@@ -0,0 +1,44 @@
+import { PptxSlide, PptxSlideTransition } from 'pptx-viewer-core';
+import { CanvasSize } from '../types';
+/**
+ * PresentationTransitionOverlay — animates a slide change in presentation mode.
+ *
+ * It stacks two {@link SlideStage} layers, both scaled-to-fit identically to the
+ * underlying presentation frame:
+ *   - the **outgoing** (old) slide as a snapshot layer, and
+ *   - the **incoming** (new) slide.
+ *
+ * The active slide's {@link PptxSlideTransition} is mapped to CSS `animation`
+ * shorthands (via {@link resolveSlideTransition}); each layer's `z-index` is set
+ * from `outgoingOnTop`. When the configured duration elapses the overlay emits
+ * `done`, at which point the host should drop the overlay and leave the static
+ * incoming slide rendered by its main stage.
+ *
+ * `PresentationMode` is expected to mount this **only while a transition is
+ * playing** (between the outgoing and incoming slides), render nothing of its
+ * own animated stage during that window, and remove it on `@done`.
+ */
+type __VLS_Props = {
+    /** The outgoing (previous) slide rendered in the exit layer. */
+    outgoingSlide: PptxSlide | undefined;
+    /** The incoming (new) slide rendered in the entrance layer. */
+    incomingSlide: PptxSlide | undefined;
+    /** Slide surface dimensions (px). */
+    canvasSize: CanvasSize;
+    /** Resolved media data URLs, threaded to each {@link SlideStage}. */
+    mediaDataUrls: Map<string, string>;
+    /** Fit-to-viewport scale (same value the host applies to its main stage). */
+    scale?: number;
+    /** The transition definition from the incoming slide. */
+    transition: PptxSlideTransition | undefined;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    done: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {
+    scale: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=PresentationTransitionOverlay.vue.d.ts.map

package/dist/viewer/components/PresentationTransitionOverlay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresentationTransitionOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/PresentationTransitionOverlay.vue"],"names":[],"mappings":"AAmJA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,WAAW,GAAG;IACjB,gEAAgE;IAChE,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,+DAA+D;IAC/D,aAAa,EAAE,SAAS,GAAG,SAAS,CAAC;IACrC,qCAAqC;IACrC,UAAU,EAAE,UAAU,CAAC;IACvB,qEAAqE;IACrE,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,UAAU,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC5C,CAAC;AA4IH,QAAA,MAAM,YAAY;;;;;WA/IR,MAAM;6EAmJd,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/viewer/components/RemoteSelectionOverlay.vue.d.ts

@@ -0,0 +1,38 @@
+import { PptxElement } from 'pptx-viewer-core';
+import { RemotePresence } from '../composables/useCollaboration';
+/** A single resolved remote selection box, in unscaled slide coordinates. */
+export interface RemoteSelectionBox {
+    /** Stable key (peer clientId + element id). */
+    key: string;
+    /** Peer display name shown in the label chip. */
+    userName: string;
+    /** Outline + chip colour. */
+    color: string;
+    /** Unscaled slide-space geometry of the selected element. */
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    /** Remote collaborators' presence (cursor + selection + active slide). */
+    presences: RemotePresence[];
+    /** Elements on the active slide (used to resolve selected ids → geometry). */
+    elements: PptxElement[];
+    /** The current slide index — only peers on this slide are drawn. */
+    activeSlideIndex: number;
+    /** Current canvas zoom factor; geometry scales by this. */
+    zoom: number;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    /** Remote collaborators' presence (cursor + selection + active slide). */
+    presences: RemotePresence[];
+    /** Elements on the active slide (used to resolve selected ids → geometry). */
+    elements: PptxElement[];
+    /** The current slide index — only peers on this slide are drawn. */
+    activeSlideIndex: number;
+    /** Current canvas zoom factor; geometry scales by this. */
+    zoom: number;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=RemoteSelectionOverlay.vue.d.ts.map

package/dist/viewer/components/RemoteSelectionOverlay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteSelectionOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/viewer/components/RemoteSelectionOverlay.vue"],"names":[],"mappings":"AAyKA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,6EAA6E;AAC7E,MAAM,WAAW,kBAAkB;IAClC,+CAA+C;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEjB,0EAA0E;eAC/D,cAAc,EAAE;IAC3B,8EAA8E;cACpE,WAAW,EAAE;IACvB,oEAAoE;sBAClD,MAAM;IACxB,2DAA2D;UACrD,MAAM;;IAPZ,0EAA0E;eAC/D,cAAc,EAAE;IAC3B,8EAA8E;cACpE,WAAW,EAAE;IACvB,oEAAoE;sBAClD,MAAM;IACxB,2DAA2D;UACrD,MAAM;iGA8GT,CAAC"}

package/dist/viewer/composables/gif-encoder.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Minimal GIF89a encoder (pure JS, no external dependency).
+ *
+ * Ported verbatim from the React package's
+ * `packages/react/src/viewer/utils/export-gif-encoder.ts` (median-cut colour
+ * quantisation + LZW). It carries no DOM/browser dependency — it operates on
+ * pre-extracted `ImageData` objects — so the caller (`useMediaExport`) owns the
+ * rasterisation.
+ *
+ * `useMediaExport` loads this module via a dynamic `import()` so the encoder
+ * stays out of the main viewer chunk (mirroring how `useExport` lazy-loads
+ * `jspdf`). No npm GIF library exists for the React package to depend on; the
+ * encoder is self-contained source in every binding (React/Angular/Vue).
+ */
+/** A single animated-GIF frame: raw RGBA pixels plus its dimensions. */
+export interface GifFrame {
+    imageData: ImageData;
+    width: number;
+    height: number;
+}
+/**
+ * Encode an ordered list of RGBA frames into an animated GIF89a byte sequence.
+ *
+ * @param frames  Ordered frame descriptors (all must share identical dimensions).
+ * @param delayCs Per-frame display time in **centiseconds** (1 cs = 10 ms).
+ * @returns Raw GIF89a bytes.
+ */
+export declare function encodeGif(frames: GifFrame[], delayCs: number): Uint8Array;
+//# sourceMappingURL=gif-encoder.d.ts.map

package/dist/viewer/composables/gif-encoder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gif-encoder.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/gif-encoder.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,wEAAwE;AACxE,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CACf;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,UAAU,CAsEzE"}

package/dist/viewer/composables/slide-transition-css.d.ts

@@ -0,0 +1,53 @@
+import { PptxSlideTransition, PptxTransitionType } from 'pptx-viewer-core';
+/** Resolved CSS `animation` shorthands for the two transition layers. */
+export interface SlideTransitionAnimations {
+    /** CSS `animation` value for the outgoing (old) slide layer, or `'none'`. */
+    outgoing: string;
+    /** CSS `animation` value for the incoming (new) slide layer, or `'none'`. */
+    incoming: string;
+    /** Whether the outgoing layer should render above the incoming layer. */
+    outgoingOnTop: boolean;
+}
+/** The four cardinal directions a transition can resolve to. */
+export type ResolvedDirection = 'left' | 'right' | 'up' | 'down';
+/** Cardinal directions plus the four diagonals (for cover/uncover/strips). */
+export type ResolvedDirection8 = ResolvedDirection | 'lu' | 'ld' | 'ru' | 'rd';
+/** Map an OOXML `dir` token (`l`/`r`/`u`/`d`) to a cardinal direction. */
+export declare function resolveDirection(direction: string | undefined, defaultDir: ResolvedDirection): ResolvedDirection;
+/** Map an OOXML `dir` token to a cardinal **or diagonal** direction. */
+export declare function resolveDirection8(direction: string | undefined, defaultDir: ResolvedDirection): ResolvedDirection8;
+/** Resolve an orientation from the `orient` or `direction` attribute. */
+export declare function resolveOrientation(direction: string | undefined, orient: string | undefined): 'horz' | 'vert';
+/** Transition types eligible for `random` selection (kept deterministic-light). */
+export declare const RANDOM_ELIGIBLE_TYPES: readonly PptxTransitionType[];
+/** No-animation sentinel — used for `none`/`cut` (instant slide swap). */
+export declare const INSTANT: SlideTransitionAnimations;
+/**
+ * The full `@keyframes` block backing every resolved transition. Inject it once
+ * per overlay (the same pattern `PresentationMode` uses for
+ * `ANIMATION_KEYFRAMES_CSS`). Keyframe names are `pptx-tr-*`-prefixed so they
+ * never collide with the element-animation keyframes (`pptx-anim-*`).
+ */
+export declare const SLIDE_TRANSITION_KEYFRAMES_CSS = "\n/* \u2500\u2500 Fade \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-fade-in {\n\tfrom { opacity: 0; }\n\tto   { opacity: 1; }\n}\n@keyframes pptx-tr-fade-out {\n\tfrom { opacity: 1; }\n\tto   { opacity: 0; }\n}\n\n/* \u2500\u2500 Push \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-push-in-from-right {\n\tfrom { transform: translateX(100%); }\n\tto   { transform: translateX(0); }\n}\n@keyframes pptx-tr-push-out-to-left {\n\tfrom { transform: translateX(0); }\n\tto   { transform: translateX(-100%); }\n}\n@keyframes pptx-tr-push-in-from-left {\n\tfrom { transform: translateX(-100%); }\n\tto   { transform: translateX(0); }\n}\n@keyframes pptx-tr-push-out-to-right {\n\tfrom { transform: translateX(0); }\n\tto   { transform: translateX(100%); }\n}\n@keyframes pptx-tr-push-in-from-bottom {\n\tfrom { transform: translateY(100%); }\n\tto   { transform: translateY(0); }\n}\n@keyframes pptx-tr-push-out-to-top {\n\tfrom { transform: translateY(0); }\n\tto   { transform: translateY(-100%); }\n}\n@keyframes pptx-tr-push-in-from-top {\n\tfrom { transform: translateY(-100%); }\n\tto   { transform: translateY(0); }\n}\n@keyframes pptx-tr-push-out-to-bottom {\n\tfrom { transform: translateY(0); }\n\tto   { transform: translateY(100%); }\n}\n\n/* \u2500\u2500 Cover (incoming slides over stationary outgoing) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-cover-from-right {\n\tfrom { transform: translateX(100%); }\n\tto   { transform: translateX(0); }\n}\n@keyframes pptx-tr-cover-from-left {\n\tfrom { transform: translateX(-100%); }\n\tto   { transform: translateX(0); }\n}\n@keyframes pptx-tr-cover-from-bottom {\n\tfrom { transform: translateY(100%); }\n\tto   { transform: translateY(0); }\n}\n@keyframes pptx-tr-cover-from-top {\n\tfrom { transform: translateY(-100%); }\n\tto   { transform: translateY(0); }\n}\n@keyframes pptx-tr-cover-from-lu {\n\tfrom { transform: translate(-100%, -100%); }\n\tto   { transform: translate(0, 0); }\n}\n@keyframes pptx-tr-cover-from-ld {\n\tfrom { transform: translate(-100%, 100%); }\n\tto   { transform: translate(0, 0); }\n}\n@keyframes pptx-tr-cover-from-ru {\n\tfrom { transform: translate(100%, -100%); }\n\tto   { transform: translate(0, 0); }\n}\n@keyframes pptx-tr-cover-from-rd {\n\tfrom { transform: translate(100%, 100%); }\n\tto   { transform: translate(0, 0); }\n}\n\n/* \u2500\u2500 Uncover (outgoing slides away revealing stationary incoming) \u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-uncover-to-left {\n\tfrom { transform: translateX(0); }\n\tto   { transform: translateX(-100%); }\n}\n@keyframes pptx-tr-uncover-to-right {\n\tfrom { transform: translateX(0); }\n\tto   { transform: translateX(100%); }\n}\n@keyframes pptx-tr-uncover-to-top {\n\tfrom { transform: translateY(0); }\n\tto   { transform: translateY(-100%); }\n}\n@keyframes pptx-tr-uncover-to-bottom {\n\tfrom { transform: translateY(0); }\n\tto   { transform: translateY(100%); }\n}\n@keyframes pptx-tr-uncover-to-lu {\n\tfrom { transform: translate(0, 0); }\n\tto   { transform: translate(-100%, -100%); }\n}\n@keyframes pptx-tr-uncover-to-ld {\n\tfrom { transform: translate(0, 0); }\n\tto   { transform: translate(-100%, 100%); }\n}\n@keyframes pptx-tr-uncover-to-ru {\n\tfrom { transform: translate(0, 0); }\n\tto   { transform: translate(100%, -100%); }\n}\n@keyframes pptx-tr-uncover-to-rd {\n\tfrom { transform: translate(0, 0); }\n\tto   { transform: translate(100%, 100%); }\n}\n\n/* \u2500\u2500 Wipe (clip-path reveal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-wipe-from-left {\n\tfrom { clip-path: inset(0 100% 0 0); }\n\tto   { clip-path: inset(0 0 0 0); }\n}\n@keyframes pptx-tr-wipe-from-right {\n\tfrom { clip-path: inset(0 0 0 100%); }\n\tto   { clip-path: inset(0 0 0 0); }\n}\n@keyframes pptx-tr-wipe-from-top {\n\tfrom { clip-path: inset(0 0 100% 0); }\n\tto   { clip-path: inset(0 0 0 0); }\n}\n@keyframes pptx-tr-wipe-from-bottom {\n\tfrom { clip-path: inset(100% 0 0 0); }\n\tto   { clip-path: inset(0 0 0 0); }\n}\n\n/* \u2500\u2500 Split \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-split-h-out {\n\tfrom { clip-path: inset(0 50%); }\n\tto   { clip-path: inset(0 0); }\n}\n@keyframes pptx-tr-split-v-out {\n\tfrom { clip-path: inset(50% 0); }\n\tto   { clip-path: inset(0 0); }\n}\n@keyframes pptx-tr-split-h-in {\n\tfrom { clip-path: inset(0 0); }\n\tto   { clip-path: inset(0 50%); }\n}\n@keyframes pptx-tr-split-v-in {\n\tfrom { clip-path: inset(0 0); }\n\tto   { clip-path: inset(50% 0); }\n}\n\n/* \u2500\u2500 Dissolve \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-dissolve-in {\n\tfrom { opacity: 0; filter: blur(4px); }\n\tto   { opacity: 1; filter: blur(0px); }\n}\n\n/* \u2500\u2500 Circle / Diamond / Plus (clip-path shapes) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-circle-in {\n\tfrom { clip-path: circle(0% at 50% 50%); }\n\tto   { clip-path: circle(75% at 50% 50%); }\n}\n@keyframes pptx-tr-diamond-in {\n\tfrom { clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%); }\n\tto   { clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); }\n}\n@keyframes pptx-tr-plus-in {\n\tfrom {\n\t\tclip-path: polygon(\n\t\t\t50% 50%, 50% 50%, 50% 50%, 50% 50%,\n\t\t\t50% 50%, 50% 50%, 50% 50%, 50% 50%,\n\t\t\t50% 50%, 50% 50%, 50% 50%, 50% 50%\n\t\t);\n\t}\n\tto {\n\t\tclip-path: polygon(\n\t\t\t33% 0%, 66% 0%, 66% 33%, 100% 33%,\n\t\t\t100% 66%, 66% 66%, 66% 100%, 33% 100%,\n\t\t\t33% 66%, 0% 66%, 0% 33%, 33% 33%\n\t\t);\n\t}\n}\n\n/* \u2500\u2500 Wedge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-wedge-in {\n\tfrom { clip-path: polygon(50% 0%, 50% 0%, 50% 0%); }\n\tto   { clip-path: polygon(50% 0%, 100% 100%, 0% 100%); }\n}\n\n/* \u2500\u2500 Zoom \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-zoom-in {\n\tfrom { transform: scale(0); opacity: 0; }\n\tto   { transform: scale(1); opacity: 1; }\n}\n@keyframes pptx-tr-zoom-out {\n\tfrom { transform: scale(1); opacity: 1; }\n\tto   { transform: scale(2); opacity: 0; }\n}\n\n/* \u2500\u2500 Blinds \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-blinds-h {\n\tfrom { clip-path: inset(0 0 100% 0); }\n\tto   { clip-path: inset(0); }\n}\n@keyframes pptx-tr-blinds-v {\n\tfrom { clip-path: inset(0 100% 0 0); }\n\tto   { clip-path: inset(0); }\n}\n\n/* \u2500\u2500 Checker (approximate with dissolve + contrast) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-checker-in {\n\tfrom { opacity: 0; filter: contrast(2) blur(2px); }\n\tto   { opacity: 1; filter: contrast(1) blur(0); }\n}\n\n/* \u2500\u2500 Comb \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-comb-h {\n\tfrom { clip-path: inset(0 100% 0 0); }\n\tto   { clip-path: inset(0); }\n}\n@keyframes pptx-tr-comb-v {\n\tfrom { clip-path: inset(100% 0 0 0); }\n\tto   { clip-path: inset(0); }\n}\n\n/* \u2500\u2500 Strips (diagonal) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-strips-lu {\n\tfrom { clip-path: polygon(0% 0%, 0% 0%, 0% 0%); }\n\tto   { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }\n}\n@keyframes pptx-tr-strips-ld {\n\tfrom { clip-path: polygon(0% 100%, 0% 100%, 0% 100%); }\n\tto   { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }\n}\n@keyframes pptx-tr-strips-ru {\n\tfrom { clip-path: polygon(100% 0%, 100% 0%, 100% 0%); }\n\tto   { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }\n}\n@keyframes pptx-tr-strips-rd {\n\tfrom { clip-path: polygon(100% 100%, 100% 100%, 100% 100%); }\n\tto   { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }\n}\n\n/* \u2500\u2500 RandomBar \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-randombar-h {\n\tfrom { opacity: 0; clip-path: inset(0 0 100% 0); }\n\tto   { opacity: 1; clip-path: inset(0); }\n}\n@keyframes pptx-tr-randombar-v {\n\tfrom { opacity: 0; clip-path: inset(0 100% 0 0); }\n\tto   { opacity: 1; clip-path: inset(0); }\n}\n\n/* \u2500\u2500 Newsflash \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-newsflash-in {\n\tfrom { transform: rotate(720deg) scale(0); opacity: 0; }\n\tto   { transform: rotate(0deg) scale(1); opacity: 1; }\n}\n\n/* \u2500\u2500 Wheel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n@keyframes pptx-tr-wheel-in {\n\tfrom { clip-path: circle(0% at 50% 50%); transform: rotate(-180deg); }\n\tto   { clip-path: circle(75% at 50% 50%); transform: rotate(0deg); }\n}\n";
+/** Default transition duration (ms) when the transition omits `durationMs`. */
+export declare const DEFAULT_TRANSITION_DURATION_MS = 1000;
+/**
+ * Map a {@link PptxTransitionType} (+ duration/direction/orient/spokes) to the
+ * concrete CSS `animation` descriptors for the outgoing and incoming layers.
+ *
+ * Unknown types fall back to a symmetrical cross-fade.
+ */
+export declare function getSlideTransitionAnimations(type: PptxTransitionType, durationMs: number, direction: string | undefined, orient?: string | undefined, spokes?: number | undefined): SlideTransitionAnimations;
+/**
+ * Convenience wrapper that reads everything off a {@link PptxSlideTransition},
+ * applying the default duration when none is set. `none`/`cut` and a transition
+ * with a non-positive duration resolve to {@link INSTANT}.
+ */
+export declare function resolveSlideTransition(transition: PptxSlideTransition | undefined): SlideTransitionAnimations;
+/**
+ * The effective duration (ms) for a transition — the configured `durationMs`,
+ * or {@link DEFAULT_TRANSITION_DURATION_MS} when unset/invalid. `none`/`cut`
+ * resolve to `0` (instant).
+ */
+export declare function resolveTransitionDurationMs(transition: PptxSlideTransition | undefined): number;
+//# sourceMappingURL=slide-transition-css.d.ts.map

package/dist/viewer/composables/slide-transition-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slide-transition-css.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/slide-transition-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAMhF,yEAAyE;AACzE,MAAM,WAAW,yBAAyB;IACzC,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,QAAQ,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,aAAa,EAAE,OAAO,CAAC;CACvB;AAMD,gEAAgE;AAChE,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,CAAC;AAEjE,8EAA8E;AAC9E,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/E,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAC/B,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,UAAU,EAAE,iBAAiB,GAC3B,iBAAiB,CAanB;AAED,wEAAwE;AACxE,wBAAgB,iBAAiB,CAChC,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,UAAU,EAAE,iBAAiB,GAC3B,kBAAkB,CAkBpB;AAED,yEAAyE;AACzE,wBAAgB,kBAAkB,CACjC,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,MAAM,EAAE,MAAM,GAAG,SAAS,GACxB,MAAM,GAAG,MAAM,CAQjB;AAED,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,EAAE,SAAS,kBAAkB,EAQ9D,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,OAAO,EAAE,yBAIrB,CAAC;AAMF;;;;;GAKG;AACH,eAAO,MAAM,8BAA8B,w0YAsQ1C,CAAC;AAMF,+EAA+E;AAC/E,eAAO,MAAM,8BAA8B,OAAO,CAAC;AAKnD;;;;;GAKG;AACH,wBAAgB,4BAA4B,CAC3C,IAAI,EAAE,kBAAkB,EACxB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GACzB,yBAAyB,CAuP3B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CACrC,UAAU,EAAE,mBAAmB,GAAG,SAAS,GACzC,yBAAyB,CAe3B;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,UAAU,EAAE,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAO/F"}

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

@@ -1,18 +1,22 @@
 import { PptxSlide } from 'pptx-viewer-core';
-import { Ref } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { RemoteCursor } from '../components/CollaborationCursors.vue';
 import { CollaborationConfig } from '../types';
 /**
  * Minimal real-time collaboration over Yjs + y-websocket.
  *
- * Scope (foundational): the slide model is broadcast as a whole-document JSON
- * value in a shared `Y.Map` (last-write-wins, not per-field CRDT) and remote
- * collaborators' cursors are surfaced via the y-websocket **awareness** channel.
- * `yjs`/`y-websocket` are imported lazily so they stay out of the main chunk and
- * are only loaded when a session actually starts.
+ * Scope: the slide model is broadcast as a whole-document JSON value in a shared
+ * `Y.Map` (last-write-wins, not per-field CRDT) and remote collaborators'
+ * **presence** — cursor position, selected element ids and active slide index —
+ * is surfaced via the y-websocket **awareness** channel. `yjs`/`y-websocket` are
+ * imported lazily so they stay out of the main chunk and are only loaded when a
+ * session actually starts.
  *
- * This is intentionally a pragmatic baseline — fine-grained CRDT merging of the
- * element tree and presence (selection highlights, follow-mode) are future work.
+ * On top of presence this composable adds **follow-mode**: the local user can
+ * follow a chosen peer (`followUser(clientId)`), after which `followedSlideIndex`
+ * reactively mirrors that peer's active slide so the host can drive navigation.
+ *
+ * Fine-grained CRDT merging of the element tree remains future work.
  */
 export interface UseCollaborationOptions {
     /** The editor's reactive slides ref (broadcast on local change). */
@@ -22,19 +26,56 @@ export interface UseCollaborationOptions {
     /** This user's cursor/label colour. */
     userColor?: string;
 }
+/**
+ * A remote peer's full presence: identity plus the live cursor, selection and
+ * active slide they have published over awareness. `cursor` is absent until the
+ * peer moves their pointer; `selectionIds`/`activeSlide` default to empty/0.
+ */
+export interface RemotePresence {
+    /** The peer's awareness clientId. */
+    clientId: number;
+    /** Display name (falls back to `'Guest'`). */
+    userName: string;
+    /** Cursor + label colour. */
+    color: string;
+    /** Last published cursor position (unscaled slide px), if any. */
+    cursor?: {
+        x: number;
+        y: number;
+    };
+    /** Ids of elements the peer currently has selected. */
+    selectionIds: string[];
+    /** Slide index the peer is currently viewing. */
+    activeSlide: number;
+}
 export interface UseCollaborationResult {
     /** True once the websocket provider reports a connection. */
     connected: Ref<boolean>;
     /** Remote collaborators' live cursors (excludes self). */
     cursors: Ref<RemoteCursor[]>;
+    /** Remote collaborators' full presence — cursor + selection + slide (excludes self). */
+    remotePresences: Ref<RemotePresence[]>;
     /** Whether a session is currently active. */
     active: Ref<boolean>;
+    /** The clientId of the peer currently being followed, or null. */
+    followedClientId: Ref<number | null>;
+    /**
+     * The active-slide index of the followed peer, or null when not following
+     * (or the followed peer has left). The host watches this to navigate.
+     */
+    followedSlideIndex: ComputedRef<number | null>;
     /** Connect to a room and begin syncing. */
     start: (config: CollaborationConfig) => Promise<void>;
     /** Disconnect and tear down the session. */
     stop: () => void;
     /** Publish this user's cursor position (unscaled slide px). */
     setCursor: (x: number, y: number) => void;
+    /** Publish this user's selected element ids. */
+    setSelection: (ids: string[]) => void;
+    /** Publish this user's active slide index. */
+    setActiveSlide: (index: number) => void;
+    /** Follow a peer's active slide (or `null` to stop following). */
+    followUser: (clientId: number | null) => void;
 }
 export declare function useCollaboration(options: UseCollaborationOptions): UseCollaborationResult;
 //# sourceMappingURL=useCollaboration.d.ts.map

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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,uBAAuB;IACvC,oEAAoE;IACpE,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC;IACzB,8DAA8D;IAC9D,cAAc,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC9C,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,sBAAsB;IACtC,6DAA6D;IAC7D,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,0DAA0D;IAC1D,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,2CAA2C;IAC3C,KAAK,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,4CAA4C;IAC5C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,+DAA+D;IAC/D,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAYD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CA0HzF"}
+{"version":3,"file":"useCollaboration.d.ts","sourceRoot":"","sources":["../../../src/viewer/composables/useCollaboration.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,uBAAuB;IACvC,oEAAoE;IACpE,MAAM,EAAE,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC;IACzB,8DAA8D;IAC9D,cAAc,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IAC9C,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC9B,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,kEAAkE;IAClE,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClC,uDAAuD;IACvD,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACtC,6DAA6D;IAC7D,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACxB,0DAA0D;IAC1D,OAAO,EAAE,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7B,wFAAwF;IACxF,eAAe,EAAE,GAAG,CAAC,cAAc,EAAE,CAAC,CAAC;IACvC,6CAA6C;IAC7C,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACrB,kEAAkE;IAClE,gBAAgB,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACrC;;;OAGG;IACH,kBAAkB,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC/C,2CAA2C;IAC3C,KAAK,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,4CAA4C;IAC5C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,+DAA+D;IAC/D,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,gDAAgD;IAChD,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,8CAA8C;IAC9C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kEAAkE;IAClE,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C;AA8CD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,uBAAuB,GAAG,sBAAsB,CAkMzF"}