pptx-vue-viewer 1.1.39 → 1.1.41

package/dist/{viewer-R_Ip8luV.js → viewer-PzGNcFSq.js}

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as o, D as a, E as r, F as l, G as i, H as s, I as u, K as d, L as p, M as m, N as v, O as f, P as h, Q as g, R as x, S as y, T as b, U as w, V as k, W as S, X as $, Y as M, Z as C, _ as F, at as P, b as I, d as D, et as E, g as _, h as L, i as z, it as R, k as O, l as U, m as W, n as N, nt as j, o as Y, ot as H, p as X, q as G, r as V, rt as Z, s as q, st as K, t as J, tt as Q, u as ee, v as te, w as ne, x as oe, y as ae } from "./dist-Vxk81GQT.js";
+import { $ as e, A as t, B as n, C as o, D as a, E as r, F as l, G as i, H as s, I as u, K as d, L as p, M as m, N as v, O as f, P as h, Q as g, R as x, S as y, T as b, U as w, V as k, W as S, X as $, Y as M, Z as C, _ as F, at as P, b as I, d as D, et as E, g as _, h as L, i as z, it as R, k as O, l as U, m as W, n as N, nt as j, o as Y, ot as H, p as X, q as G, r as V, rt as Z, s as q, st as K, t as J, tt as Q, u as ee, v as te, w as ne, x as oe, y as ae } from "./dist-TmAaMB8H.js";
 import { Fragment as le, Teleport as ie, computed as se, createBlock as ue, createCommentVNode as ce, createElementBlock as de, createElementVNode as pe, createTextVNode as me, createVNode as ve, defineComponent as fe, guardReactiveProps as he, inject as ge, mergeModels as xe, mergeProps as ye, nextTick as be, normalizeClass as we, normalizeProps as ke, normalizeStyle as Se, onBeforeUnmount as $e, onMounted as Me, onScopeDispose as Ce, openBlock as Fe, provide as Te, readonly as Pe, ref as Ie, renderList as Ae, renderSlot as De, resolveComponent as Ee, resolveDynamicComponent as Be, shallowRef as _e, toDisplayString as Le, toRef as ze, toValue as Re, unref as Oe, useModel as Ue, vModelCheckbox as We, vModelSelect as Ne, vModelText as je, vShow as Ye, watch as He, withCtx as Xe, withDirectives as Ge, withKeys as Ve, withModifiers as Ze } from "vue";
 import qe from "dompurify";
 import { AArrowDown as Ke, AArrowUp as Je, AlignCenter as Qe, AlignJustify as et, AlignLeft as tt, AlignRight as nt, Bold as ot, Captions as at, Cast as rt, Check as lt, ChevronDown as it, ChevronUp as st, Circle as ut, ClipboardList as ct, ClipboardPaste as dt, Clock as pt, Columns2 as mt, Copy as vt, Database as ft, Diamond as ht, Download as gt, Ellipsis as xt, EyeOff as yt, File as bt, FileText as wt, FolderOpen as kt, GitCompare as St, Highlighter as $t, Image as Mt, IndentDecrease as Ct, IndentIncrease as Ft, Info as Tt, Italic as Pt, Layers as It, LayoutGrid as At, List as Dt, ListOrdered as Et, Lock as Bt, Menu as _t, MessageSquare as Lt, Minus as zt, Monitor as Rt, MoveRight as Ot, Package as Ut, PaintBucket as Wt, Paintbrush as Nt, Palette as jt, PanelLeft as Yt, PanelRight as Ht, Pencil as Xt, Pipette as Gt, Play as Vt, Plus as Zt, Presentation as qt, Printer as Kt, Radio as Jt, Redo as Qt, RemoveFormatting as en, Scissors as tn, Search as nn, Settings as on, Shapes as an, Share2 as rn, ShieldAlert as ln, Sparkles as sn, SpellCheck as un, Spline as cn, Square as dn, StickyNote as pn, Strikethrough as mn, TextCursorInput as vn, Trash2 as fn, Triangle as hn, Type as gn, Underline as xn, Undo as yn, Video as bn, Wand as wn } from "lucide-vue-next";
@@ -6504,16 +6504,16 @@ function ns(e, t) {
 }
 function os(e) {
 	const { getScale: t, minScale: n, maxScale: o, callbacks: a } = e;
-	let r = 0, l = 1, i = !1, s = 0, u = 0, c = null, d = 0, p = 0;
-	const m = () => {
-		null !== c && (clearTimeout(c), c = null);
-	}, v = () => {
-		i = !1, r = 0, m();
+	let r = 0, l = 1, i = !1, s = 0, u = 0, c = 0, d = 0, p = null, m = 0, v = 0;
+	const f = () => {
+		null !== p && (clearTimeout(p), p = null);
+	}, h = () => {
+		i = !1, r = 0, f();
 	};
 	return {
 		onTouchStart: (e) => {
-			2 === e.touches.length ? (i = !0, r = ns(e.touches[0], e.touches[1]), l = t(), m(), e.preventDefault()) : 1 === e.touches.length && (s = e.touches[0].clientX, u = e.touches[0].clientY, d = e.touches[0].clientX, p = e.touches[0].clientY, m(), c = setTimeout(() => {
-				c = null, a.onLongPress?.(d, p);
+			2 === e.touches.length ? (i = !0, r = ns(e.touches[0], e.touches[1]), l = t(), f(), e.preventDefault()) : 1 === e.touches.length && (s = e.touches[0].clientX, u = e.touches[0].clientY, c = s, d = u, m = e.touches[0].clientX, v = e.touches[0].clientY, f(), p = setTimeout(() => {
+				p = null, a.onLongPress?.(m, v);
 			}, 500));
 		},
 		onTouchMove: (e) => {
@@ -6527,19 +6527,20 @@ function os(e) {
 					a.onPinchZoom?.(e);
 				}
 			} else if (1 === e.touches.length) {
-				const t = e.touches[0].clientX - d, n = e.touches[0].clientY - p;
-				(Math.abs(t) > 10 || Math.abs(n) > 10) && m();
+				c = e.touches[0].clientX, d = e.touches[0].clientY;
+				const t = e.touches[0].clientX - m, n = e.touches[0].clientY - v;
+				(Math.abs(t) > 10 || Math.abs(n) > 10) && f();
 			}
 		},
 		onTouchEnd: (e) => {
 			if (i) return i = !1, void (r = 0);
-			if (m(), 1 === e.changedTouches.length && 0 === e.touches.length) {
-				const t = e.changedTouches[0].clientX, n = e.changedTouches[0].clientY, o = t - s, r = n - u;
+			if (f(), 0 === e.touches.length) {
+				const t = e.changedTouches.length >= 1 ? e.changedTouches[0].clientX : c, n = e.changedTouches.length >= 1 ? e.changedTouches[0].clientY : d, o = t - s, r = n - u;
 				Math.abs(o) >= 50 && Math.abs(r) < 100 && a.onSwipe?.(o > 0 ? 1 : -1);
 			}
 		},
-		onTouchCancel: v,
-		cancel: v
+		onTouchCancel: h,
+		cancel: h
 	};
 }
 var as = [
@@ -17012,42 +17013,68 @@ function E$(e) {
 function B$() {
 	return "undefined" == typeof window ? "landscape" : "undefined" != typeof screen && screen.orientation ? screen.orientation.type.startsWith("portrait") ? "portrait" : "landscape" : window.innerHeight > window.innerWidth ? "portrait" : "landscape";
 }
-function _$(e = 768) {
-	const t = Ie(!1), n = Ie(function() {
+function _$(e = 768, t) {
+	const n = Ie(!1), o = Ie(!1), a = Ie(!1), r = Ie(function() {
 		if ("undefined" == typeof window) return !1;
 		if ("ontouchstart" in window) return !0;
 		if ("undefined" == typeof navigator) return !1;
 		if (navigator.maxTouchPoints > 0) return !0;
 		const e = navigator.msMaxTouchPoints;
 		return "number" == typeof e && e > 0;
-	}()), o = Ie(B$()), a = Ie(!1), r = {
-		isMobile: Pe(t),
-		isTouchDevice: Pe(n),
-		orientation: Pe(o),
-		isVirtualKeyboardOpen: Pe(a)
-	};
-	if (!("undefined" != typeof window && "function" == typeof window.matchMedia)) return r;
-	const l = window.matchMedia(`(max-width: ${e}px), (max-height: 499px) and (pointer: coarse) and (max-width: 1023px)`), i = (e) => {
-		t.value = e.matches;
-	};
-	i(l);
-	const s = (e) => {
-		i(e);
-	};
-	l.addEventListener("change", s);
-	const u = () => {
-		o.value = B$();
+	}()), l = Ie(B$()), i = Ie(!1), s = Ie("undefined" != typeof window ? window.innerWidth : 1024), u = {
+		isMobile: Pe(n),
+		isTablet: Pe(o),
+		isDesktop: Pe(a),
+		isTouchDevice: Pe(r),
+		orientation: Pe(l),
+		isVirtualKeyboardOpen: Pe(i),
+		containerWidth: Pe(s)
+	}, c = (e, t) => {
+		s.value = e;
+		const l = function(e, t, n) {
+			return e < 768 || n && t > 0 && t < 500 && e < 1024;
+		}(e, t, r.value);
+		n.value = l, o.value = !l && e >= 768 && e < 1024, a.value = !l && e >= 1024;
+	}, d = () => {
+		const e = () => {
+			l.value = B$();
+		};
+		window.addEventListener("resize", e);
+		const t = "undefined" != typeof screen ? screen.orientation : void 0;
+		t?.addEventListener("change", e);
+		const n = window.innerHeight || 800, o = window.visualViewport ?? void 0, a = () => {
+			if (!r.value) return;
+			i.value = (o?.height ?? window.innerHeight) / n < .7;
+		};
+		o ? o.addEventListener("resize", a) : window.addEventListener("resize", a), Ce(() => {
+			window.removeEventListener("resize", e), t?.removeEventListener("change", e), o ? o.removeEventListener("resize", a) : window.removeEventListener("resize", a);
+		});
+	}, p = "undefined" != typeof window, m = p && "undefined" != typeof ResizeObserver, v = (f = t) ? ("function" == typeof f ? f() : f.value) ?? null : null;
+	var f;
+	if (m && v) {
+		const e = new ResizeObserver((e) => {
+			const t = e[0];
+			t && c(t.contentRect.width, t.contentRect.height);
+		});
+		return e.observe(v), c(v.clientWidth, v.clientHeight), d(), Ce(() => {
+			e.disconnect();
+		}), u;
+	}
+	if (!(p && "function" == typeof window.matchMedia)) return u;
+	const h = () => {
+		c(window.innerWidth, window.innerHeight);
+	}, g = window.matchMedia(`(max-width: ${e}px), (max-height: 499px) and (pointer: coarse) and (max-width: 1023px)`), x = (e) => {
+		n.value = e.matches;
+		const t = window.innerWidth;
+		s.value = t, o.value = !e.matches && t >= 768 && t < 1024, a.value = !e.matches && t >= 1024;
 	};
-	window.addEventListener("resize", u);
-	const c = "undefined" != typeof screen ? screen.orientation : void 0;
-	c?.addEventListener("change", u);
-	const d = window.innerHeight || 800, p = window.visualViewport ?? void 0, m = () => {
-		if (!n.value) return;
-		a.value = (p?.height ?? window.innerHeight) / d < .7;
+	x(g);
+	const y = (e) => {
+		x(e);
 	};
-	return p ? p.addEventListener("resize", m) : window.addEventListener("resize", m), Ce(() => {
-		l.removeEventListener("change", s), window.removeEventListener("resize", u), c?.removeEventListener("change", u), p ? p.removeEventListener("resize", m) : window.removeEventListener("resize", m);
-	}), r;
+	return g.addEventListener("change", y), window.addEventListener("resize", h), d(), Ce(() => {
+		g.removeEventListener("change", y), window.removeEventListener("resize", h);
+	}), u;
 }
 var L$ = 0;
 function z$(e) {
@@ -21043,7 +21070,7 @@ function jT(e) {
 			if (y = null, !S || !t.onWriteBack) return;
 			const n = e.getSourceBytes?.();
 			if (n) try {
-				const { PptxHandler: e } = await import("./dist-Vxk81GQT.js").then((e) => e.j), o = new e();
+				const { PptxHandler: e } = await import("./dist-TmAaMB8H.js").then((e) => e.j), o = new e();
 				await o.load(n.buffer);
 				const a = ci(S), r = await o.save(a);
 				t.onWriteBack(r);
@@ -22394,7 +22421,7 @@ var IP = ["tabindex"], AP = {
 			if (!t.moved && (Math.abs(n) > 2 || Math.abs(o) > 2) && (t.moved = !0, $e.pushHistory()), !t.moved) return;
 			const a = Sl(t.startBox, n, o, ge.value);
 			let r = a.x, l = a.y;
-			if (qo.value && !a.rotation) {
+			if (Ko.value && !a.rotation) {
 				const e = (H.value?.elements ?? []).map((e) => ({
 					id: e.id,
 					x: e.x,
@@ -22475,12 +22502,12 @@ var IP = ["tabindex"], AP = {
 						y: d,
 						lines: p
 					};
-				}(a.x, a.y, a.width, a.height, e, new Set([t.id]), Jo.value);
-				r = n.x, l = n.y, Ko.value = n.lines.map((e) => ({
+				}(a.x, a.y, a.width, a.height, e, new Set([t.id]), Qo.value);
+				r = n.x, l = n.y, Jo.value = n.lines.map((e) => ({
 					axis: "v" === e.axis ? "x" : "y",
 					position: e.position
 				}));
-			} else Ko.value.length > 0 && (Ko.value = []);
+			} else Jo.value.length > 0 && (Jo.value = []);
 			rt({
 				id: t.id,
 				x: r,
@@ -22492,12 +22519,12 @@ var IP = ["tabindex"], AP = {
 		}
 		function at() {
 			const e = nt;
-			nt = null, Ko.value.length > 0 && (Ko.value = []), window.removeEventListener("pointermove", ot), window.removeEventListener("pointerup", at), window.removeEventListener("pointercancel", at), e && !e.moved && e.wasSelected && Ke(e.id);
+			nt = null, Jo.value.length > 0 && (Jo.value = []), window.removeEventListener("pointermove", ot), window.removeEventListener("pointerup", at), window.removeEventListener("pointercancel", at), e && !e.moved && e.wasSelected && Ke(e.id);
 		}
 		function rt(e) {
 			const t = j.value, n = v.value[t];
 			if (!n) return;
-			const { x: a, y: r, width: l, height: i } = Go.value && !e.rotation ? (u = 8, {
+			const { x: a, y: r, width: l, height: i } = Vo.value && !e.rotation ? (u = 8, {
 				x: Cl((s = e).x, u),
 				y: Cl(s.y, u),
 				width: Math.max(u, Cl(s.width, u)),
@@ -22952,7 +22979,7 @@ var IP = ["tabindex"], AP = {
 			canvasSize: f,
 			rasterizeSlide: Kt
 		}), Qt = function(e) {
-			const { slideCount: t, rasterizeSlide: n } = e, o = e.loadGifEncoder ?? (async () => (await import("./gif-encoder-CrGhNA-_.js")).encodeGif), a = e.createRecorder ?? xP, r = e.createCanvas ?? (() => document.createElement("canvas")), l = e.downloadBlob ?? hP, i = Ie(!1), s = Ie(0);
+			const { slideCount: t, rasterizeSlide: n } = e, o = e.loadGifEncoder ?? (async () => (await import("./gif-encoder-CeDn2_Nz.js")).encodeGif), a = e.createRecorder ?? xP, r = e.createCanvas ?? (() => document.createElement("canvas")), l = e.downloadBlob ?? hP, i = Ie(!1), s = Ie(0);
 			return {
 				exporting: i,
 				progress: s,
@@ -23208,7 +23235,7 @@ var IP = ["tabindex"], AP = {
 			enabled: $n,
 			intervalMs: l.autosaveIntervalMs ?? 2e3,
 			onSave: async () => {
-				i("autosave", await W()), Co.capture("Autosave", Date.now());
+				i("autosave", await W()), Fo.capture("Autosave", Date.now());
 			}
 		}), Cn = Ie(!1), Fn = se(() => H.value?.comments ?? []), Tn = se(() => l.authorName ?? "You"), Pn = function(e) {
 			const t = se(() => Re(e.comments) ?? []);
@@ -23310,7 +23337,7 @@ var IP = ["tabindex"], AP = {
 		function Yn() {
 			Wn.value = null, En.stop(), i("stop-collaboration"), Un.value = !1;
 		}
-		const { isMobile: Hn, isTouchDevice: Xn } = _$(), { keyboardInset: Gn } = function() {
+		const Hn = Ie(null), { isMobile: Xn, isTouchDevice: Gn } = _$(768, Hn), { keyboardInset: Vn } = function() {
 			const e = Ie(0), t = Ie(!1);
 			return Me(() => {
 				if ("undefined" == typeof window) return;
@@ -23334,13 +23361,13 @@ var IP = ["tabindex"], AP = {
 				keyboardInset: Pe(e),
 				isKeyboardOpen: Pe(t)
 			};
-		}(), Vn = Ie(null);
+		}(), Zn = Ie(null);
 		O$({
-			targetRef: Vn,
+			targetRef: Zn,
 			currentScale: ee,
 			minScale: .2,
 			maxScale: 3,
-			enabled: Xn,
+			enabled: Gn,
 			callbacks: {
 				onPinchZoom: (e) => {
 					ee.value = Number(e.toFixed(2));
@@ -23357,75 +23384,75 @@ var IP = ["tabindex"], AP = {
 				}
 			}
 		});
-		const Zn = Ie(!1), qn = Ie(!1), Kn = Ie(!1), Jn = Ie(!1);
-		function Qn(e) {
-			Jn.value = "slides" === e, qn.value = "format" === e, Kn.value = "comments" === e, Zn.value = "notes" === e;
+		const qn = Ie(!1), Kn = Ie(!1), Jn = Ie(!1), Qn = Ie(!1);
+		function eo(e) {
+			Qn.value = "slides" === e, Kn.value = "format" === e, Jn.value = "comments" === e, qn.value = "notes" === e;
 		}
-		function eo() {
+		function to() {
 			vt();
 		}
-		function to() {
+		function no() {
 			_t.value = !0;
 		}
-		const no = Ie(!1);
-		function oo(e) {
+		const oo = Ie(!1);
+		function ao(e) {
 			w.value = {
 				...w.value,
 				...e.core
 			}, k.value = e.custom, e.app && (S.value = {
 				...S.value,
 				...e.app
-			}), no.value = !1;
+			}), oo.value = !1;
 		}
-		const ao = Ie(!1), ro = Ie("slides"), lo = Ie(0), io = Ie(null), so = Ie(6);
-		function uo(e) {
-			lo.value = e, io.value = null;
+		const ro = Ie(!1), lo = Ie("slides"), io = Ie(0), so = Ie(null), uo = Ie(6);
+		function co(e) {
+			io.value = e, so.value = null;
 		}
-		function co(e, t) {
-			lo.value = e, io.value = t;
+		function po(e, t) {
+			io.value = e, so.value = t;
 		}
-		const po = Ie(!1);
-		function mo(e) {
-			E.value = e, po.value = !1;
+		const mo = Ie(!1);
+		function vo(e) {
+			E.value = e, mo.value = !1;
 		}
-		const vo = $P({
+		const fo = $P({
 			sections: A,
 			slides: v,
 			activeSlideIndex: j,
 			pushHistory: $e.pushHistory
-		}), fo = se(() => A.value.length > 0), ho = Ie(!1), go = Ie(null), xo = HT({
+		}), ho = se(() => A.value.length > 0), go = Ie(!1), xo = Ie(null), yo = HT({
 			customShows: D,
 			slides: v,
 			activeSlideIndex: j,
 			pushHistory: $e.pushHistory
 		});
-		function yo(e) {
-			go.value = xo.createCustomShow(e);
-		}
 		function bo(e) {
-			xo.deleteCustomShow(e), go.value === e && (go.value = null);
+			xo.value = yo.createCustomShow(e);
 		}
-		const wo = se(() => H.value?.rId), ko = se(() => {
-			const e = go.value, t = wo.value;
+		function wo(e) {
+			yo.deleteCustomShow(e), xo.value === e && (xo.value = null);
+		}
+		const ko = se(() => H.value?.rId), So = se(() => {
+			const e = xo.value, t = ko.value;
 			return null !== e && void 0 !== t && (D.value.find((t) => t.id === e)?.slideRIds.includes(t) ?? !1);
 		});
-		function So() {
-			const e = go.value;
+		function $o() {
+			const e = xo.value;
 			if (null === e) return;
 			const t = D.value.find((t) => t.id === e), n = window.prompt("Rename custom show", t?.name ?? "")?.trim();
-			n && xo.renameCustomShow(e, n);
+			n && yo.renameCustomShow(e, n);
 		}
-		function $o() {
-			const e = go.value;
+		function Mo() {
+			const e = xo.value;
 			if (null === e) return;
 			const t = D.value.find((t) => t.id === e);
-			window.confirm(`Delete custom show "${t?.name ?? ""}"?`) && bo(e);
+			window.confirm(`Delete custom show "${t?.name ?? ""}"?`) && wo(e);
 		}
-		function Mo() {
-			const e = go.value, t = wo.value;
-			null !== e && void 0 !== t && xo.toggleSlideInShow(e, t);
+		function Co() {
+			const e = xo.value, t = ko.value;
+			null !== e && void 0 !== t && yo.toggleSlideInShow(e, t);
 		}
-		const Co = function(e) {
+		const Fo = function(e) {
 			const { slides: t, pushHistory: n } = e, o = Math.max(1, e.maxVersions ?? 50), a = _e([]);
 			return {
 				versions: a,
@@ -23456,26 +23483,26 @@ var IP = ["tabindex"], AP = {
 		}({
 			slides: v,
 			pushHistory: $e.pushHistory
-		}), Fo = Ie(!1), To = Ie(null);
-		Ie(null), se(() => null !== To.value);
-		const Po = Ie(!1), Io = Ie(!1);
-		const Ao = Ie(!1);
-		Ie({ ...BT });
+		}), To = Ie(!1), Po = Ie(null);
+		Ie(null), se(() => null !== Po.value);
+		const Io = Ie(!1), Ao = Ie(!1);
 		const Do = Ie(!1);
-		function Eo() {
+		Ie({ ...BT });
+		const Eo = Ie(!1);
+		function Bo() {
 			const e = xe.value[0];
 			e && Dt(e);
 		}
-		function Bo() {
+		function _o() {
 			const e = xe.value[0];
 			e && Et(e);
 		}
-		const _o = WF({
+		const Lo = WF({
 			actions: {
 				undo: $e.undo,
 				redo: $e.redo,
-				copy: Eo,
-				cut: Bo,
+				copy: Bo,
+				cut: _o,
 				paste: Bt,
 				duplicate: Mt,
 				delete: $t,
@@ -23508,16 +23535,16 @@ var IP = ["tabindex"], AP = {
 			hasSelection: De,
 			isPresenting: _t
 		});
-		function Lo(e) {
+		function zo(e) {
 			const t = e.ctrlKey || e.metaKey;
-			l.canEdit && t && "f" === e.key.toLowerCase() ? (e.preventDefault(), Xt.value = !Xt.value) : t && "/" === e.key ? (e.preventDefault(), Do.value = !Do.value) : _o.handleKeyDown(e);
-		}
-		const zo = Ie("home"), Ro = Ie("rect"), Oo = Ie("select"), Uo = Ie("#000000"), Wo = Ie(2), No = Ie(!0), jo = Ie(!1), Yo = Ie(!1), Ho = Ie(!0), Xo = Ie(!1), Go = Ie(!1), Vo = Ie(!1), Zo = Ie(!0), qo = Ie(!1), Ko = Ie([]), Jo = Ie([]);
-		function Qo(e) {
-			Jo.value = [...Jo.value, ts(ne("guide"), e, f.value)];
+			l.canEdit && t && "f" === e.key.toLowerCase() ? (e.preventDefault(), Xt.value = !Xt.value) : t && "/" === e.key ? (e.preventDefault(), Eo.value = !Eo.value) : Lo.handleKeyDown(e);
 		}
+		const Ro = Ie("home"), Oo = Ie("rect"), Uo = Ie("select"), Wo = Ie("#000000"), No = Ie(2), jo = Ie(!0), Yo = Ie(!1), Ho = Ie(!1), Xo = Ie(!0), Go = Ie(!1), Vo = Ie(!1), Zo = Ie(!1), qo = Ie(!0), Ko = Ie(!1), Jo = Ie([]), Qo = Ie([]);
 		function ea(e) {
-			Jo.value = function(e, t, n, o) {
+			Qo.value = [...Qo.value, ts(ne("guide"), e, f.value)];
+		}
+		function ta(e) {
+			Qo.value = function(e, t, n, o) {
 				return e.map((e) => {
 					if (e.id !== t) return e;
 					const a = "h" === e.axis ? o.height : o.width;
@@ -23526,15 +23553,15 @@ var IP = ["tabindex"], AP = {
 						position: Math.max(0, Math.min(a, n))
 					};
 				});
-			}(Jo.value, e.id, e.position, f.value);
+			}(Qo.value, e.id, e.position, f.value);
 		}
-		function ta(e) {
-			Jo.value = function(e, t) {
+		function na(e) {
+			Qo.value = function(e, t) {
 				return e.filter((e) => e.id !== t);
-			}(Jo.value, e);
+			}(Qo.value, e);
 		}
-		const na = Ie(!1), oa = se(() => l.canEdit && !_t.value && "select" !== Oo.value);
-		function aa(e) {
+		const oa = Ie(!1), aa = se(() => l.canEdit && !_t.value && "select" !== Uo.value);
+		function ra(e) {
 			const t = e.points;
 			if (t.length < 2) return;
 			const n = "highlighter" === e.tool, o = n ? 3 * e.width : e.width, a = Math.max(2, o), r = t.map((e) => e.x), l = t.map((e) => e.y), i = Math.min(...r) - a, s = Math.min(...l) - a, u = Math.max(...r) + a, c = Math.max(...l) + a, d = `M ${t.map((e) => `${(e.x - i).toFixed(1)} ${(e.y - s).toFixed(1)}`).join(" L ")}`, p = {
@@ -23552,15 +23579,15 @@ var IP = ["tabindex"], AP = {
 			};
 			Ae.addElement(p), xe.value = [];
 		}
-		function ra(e) {
+		function la(e) {
 			const t = H.value;
 			if (t) for (let n = t.elements.length - 1; n >= 0; n--) {
 				const o = t.elements[n];
 				if ("ink" === o.type && e.x >= o.x && e.x <= o.x + o.width && e.y >= o.y && e.y <= o.y + o.height) return void Ae.removeElement(o.id);
 			}
 		}
-		const la = Ie(!1);
-		function ia(e, t, n) {
+		const ia = Ie(!1);
+		function sa(e, t, n) {
 			$e.pushHistory();
 			const o = X({
 				slides: v.value,
@@ -23569,13 +23596,13 @@ var IP = ["tabindex"], AP = {
 			}, e, t, n);
 			v.value = o.slides, R.value = o.theme, O.value = o.themeColorMap;
 		}
-		function sa(e) {
-			ia(e.colorScheme, e.fontScheme, e.name), na.value = !1;
-		}
 		function ua(e) {
-			ia(e.colorScheme, e.fontScheme, e.name), la.value = !1;
+			sa(e.colorScheme, e.fontScheme, e.name), oa.value = !1;
 		}
-		const ca = se(() => _t.value ? "present" : ao.value ? "master" : l.canEdit ? "edit" : "preview"), da = {
+		function ca(e) {
+			sa(e.colorScheme, e.fontScheme, e.name), ia.value = !1;
+		}
+		const da = se(() => _t.value ? "present" : ro.value ? "master" : l.canEdit ? "edit" : "preview"), pa = {
 			left: "left",
 			center: "centerH",
 			right: "right",
@@ -23583,7 +23610,7 @@ var IP = ["tabindex"], AP = {
 			middle: "middle",
 			bottom: "bottom"
 		};
-		function pa(e) {
+		function ma(e) {
 			const t = xe.value[0];
 			if (!t) return;
 			const n = H.value?.elements.find((e) => e.id === t);
@@ -23603,7 +23630,7 @@ var IP = ["tabindex"], AP = {
 				textSegments: a
 			} : { textStyle: o });
 		}
-		function ma(e) {
+		function va(e) {
 			const t = new Set(xe.value), n = j.value, o = v.value[n];
 			if (0 === t.size || !o) return;
 			$e.pushHistory();
@@ -23619,20 +23646,20 @@ var IP = ["tabindex"], AP = {
 				elements: a
 			}, v.value = r;
 		}
-		function va(e) {
+		function fa(e) {
 			const t = xe.value[0], n = H.value;
 			if (!t || !n) return;
 			const o = "front" === e || "forward" === e || "up" === e;
 			Ae.reorder(t, o ? n.elements.length - 1 : 0);
 		}
-		const fa = () => {}, ha = se(() => ({
-			mode: ca.value,
+		const ha = () => {}, ga = se(() => ({
+			mode: da.value,
 			canEdit: l.canEdit,
-			isNarrowViewport: Hn.value,
-			isSidebarCollapsed: jo.value,
-			isInspectorPaneOpen: No.value,
+			isNarrowViewport: Xn.value,
+			isSidebarCollapsed: Yo.value,
+			isInspectorPaneOpen: jo.value,
 			isCompactToolbarOpen: !0,
-			toolbarSection: zo.value,
+			toolbarSection: Ro.value,
 			scale: ee.value,
 			canUndo: $e.canUndo.value,
 			canRedo: $e.canRedo.value,
@@ -23642,24 +23669,24 @@ var IP = ["tabindex"], AP = {
 			selectedElement: Ee.value[0] ?? null,
 			tableEditorState: null,
 			editTemplateMode: !1,
-			newShapeType: Ro.value,
-			activeTool: Oo.value,
-			drawingColor: Uo.value,
-			drawingWidth: Wo.value,
+			newShapeType: Oo.value,
+			activeTool: Uo.value,
+			drawingColor: Wo.value,
+			drawingWidth: No.value,
 			clipboardPayload: It.value ? { kind: "element" } : null,
-			spellCheckEnabled: Zo.value,
-			showGrid: Xo.value,
-			showRulers: Vo.value,
-			snapToGrid: Go.value,
-			snapToShape: qo.value,
-			isOverflowMenuOpen: Yo.value,
+			spellCheckEnabled: qo.value,
+			showGrid: Go.value,
+			showRulers: Zo.value,
+			snapToGrid: Vo.value,
+			snapToShape: Ko.value,
+			isOverflowMenuOpen: Ho.value,
 			layoutOptions: P.value,
 			customShows: D.value,
-			activeCustomShowId: go.value,
-			isCurrentSlideInActiveShow: ko.value,
+			activeCustomShowId: xo.value,
+			isCurrentSlideInActiveShow: So.value,
 			hasMacros: !1,
-			isThemeEditorOpen: la.value,
-			isThemeGalleryOpen: na.value,
+			isThemeEditorOpen: ia.value,
+			isThemeGalleryOpen: oa.value,
 			isCommentsPanelOpen: Cn.value,
 			slideCommentCount: Fn.value.length,
 			formatPainterActive: Ue.value,
@@ -23672,19 +23699,19 @@ var IP = ["tabindex"], AP = {
 				"present" === e ? Lt() : _t.value = !1;
 			},
 			onToggleSidebar: () => {
-				jo.value = !jo.value;
+				Yo.value = !Yo.value;
 			},
 			onToggleInspector: () => {
-				No.value = !No.value;
+				jo.value = !jo.value;
 			},
 			onOpenAnimationPanel: () => {
-				zo.value = "animations";
+				Ro.value = "animations";
 			},
 			onAddAnimation: yn,
 			onRemoveAnimation: bn,
-			onToggleCompactToolbar: fa,
+			onToggleCompactToolbar: ha,
 			onSetToolbarSection: (e) => {
-				zo.value = e;
+				Ro.value = e;
 			},
 			onZoomIn: re,
 			onZoomOut: ie,
@@ -23695,62 +23722,62 @@ var IP = ["tabindex"], AP = {
 				Xt.value = !Xt.value;
 			},
 			onSetNewShapeType: (e) => {
-				Ro.value = e;
+				Oo.value = e;
 			},
 			onAddTextBox: vt,
 			onAddShape: () => {
 				return function(e) {
 					const t = r(e);
 					mt(t, 240, 160), Ae.addElement(t), xe.value = [t.id];
-				}("ellipse" === (e = Ro.value) || "roundRect" === e || "triangle" === e ? e : "rect");
+				}("ellipse" === (e = Oo.value) || "roundRect" === e || "triangle" === e ? e : "rect");
 				var e;
 			},
 			onAddTable: ft,
 			onAddChart: ht,
 			onAddSmartArt: () => {
-				Po.value = !0;
+				Io.value = !0;
 			},
 			onAddEquation: () => {
-				Io.value = !0;
+				Ao.value = !0;
 			},
 			onAddActionButton: St,
 			onInsertField: void 0,
 			onOpenImagePicker: xt,
 			onOpenMediaPicker: wt,
 			onSetActiveTool: (e) => {
-				Oo.value = e;
+				Uo.value = e;
 			},
 			onSetDrawingColor: (e) => {
-				Uo.value = e;
+				Wo.value = e;
 			},
 			onSetDrawingWidth: (e) => {
-				Wo.value = e;
+				No.value = e;
 			},
-			onSetEditTemplateMode: fa,
+			onSetEditTemplateMode: ha,
 			onSetSpellCheckEnabled: (e) => {
-				Zo.value = e;
+				qo.value = e;
 			},
 			onSetShowGrid: (e) => {
-				Xo.value = e;
+				Go.value = e;
 			},
 			onSetShowRulers: (e) => {
-				Vo.value = e;
+				Zo.value = e;
 			},
 			onSetSnapToGrid: (e) => {
-				Go.value = e;
+				Vo.value = e;
 			},
 			onSetSnapToShape: (e) => {
-				qo.value = e;
+				Ko.value = e;
 			},
-			onAddGuide: Qo,
+			onAddGuide: ea,
 			onAlignElements: (e) => {
-				const t = da[e];
+				const t = pa[e];
 				t && Sn(t);
 			},
-			onCopy: Eo,
-			onCut: Bo,
+			onCopy: Bo,
+			onCut: _o,
 			onPaste: Bt,
-			onFlip: ma,
+			onFlip: va,
 			onMoveLayer: (e) => {
 				"forward" === e || "up" === e || "front" === e ? function() {
 					for (const e of [...xe.value]) Ae.bringForward(e);
@@ -23758,7 +23785,7 @@ var IP = ["tabindex"], AP = {
 					for (const e of [...xe.value]) Ae.sendBackward(e);
 				}();
 			},
-			onMoveLayerToEdge: va,
+			onMoveLayerToEdge: fa,
 			onDuplicate: Mt,
 			onDelete: $t,
 			onOpenFile: m,
@@ -23795,10 +23822,10 @@ var IP = ["tabindex"], AP = {
 			},
 			onPrint: ln.openPrintDialog,
 			onToggleShortcuts: () => {
-				Do.value = !Do.value;
+				Eo.value = !Eo.value;
 			},
 			onOpenSettings: () => {
-				Ao.value = !0;
+				Do.value = !0;
 			},
 			onRunAccessibilityCheck: () => {
 				dn.value = !0;
@@ -23806,9 +23833,9 @@ var IP = ["tabindex"], AP = {
 			onToggleSlideSorter: () => {
 				sn.value = !0;
 			},
-			onUpdateTextStyle: pa,
+			onUpdateTextStyle: ma,
 			onSetOverflowMenuOpen: (e) => {
-				Yo.value = e;
+				Ho.value = e;
 			},
 			onInsertSlideFromLayout: (e, t) => {
 				(async function(e, t) {
@@ -23833,38 +23860,38 @@ var IP = ["tabindex"], AP = {
 				})(e, t);
 			},
 			onSetActiveCustomShowId: (e) => {
-				go.value = e;
+				xo.value = e;
 			},
 			onCreateCustomShow: () => {
-				ho.value = !0;
+				go.value = !0;
 			},
-			onRenameActiveCustomShow: So,
-			onDeleteActiveCustomShow: $o,
-			onToggleCurrentSlideInActiveShow: Mo,
+			onRenameActiveCustomShow: $o,
+			onDeleteActiveCustomShow: Mo,
+			onToggleCurrentSlideInActiveShow: Co,
 			onToggleVersionHistory: () => {
-				Fo.value = !0;
+				To.value = !0;
 			},
 			onOpenPasswordProtection: void 0,
 			onOpenDocumentProperties: () => {
-				no.value = !0;
+				oo.value = !0;
 			},
 			onOpenFontEmbedding: void 0,
 			onOpenDigitalSignatures: () => {
 				On.value = !0;
 			},
 			onEnterMasterView: () => {
-				ao.value = !0;
+				ro.value = !0;
 			},
 			onCloseMasterView: () => {
-				ao.value = !1;
+				ro.value = !1;
 			},
 			onEnterPresenterView: void 0,
 			onEnterRehearsalMode: void 0,
 			onToggleThemeEditor: () => {
-				la.value = !la.value;
+				ia.value = !ia.value;
 			},
 			onToggleThemeGallery: () => {
-				na.value = !na.value;
+				oa.value = !oa.value;
 			},
 			onCompare: void 0,
 			onToggleComments: () => {
@@ -23882,17 +23909,19 @@ var IP = ["tabindex"], AP = {
 			onApplyTransitionToAll: gn
 		}));
 		return t({ getContent: W }), (e, t) => (Fe(), de("div", {
+			ref_key: "viewerRootRef",
+			ref: Hn,
 			class: we(["pptx-vue-viewer", l.class]),
 			style: Se(Oe(u)),
 			tabindex: l.canEdit ? 0 : void 0,
-			onKeydown: Lo
+			onKeydown: zo
 		}, [
 			Oe(g) ? (Fe(), de("div", AP, [...t[51] || (t[51] = [pe("div", {
 				class: "pptx-vue-spinner",
 				"aria-hidden": "true"
 			}, null, -1), pe("p", null, "Loading presentation…", -1)])])) : Oe(y) ? (Fe(), de("div", DP, [...t[52] || (t[52] = [pe("p", null, "This presentation is password-protected and cannot be opened.", -1)])])) : Oe(x) ? (Fe(), de("div", EP, [t[53] || (t[53] = pe("p", null, "Failed to load presentation.", -1)), pe("pre", BP, Le(Oe(x)), 1)])) : (Fe(), de(le, { key: 3 }, [
-				Oe(Hn) ? ce("", !0) : (Fe(), ue(cF, ke(ye({ key: 0 }, ha.value)), null, 16)),
-				Oe(Hn) ? (Fe(), ue(C$, ke(ye({ key: 1 }, ha.value)), null, 16)) : ce("", !0),
+				Oe(Xn) ? ce("", !0) : (Fe(), ue(cF, ke(ye({ key: 0 }, ga.value)), null, 16)),
+				Oe(Xn) ? (Fe(), ue(C$, ke(ye({ key: 1 }, ga.value)), null, 16)) : ce("", !0),
 				pe("input", {
 					ref_key: "imageInputRef",
 					ref: gt,
@@ -23938,19 +23967,19 @@ var IP = ["tabindex"], AP = {
 					"onReplaceAll"
 				])) : ce("", !0),
 				pe("div", _P, [
-					Oe(Hn) || fo.value || jo.value ? Oe(Hn) || jo.value ? ce("", !0) : (Fe(), de("nav", LP, [ve($F, {
-						groups: Oe(vo).slidesBySection.value,
+					Oe(Xn) || ho.value || Yo.value ? Oe(Xn) || Yo.value ? ce("", !0) : (Fe(), de("nav", LP, [ve($F, {
+						groups: Oe(fo).slidesBySection.value,
 						"canvas-size": Oe(f),
 						"media-data-urls": Oe(h),
 						"active-index": j.value,
 						"can-edit": l.canEdit,
 						onSelect: V,
-						onToggleCollapse: Oe(vo).toggleSectionCollapse,
-						onRename: Oe(vo).renameSection,
-						onMoveUp: Oe(vo).moveSectionUp,
-						onMoveDown: Oe(vo).moveSectionDown,
-						onDelete: Oe(vo).deleteSection,
-						onAddSection: t[8] || (t[8] = (e) => Oe(vo).addSection("Untitled Section", e))
+						onToggleCollapse: Oe(fo).toggleSectionCollapse,
+						onRename: Oe(fo).renameSection,
+						onMoveUp: Oe(fo).moveSectionUp,
+						onMoveDown: Oe(fo).moveSectionDown,
+						onDelete: Oe(fo).deleteSection,
+						onAddSection: t[8] || (t[8] = (e) => Oe(fo).addSection("Untitled Section", e))
 					}, null, 8, [
 						"groups",
 						"canvas-size",
@@ -23985,7 +24014,7 @@ var IP = ["tabindex"], AP = {
 					])),
 					pe("main", {
 						ref_key: "mainRef",
-						ref: Vn,
+						ref: Zn,
 						class: we(["pptx-vue-main", { "is-editable": l.canEdit }]),
 						onPointerdown: tt,
 						onContextmenu: Wt,
@@ -23997,35 +24026,35 @@ var IP = ["tabindex"], AP = {
 						"canvas-size": Oe(f),
 						"media-data-urls": Oe(h),
 						zoom: ge.value,
-						"show-rulers": Vo.value && !_t.value,
+						"show-rulers": Zo.value && !_t.value,
 						"onUpdate:fitScale": t[11] || (t[11] = (e) => he.value = e)
 					}, {
 						default: Xe(() => [
 							ve(hd, {
 								"canvas-size": Oe(f),
-								visible: Xo.value && !_t.value
+								visible: Go.value && !_t.value
 							}, null, 8, ["canvas-size", "visible"]),
 							l.canEdit && !_t.value ? (Fe(), ue(du, {
 								key: 0,
-								guides: Jo.value,
+								guides: Qo.value,
 								scale: ge.value,
-								onMove: ea,
-								onRemove: ta
+								onMove: ta,
+								onRemove: na
 							}, null, 8, ["guides", "scale"])) : ce("", !0),
-							Ko.value.length > 0 ? (Fe(), ue(wT, {
+							Jo.value.length > 0 ? (Fe(), ue(wT, {
 								key: 1,
-								"snap-lines": Ko.value
+								"snap-lines": Jo.value
 							}, null, 8, ["snap-lines"])) : ce("", !0),
 							l.canEdit ? (Fe(), ue(Oc, {
 								key: 2,
 								"canvas-size": Oe(f),
-								active: oa.value,
-								tool: Oo.value,
-								color: Uo.value,
-								width: Wo.value,
+								active: aa.value,
+								tool: Uo.value,
+								color: Wo.value,
+								width: No.value,
 								scale: ge.value,
-								onStroke: aa,
-								onErase: ra
+								onStroke: ra,
+								onErase: la
 							}, null, 8, [
 								"canvas-size",
 								"active",
@@ -24054,7 +24083,7 @@ var IP = ["tabindex"], AP = {
 							l.canEdit && qe.value ? (Fe(), ue(Hd, {
 								key: 4,
 								element: qe.value,
-								"spell-check": Zo.value,
+								"spell-check": qo.value,
 								onChange: t[10] || (t[10] = (e) => Ve.value = e),
 								onCommit: Je,
 								onCancel: Qe
@@ -24084,16 +24113,16 @@ var IP = ["tabindex"], AP = {
 						"media-data-urls",
 						"zoom",
 						"show-rulers"
-					]), l.canEdit && !Oe(Hn) && Ho.value ? (Fe(), ue(D$, {
+					]), l.canEdit && !Oe(Xn) && Xo.value ? (Fe(), ue(D$, {
 						key: 0,
 						slide: H.value,
 						onUpdate: mn
 					}, null, 8, ["slide"])) : ce("", !0)], 34),
-					l.canEdit && !Oe(Hn) && Ft.value && No.value ? (Fe(), ue(wf, {
+					l.canEdit && !Oe(Xn) && Ft.value && jo.value ? (Fe(), ue(wf, {
 						key: 2,
 						element: Ft.value,
 						onUpdate: Tt
-					}, null, 8, ["element"])) : l.canEdit && !Oe(Hn) && No.value && Y.value > 0 ? (Fe(), ue(Ef, {
+					}, null, 8, ["element"])) : l.canEdit && !Oe(Xn) && jo.value && Y.value > 0 ? (Fe(), ue(Ef, {
 						key: 3,
 						slide: H.value,
 						onTransitionUpdate: fn
@@ -24103,7 +24132,7 @@ var IP = ["tabindex"], AP = {
 						issues: Oe(pn).issues.value,
 						onSelectSlide: V
 					}, null, 8, ["issues"])) : ce("", !0),
-					l.canEdit && !Oe(Hn) && Cn.value ? (Fe(), ue(_u, {
+					l.canEdit && !Oe(Xn) && Cn.value ? (Fe(), ue(_u, {
 						key: 5,
 						comments: Oe(Pn).slideComments.value,
 						"author-name": Tn.value,
@@ -24134,17 +24163,17 @@ var IP = ["tabindex"], AP = {
 						"connected-count",
 						"onRetry"
 					])])) : ce("", !0),
-					l.canEdit && ho.value ? (Fe(), ue(tc, {
+					l.canEdit && go.value ? (Fe(), ue(tc, {
 						key: 9,
 						"custom-shows": Oe(D),
 						slides: Oe(v),
-						"active-show-id": go.value,
-						onCreate: yo,
-						onRename: Oe(xo).renameCustomShow,
-						onDelete: bo,
-						onSelect: t[15] || (t[15] = (e) => go.value = e),
-						onToggleSlide: Oe(xo).toggleSlideInShow,
-						onMoveSlide: Oe(xo).moveSlideInShow
+						"active-show-id": xo.value,
+						onCreate: bo,
+						onRename: Oe(yo).renameCustomShow,
+						onDelete: wo,
+						onSelect: t[15] || (t[15] = (e) => xo.value = e),
+						onToggleSlide: Oe(yo).toggleSlideInShow,
+						onMoveSlide: Oe(yo).moveSlideInShow
 					}, null, 8, [
 						"custom-shows",
 						"slides",
@@ -24154,20 +24183,20 @@ var IP = ["tabindex"], AP = {
 						"onMoveSlide"
 					])) : ce("", !0)
 				]),
-				!Oe(Hn) && Y.value > 0 ? (Fe(), ue(FT, {
+				!Oe(Xn) && Y.value > 0 ? (Fe(), ue(FT, {
 					key: 3,
 					"slide-count": Y.value,
 					"active-slide-index": j.value,
 					"is-dirty": Oe(Mn).isDirty.value,
 					"autosave-status": $n.value ? Oe(Mn).status.value : void 0,
 					scale: ee.value,
-					mode: ca.value,
-					"is-notes-expanded": Ho.value,
+					mode: da.value,
+					"is-notes-expanded": Xo.value,
 					"show-notes": l.canEdit,
 					onZoomIn: re,
 					onZoomOut: ie,
 					onZoomToFit: me,
-					onToggleNotes: t[16] || (t[16] = (e) => Ho.value = !Ho.value),
+					onToggleNotes: t[16] || (t[16] = (e) => Xo.value = !Xo.value),
 					onToggleSlideSorter: t[17] || (t[17] = (e) => sn.value = !0),
 					onSetMode: t[18] || (t[18] = (e) => "present" === e ? Lt() : _t.value = !1)
 				}, null, 8, [
@@ -24181,17 +24210,17 @@ var IP = ["tabindex"], AP = {
 					"show-notes"
 				])) : ce("", !0),
 				ve(ET, {
-					open: na.value,
+					open: oa.value,
 					"active-name": Oe(R)?.name,
-					onApply: sa,
-					onClose: t[19] || (t[19] = (e) => na.value = !1)
+					onApply: ua,
+					onClose: t[19] || (t[19] = (e) => oa.value = !1)
 				}, null, 8, ["open", "active-name"]),
-				la.value && l.canEdit ? (Fe(), ue(qf, {
+				ia.value && l.canEdit ? (Fe(), ue(qf, {
 					key: 4,
 					theme: Oe(R),
 					"can-edit": l.canEdit,
-					onApply: ua,
-					onClose: t[20] || (t[20] = (e) => la.value = !1)
+					onApply: ca,
+					onClose: t[20] || (t[20] = (e) => ia.value = !1)
 				}, null, 8, ["theme", "can-edit"])) : ce("", !0),
 				ve(Ru, {
 					open: Ot.value.open,
@@ -24225,13 +24254,13 @@ var IP = ["tabindex"], AP = {
 					"active"
 				]),
 				ve(Lc, {
-					open: no.value,
+					open: oo.value,
 					"core-properties": Oe(w),
 					"custom-properties": Oe(k),
 					"app-properties": Oe(S),
 					slides: Oe(v),
-					onSave: oo,
-					onClose: t[24] || (t[24] = (e) => no.value = !1)
+					onSave: ao,
+					onClose: t[24] || (t[24] = (e) => oo.value = !1)
 				}, null, 8, [
 					"open",
 					"core-properties",
@@ -24253,22 +24282,22 @@ var IP = ["tabindex"], AP = {
 					"onClose"
 				]),
 				ve(ZF, {
-					open: Do.value,
-					onClose: t[25] || (t[25] = (e) => Do.value = !1)
+					open: Eo.value,
+					onClose: t[25] || (t[25] = (e) => Eo.value = !1)
 				}, null, 8, ["open"]),
 				ve(Js, {
-					open: po.value,
+					open: mo.value,
 					title: "Header & footer",
-					onClose: t[27] || (t[27] = (e) => po.value = !1)
+					onClose: t[27] || (t[27] = (e) => mo.value = !1)
 				}, {
 					default: Xe(() => [ve(Ld, {
 						"header-footer": Oe(E),
-						onUpdate: mo,
-						onClose: t[26] || (t[26] = (e) => po.value = !1)
+						onUpdate: vo,
+						onClose: t[26] || (t[26] = (e) => mo.value = !1)
 					}, null, 8, ["header-footer"])]),
 					_: 1
 				}, 8, ["open"]),
-				ao.value ? (Fe(), de("div", {
+				ro.value ? (Fe(), de("div", {
 					key: 5,
 					class: "pptx-vue-master-overlay",
 					role: "dialog",
@@ -24281,22 +24310,22 @@ var IP = ["tabindex"], AP = {
 						"justify-content": "flex-start",
 						background: "rgba(0, 0, 0, 0.45)"
 					},
-					onClick: t[31] || (t[31] = Ze((e) => ao.value = !1, ["self"]))
+					onClick: t[31] || (t[31] = Ze((e) => ro.value = !1, ["self"]))
 				}, [ve(ew, {
 					"slide-masters": Oe(T),
-					"active-master-index": lo.value,
-					"active-layout-index": io.value,
+					"active-master-index": io.value,
+					"active-layout-index": so.value,
 					"canvas-size": Oe(f),
 					"media-data-urls": Oe(h),
-					"master-view-tab": ro.value,
+					"master-view-tab": lo.value,
 					"notes-master": Oe(B),
 					"handout-master": Oe(z),
-					"handout-slides-per-page": so.value,
-					onSelectMaster: uo,
-					onSelectLayout: co,
-					onTabChange: t[28] || (t[28] = (e) => ro.value = e),
-					onHandoutSlidesPerPageChange: t[29] || (t[29] = (e) => so.value = e),
-					onCollapse: t[30] || (t[30] = (e) => ao.value = !1)
+					"handout-slides-per-page": uo.value,
+					onSelectMaster: co,
+					onSelectLayout: po,
+					onTabChange: t[28] || (t[28] = (e) => lo.value = e),
+					onHandoutSlidesPerPageChange: t[29] || (t[29] = (e) => uo.value = e),
+					onCollapse: t[30] || (t[30] = (e) => ro.value = !1)
 				}, null, 8, [
 					"slide-masters",
 					"active-master-index",
@@ -24322,25 +24351,25 @@ var IP = ["tabindex"], AP = {
 					"viewer-url",
 					"defaults"
 				]),
-				Oe(Hn) ? (Fe(), ue(lw, {
+				Oe(Xn) ? (Fe(), ue(lw, {
 					key: 6,
 					"slide-index": j.value,
 					"slide-count": Y.value,
 					"zoom-percent": fe.value,
 					"can-edit": l.canEdit,
-					"keyboard-inset": Oe(Gn),
+					"keyboard-inset": Oe(Vn),
 					"comment-count": Fn.value.length,
 					onPrev: Z,
 					onNext: q,
 					onZoomIn: re,
 					onZoomOut: ie,
-					onPresent: to,
-					onSlides: t[33] || (t[33] = (e) => Jn.value ? Jn.value = !1 : Qn("slides")),
-					onInsert: eo,
-					onFormat: t[34] || (t[34] = (e) => qn.value ? qn.value = !1 : Qn("format")),
-					onComments: t[35] || (t[35] = (e) => Kn.value ? Kn.value = !1 : Qn("comments")),
+					onPresent: no,
+					onSlides: t[33] || (t[33] = (e) => Qn.value ? Qn.value = !1 : eo("slides")),
+					onInsert: to,
+					onFormat: t[34] || (t[34] = (e) => Kn.value ? Kn.value = !1 : eo("format")),
+					onComments: t[35] || (t[35] = (e) => Jn.value ? Jn.value = !1 : eo("comments")),
 					onSave: t[36] || (t[36] = (e) => rn("pptx")),
-					onNotes: t[37] || (t[37] = (e) => Zn.value ? Zn.value = !1 : Qn("notes")),
+					onNotes: t[37] || (t[37] = (e) => qn.value ? qn.value = !1 : eo("notes")),
 					onMenu: t[38] || (t[38] = (e) => sn.value = !0)
 				}, null, 8, [
 					"slide-index",
@@ -24350,15 +24379,15 @@ var IP = ["tabindex"], AP = {
 					"keyboard-inset",
 					"comment-count"
 				])) : ce("", !0),
-				Oe(Hn) ? (Fe(), ue(bw, {
+				Oe(Xn) ? (Fe(), ue(bw, {
 					key: 7,
-					open: Jn.value,
+					open: Qn.value,
 					slides: Oe(v),
 					"active-index": j.value,
 					"canvas-size": Oe(f),
 					"media-data-urls": Oe(h),
 					"can-edit": l.canEdit,
-					onClose: t[39] || (t[39] = (e) => Jn.value = !1),
+					onClose: t[39] || (t[39] = (e) => Qn.value = !1),
 					onSelect: V,
 					onReorder: t[40] || (t[40] = (e) => Oe(Pt).moveSlide(e.from, e.to)),
 					onAddSlide: t[41] || (t[41] = (e) => Oe(Pt).addSlide()),
@@ -24373,11 +24402,11 @@ var IP = ["tabindex"], AP = {
 					"media-data-urls",
 					"can-edit"
 				])) : ce("", !0),
-				Oe(Hn) ? (Fe(), ue(dw, {
+				Oe(Xn) ? (Fe(), ue(dw, {
 					key: 8,
-					open: Zn.value,
+					open: qn.value,
 					title: "Notes",
-					onClose: t[44] || (t[44] = (e) => Zn.value = !1)
+					onClose: t[44] || (t[44] = (e) => qn.value = !1)
 				}, {
 					default: Xe(() => [ve(D$, {
 						slide: H.value,
@@ -24385,11 +24414,11 @@ var IP = ["tabindex"], AP = {
 					}, null, 8, ["slide"])]),
 					_: 1
 				}, 8, ["open"])) : ce("", !0),
-				Oe(Hn) && l.canEdit ? (Fe(), ue(dw, {
+				Oe(Xn) && l.canEdit ? (Fe(), ue(dw, {
 					key: 9,
-					open: qn.value,
+					open: Kn.value,
 					title: "Format",
-					onClose: t[45] || (t[45] = (e) => qn.value = !1)
+					onClose: t[45] || (t[45] = (e) => Kn.value = !1)
 				}, {
 					default: Xe(() => [Ft.value ? (Fe(), ue(wf, {
 						key: 0,
@@ -24404,11 +24433,11 @@ var IP = ["tabindex"], AP = {
 					}, null, 8, ["slide"])) : (Fe(), de("p", RP, "No slide selected."))]),
 					_: 1
 				}, 8, ["open"])) : ce("", !0),
-				Oe(Hn) && l.canEdit ? (Fe(), ue(dw, {
+				Oe(Xn) && l.canEdit ? (Fe(), ue(dw, {
 					key: 10,
-					open: Kn.value,
+					open: Jn.value,
 					title: "Comments",
-					onClose: t[49] || (t[49] = (e) => Kn.value = !1)
+					onClose: t[49] || (t[49] = (e) => Jn.value = !1)
 				}, {
 					default: Xe(() => [ve(_u, {
 						comments: Oe(Pn).slideComments.value,