pptx-vue-viewer 4.72.1 → 4.74.0

package/dist/{useViewerSettingsDialog-Bgy-6QAK.cjs → useViewerSettingsDialog-B33MOSx-.cjs}

@@ -143,27 +143,27 @@ function D() {
 function z(e) {
 	return e ? (0, p.toValue)(e) : void 0;
 }
-var A = Symbol("pptx-vue-slide-elements");
-function O(e, t, n) {
-	return (0, p.computed)(() => {
-		return (0, d.shouldRenderHitTarget)(!0 === t(), !0 === n()) ? (l = e(), (0, d.elementHitTargetStyle)(l)) : void 0;
-		var l;
-	});
-}
-var M = Symbol("pptx-vue-presentation-element-states");
-function F(e) {
-	(0, p.provide)(M, e);
-}
-var L = {
+var A = {
 	smartArt3D: !1,
 	surfaceChart3D: !1,
 	barChart3D: !1,
 	lineChart3D: !1,
 	areaChart3D: !1,
 	pieChart3D: !1
-}, R = Symbol("pptx-rendering-3d-flags");
-function V() {
-	return (0, p.inject)(R, (0, p.computed)(() => L));
+}, O = Symbol("pptx-rendering-3d-flags");
+function M() {
+	return (0, p.inject)(O, (0, p.computed)(() => A));
+}
+var F = Symbol("pptx-vue-slide-elements");
+function L(e, t, n) {
+	return (0, p.computed)(() => {
+		return (0, d.shouldRenderHitTarget)(!0 === t(), !0 === n()) ? (l = e(), (0, d.elementHitTargetStyle)(l)) : void 0;
+		var l;
+	});
+}
+var R = Symbol("pptx-vue-presentation-element-states");
+function V(e) {
+	(0, p.provide)(R, e);
 }
 d.CHART_DRAG_THRESHOLD_PX;
 var N = d.ensureChartInteractionStyles, _ = d.applyChartPartHighlight, j = d.beginChartValueDrag, U = d.advanceChartValueDrag, $ = d.buildChartMarkDragGeometry, W = d.beginChartMarkDrag, H = d.advanceChartMarkDrag, G = Symbol("pptx-vue-chart-format");
@@ -874,7 +874,7 @@ var Ue = (0, p.defineComponent)({
 		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => ({
 			...B(t.element, t.zIndex),
 			...(0, d.getFrameEffectStyle)(t.element)
-		})), o = O(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.ref)(null), { interactiveClass: r, renderedElement: i, dragLabel: s, titleDraft: u, onPointerdown: m, onPointermove: v, onPointerup: f, onDblclick: h, setTitleDraft: y, commitTitle: g, cancelTitle: k } = function(e) {
+		})), o = L(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.ref)(null), { interactiveClass: r, renderedElement: i, dragLabel: s, titleDraft: u, onPointerdown: m, onPointermove: v, onPointerup: f, onDblclick: h, setTitleDraft: y, commitTitle: g, cancelTitle: k } = function(e) {
 			const t = X(), n = q(), l = (t) => (0, d.chartFormatTargetFromEvent)(t, e.rootEl.value, e.element()), o = (0, p.shallowRef)(null), a = (0, p.ref)(null), r = (0, p.ref)(null);
 			let i = null, s = null;
 			const u = (0, p.computed)(() => e.interactive() && Boolean(t?.canEditChart(e.element().id)) && (0, d.canDrillDown)(e.element())), c = (0, p.computed)(() => e.interactive() && Boolean(t?.canSelectCharts())), m = (0, p.computed)(() => [...c.value ? ["pptx-vue-chart-selectable"] : [], ...u.value ? ["pptx-chart-interactive"] : []]), v = (0, p.computed)(() => o.value ? {
@@ -1007,7 +1007,7 @@ var Ue = (0, p.defineComponent)({
 			const t = e.chartData;
 			return t && 0 !== t.series.length ? t : void 0;
 		}), b = (0, p.computed)(() => S.value?.chartType ?? "bar"), w = (0, p.computed)(() => S.value ? (0, d.resolveChartKind)(b.value) : "unsupported"), E = (0, p.computed)(() => "unsupported" === w.value), C = function(e, t) {
-			const n = V(), l = X(), o = (0, p.ref)(null), a = (0, p.computed)(() => (0, d.resolveChartThreeViewSpec)(e(), n.value)), r = (0, p.computed)(() => {
+			const n = M(), l = X(), o = (0, p.ref)(null), a = (0, p.computed)(() => (0, d.resolveChartThreeViewSpec)(e(), n.value)), r = (0, p.computed)(() => {
 				const t = l?.selection.value;
 				return t && t.elementId === e().id ? t.part : null;
 			}), i = (0, p.computed)(() => t() && Boolean(l?.canEditChart(e().id)));
@@ -1433,7 +1433,7 @@ var ut = ["data-element-id"], ct = ["viewBox"], dt = ["opacity"], pt = [
 		interactive: { type: Boolean }
 	},
 	setup(e) {
-		const t = e, n = st(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = O(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => "contentPart" === t.element.type ? t.element : void 0), r = (0, p.computed)(() => a.value ? (0, d.buildContentPartStrokes)(a.value) : []), i = (0, p.computed)(() => a.value ? (0, d.contentPartViewBox)(a.value) : "0 0 1 1"), s = (0, p.computed)(() => t.presenting && a.value ? (0, d.getContentPartReplayStyles)(a.value.inkStrokes ?? []) : []);
+		const t = e, n = st(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = L(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => "contentPart" === t.element.type ? t.element : void 0), r = (0, p.computed)(() => a.value ? (0, d.buildContentPartStrokes)(a.value) : []), i = (0, p.computed)(() => a.value ? (0, d.contentPartViewBox)(a.value) : "0 0 1 1"), s = (0, p.computed)(() => t.presenting && a.value ? (0, d.getContentPartReplayStyles)(a.value.inkStrokes ?? []) : []);
 		function u(e) {
 			return "multiply" === e ? { mixBlendMode: "multiply" } : void 0;
 		}
@@ -2084,7 +2084,7 @@ var Pt = { style: {
 				const n = t.element.imageEffects?.clrChange;
 				return n?.clrFrom ? n : void 0;
 			})
-		}), g = (0, p.computed)(() => t.interactive ? null : { pointerEvents: "none" }), x = O(() => t.element, () => t.interactive, () => t.presenting);
+		}), g = (0, p.computed)(() => t.interactive ? null : { pointerEvents: "none" }), x = L(() => t.element, () => t.interactive, () => t.presenting);
 		return (t, n) => ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-image",
 			style: (0, p.normalizeStyle)([a.value, g.value]),
@@ -2271,7 +2271,7 @@ var xn = ["data-element-id", "data-pptx-element"], Sn = [
 		const w = (0, p.computed)(() => (0, d.mediaFallbackVisual)(x.value, {
 			hasPoster: Boolean(y.value),
 			missing: "media" === t.element.type && !0 === t.element.mediaMissing
-		})), E = (0, p.computed)(() => (0, d.mediaFallbackIcon)(w.value, f.value)), C = (0, p.computed)(() => (0, d.mediaFallbackLabelKey)(w.value, f.value)), I = (0, p.computed)(() => s.active.value ? { pointerEvents: "auto" } : t.interactive ? null : { pointerEvents: "none" }), T = O(() => t.element, () => t.interactive, () => t.presenting);
+		})), E = (0, p.computed)(() => (0, d.mediaFallbackIcon)(w.value, f.value)), C = (0, p.computed)(() => (0, d.mediaFallbackLabelKey)(w.value, f.value)), I = (0, p.computed)(() => s.active.value ? { pointerEvents: "auto" } : t.interactive ? null : { pointerEvents: "none" }), T = L(() => t.element, () => t.interactive, () => t.presenting);
 		return (t, o) => ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-media",
 			style: (0, p.normalizeStyle)([u.value, I.value]),
@@ -2396,7 +2396,7 @@ var xn = ["data-element-id", "data-pptx-element"], Sn = [
 		const t = e, n = (0, p.computed)(() => ({
 			...(0, d.buildEquationBlockStyle)(I(t.element)),
 			...B(t.element, t.zIndex)
-		})), l = O(() => t.element, () => t.interactive, () => t.presenting), o = (0, p.computed)(() => {
+		})), l = L(() => t.element, () => t.interactive, () => t.presenting), o = (0, p.computed)(() => {
 			const e = t.element;
 			if (!(0, k.hasTextProperties)(e)) return [];
 			const n = e.textSegments ?? [], l = [];
@@ -2499,7 +2499,7 @@ var xn = ["data-element-id", "data-pptx-element"], Sn = [
 		presenting: { type: Boolean }
 	},
 	setup(e) {
-		const t = e, n = (0, p.computed)(() => B(t.element, t.zIndex)), l = O(() => t.element, () => t.interactive, () => t.presenting), o = (0, p.computed)(() => (0, k.isInkElement)(t.element) ? t.element : void 0), a = (0, p.computed)(() => Math.max(t.element.width, 1)), r = (0, p.computed)(() => Math.max(t.element.height, 1)), i = (0, p.computed)(() => {
+		const t = e, n = (0, p.computed)(() => B(t.element, t.zIndex)), l = L(() => t.element, () => t.interactive, () => t.presenting), o = (0, p.computed)(() => (0, k.isInkElement)(t.element) ? t.element : void 0), a = (0, p.computed)(() => Math.max(t.element.width, 1)), r = (0, p.computed)(() => Math.max(t.element.height, 1)), i = (0, p.computed)(() => {
 			const e = o.value;
 			return e ? (0, d.buildInkGroupStrokes)(e, {
 				color: E,
@@ -2620,7 +2620,7 @@ var tl = ["data-element-id"], nl = ["src", "alt"], ll = {
 		presenting: { type: Boolean }
 	},
 	setup(e) {
-		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = O(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => "model3d" === t.element.type ? t.element : void 0), r = (0, p.computed)(() => {
+		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = L(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => "model3d" === t.element.type ? t.element : void 0), r = (0, p.computed)(() => {
 			const e = a.value;
 			if (e) return e.posterImage ?? e.imageData;
 		}), i = (0, p.ref)(null), { mounted: m } = el({
@@ -2714,7 +2714,7 @@ var tl = ["data-element-id"], nl = ["src", "alt"], ll = {
 		presenting: { type: Boolean }
 	},
 	setup(e) {
-		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = O(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => (0, d.oleActionsVisible)((0, d.mediaSurfaceOf)({
+		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = L(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => (0, d.oleActionsVisible)((0, d.mediaSurfaceOf)({
 			interactive: !0 === t.interactive,
 			presenting: !0 === t.presenting
 		}))), r = (0, p.computed)(() => "ole" === t.element.type ? t.element : void 0), i = (0, p.computed)(() => {
@@ -3043,7 +3043,7 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 		function i(e) {
 			return e ? r.value.get(e) : void 0;
 		}
-		const s = (0, p.computed)(() => (0, d.resolvePalette)(l.value)), u = (0, p.computed)(() => l.value?.style ?? "flat"), m = (0, p.computed)(() => l.value?.chrome), v = (0, p.computed)(() => B(t.element, t.zIndex)), f = (0, p.computed)(() => t.interactive ? null : { pointerEvents: "none" }), h = O(() => t.element, () => t.interactive, () => t.presenting), y = (0, p.computed)(() => (0, d.buildChromeStyle)(m.value)), g = (0, p.computed)(() => l.value?.drawingShapes ?? []), x = (0, p.computed)(() => g.value.length > 0), S = (0, p.computed)(() => (0, d.resolveRevealedSmartArtNodes)(o.value, t.animationState, l.value?.presLayoutVars)), b = (0, p.computed)(() => S.value.nodes), w = (0, p.computed)(() => 0 === g.value.length ? g.value : (0, d.resolveRevealedDrawingShapes)(g.value, o.value, t.animationState)), E = (0, p.computed)(() => (0, d.computeDrawingViewBox)(g.value)), C = (0, p.computed)(() => {
+		const s = (0, p.computed)(() => (0, d.resolvePalette)(l.value)), u = (0, p.computed)(() => l.value?.style ?? "flat"), m = (0, p.computed)(() => l.value?.chrome), v = (0, p.computed)(() => B(t.element, t.zIndex)), f = (0, p.computed)(() => t.interactive ? null : { pointerEvents: "none" }), h = L(() => t.element, () => t.interactive, () => t.presenting), y = (0, p.computed)(() => (0, d.buildChromeStyle)(m.value)), g = (0, p.computed)(() => l.value?.drawingShapes ?? []), x = (0, p.computed)(() => g.value.length > 0), S = (0, p.computed)(() => (0, d.resolveRevealedSmartArtNodes)(o.value, t.animationState, l.value?.presLayoutVars)), b = (0, p.computed)(() => S.value.nodes), w = (0, p.computed)(() => 0 === g.value.length ? g.value : (0, d.resolveRevealedDrawingShapes)(g.value, o.value, t.animationState)), E = (0, p.computed)(() => (0, d.computeDrawingViewBox)(g.value)), C = (0, p.computed)(() => {
 			const e = w.value, n = (0, d.resolveRevealedDrawingShapeNodeIds)(g.value, e, o.value);
 			return (0, d.projectDrawingShapes)(t.element.id, e, E.value, s.value, u.value).map((e, t) => ({
 				...e,
@@ -3060,7 +3060,7 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 				width: t.element.width,
 				height: t.element.height
 			}, s.value, u.value, t.element.id);
-		}), D = (0, p.computed)(() => (T.value?.connectors ?? []).map((e) => (0, d.smartArtConnectorPaint)(e))), z = (0, p.computed)(() => (T.value?.nodes ?? []).map((e) => (0, d.smartArtNodeLabel)(e))), A = (0, p.computed)(() => 0 === o.value.length && !x.value), M = Il(), F = (0, p.computed)(() => Boolean(M?.canEdit()) && (0, d.canDrillDown)(t.element)), L = (0, p.computed)(() => T.value ? bl(b.value) : []), R = Bl(), V = (0, p.ref)(null), N = (0, p.ref)(null), _ = (0, p.ref)(null), { hoveredNodeId: j, hoveredNodeRect: U, onMouseMove: $, onMouseLeave: W } = Tl(V);
+		}), D = (0, p.computed)(() => (T.value?.connectors ?? []).map((e) => (0, d.smartArtConnectorPaint)(e))), z = (0, p.computed)(() => (T.value?.nodes ?? []).map((e) => (0, d.smartArtNodeLabel)(e))), A = (0, p.computed)(() => 0 === o.value.length && !x.value), O = Il(), M = (0, p.computed)(() => Boolean(O?.canEdit()) && (0, d.canDrillDown)(t.element)), F = (0, p.computed)(() => T.value ? bl(b.value) : []), R = Bl(), V = (0, p.ref)(null), N = (0, p.ref)(null), _ = (0, p.ref)(null), { hoveredNodeId: j, hoveredNodeRect: U, onMouseMove: $, onMouseLeave: W } = Tl(V);
 		function H(e) {
 			$(e, _.value);
 		}
@@ -3076,7 +3076,7 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 			};
 		});
 		function K(e, t, n) {
-			if (!F.value || !e) return;
+			if (!M.value || !e) return;
 			const l = n.currentTarget, o = V.value;
 			if (!l || !o) return;
 			const a = (0, d.measureSvgViewportRect)(l);
@@ -3086,7 +3086,7 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 		}
 		function q() {
 			const e = R.editingNodeId.value, n = l.value;
-			e && n && M && (0, d.shouldCommitSmartArtNodeText)(n, e, R.draft.value) && M.commit(t.element.id, e, R.draft.value), R.cancel();
+			e && n && O && (0, d.shouldCommitSmartArtNodeText)(n, e, R.draft.value) && O.commit(t.element.id, e, R.draft.value), R.cancel();
 		}
 		function Y(e) {
 			e.stopPropagation(), "Enter" !== e.key || e.shiftKey ? "Escape" === e.key && (e.preventDefault(), R.cancel()) : (e.preventDefault(), q());
@@ -3126,10 +3126,10 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 					preserveAspectRatio: "xMidYMid meet"
 				}, [((0, p.openBlock)(!0), (0, p.createElementBlock)(p.Fragment, null, (0, p.renderList)(C.value, (e) => ((0, p.openBlock)(), (0, p.createElementBlock)("g", {
 					key: e.key,
-					class: (0, p.normalizeClass)({ "pptx-vue-smartart-editable": F.value && e.nodeId }),
+					class: (0, p.normalizeClass)({ "pptx-vue-smartart-editable": M.value && e.nodeId }),
 					"data-node-id": e.nodeId,
 					"data-smartart-node-id": e.nodeId || void 0,
-					tabindex: F.value && e.nodeId ? 0 : void 0,
+					tabindex: M.value && e.nodeId ? 0 : void 0,
 					role: i(e.nodeId) ? "img" : void 0,
 					"aria-label": i(e.nodeId),
 					style: (0, p.normalizeStyle)(P.value ? { filter: P.value } : void 0),
@@ -3235,17 +3235,17 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 					"stroke-dasharray": D.value[t].dash
 				}, null, 8, Xl))), 128)), ((0, p.openBlock)(!0), (0, p.createElementBlock)(p.Fragment, null, (0, p.renderList)(T.value.nodes, (e, t) => ((0, p.openBlock)(), (0, p.createElementBlock)("g", {
 					key: e.key,
-					class: (0, p.normalizeClass)({ "pptx-vue-smartart-editable": F.value && L.value[t] }),
-					"data-node-id": L.value[t],
-					"data-smartart-node-id": L.value[t] || void 0,
-					tabindex: F.value && L.value[t] ? 0 : void 0,
-					role: i(L.value[t]) ? "img" : void 0,
-					"aria-label": i(L.value[t]),
+					class: (0, p.normalizeClass)({ "pptx-vue-smartart-editable": M.value && F.value[t] }),
+					"data-node-id": F.value[t],
+					"data-smartart-node-id": F.value[t] || void 0,
+					tabindex: M.value && F.value[t] ? 0 : void 0,
+					role: i(F.value[t]) ? "img" : void 0,
+					"aria-label": i(F.value[t]),
 					style: (0, p.normalizeStyle)(T.value.shadowFilter ? { filter: T.value.shadowFilter } : void 0),
-					onDblclick: (n) => K(L.value[t], e.text, n),
-					onKeydown: (0, p.withKeys)((0, p.withModifiers)((n) => K(L.value[t], e.text, n), ["prevent"]), ["enter"])
+					onDblclick: (n) => K(F.value[t], e.text, n),
+					onKeydown: (0, p.withKeys)((0, p.withModifiers)((n) => K(F.value[t], e.text, n), ["prevent"]), ["enter"])
 				}, [
-					i(L.value[t]) ? ((0, p.openBlock)(), (0, p.createElementBlock)("title", Jl, (0, p.toDisplayString)(i(L.value[t])), 1)) : (0, p.createCommentVNode)("", !0),
+					i(F.value[t]) ? ((0, p.openBlock)(), (0, p.createElementBlock)("title", Jl, (0, p.toDisplayString)(i(F.value[t])), 1)) : (0, p.createCommentVNode)("", !0),
 					"circle" === e.kind ? ((0, p.openBlock)(), (0, p.createElementBlock)("circle", {
 						key: 1,
 						cx: e.cx,
@@ -3289,7 +3289,7 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 						y: e.y
 					}, (0, p.toDisplayString)(e.text), 9, lo))), 128))], 8, no)) : (0, p.createCommentVNode)("", !0)
 				], 46, Zl))), 128))], 8, Yl)) : (0, p.createCommentVNode)("", !0),
-				F.value && (0, p.unref)(j) && !(0, p.unref)(R).isEditing.value && (0, p.unref)(U) ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
+				M.value && (0, p.unref)(j) && !(0, p.unref)(R).isEditing.value && (0, p.unref)(U) ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 					key: 3,
 					ref_key: "styleBarEl",
 					ref: _,
@@ -3298,9 +3298,9 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 					palette: s.value,
 					onPickFill: r[0] || (r[0] = (e) => function(e, n) {
 						const o = l.value;
-						if (!o || !M) return;
+						if (!o || !O) return;
 						const a = (0, k.setSmartArtNodeStyle)(o, e, { fillColor: n });
-						a !== o && M.commitStyle?.(t.element.id, { smartArtData: a });
+						a !== o && O.commitStyle?.(t.element.id, { smartArtData: a });
 					}((0, p.unref)(j), e))
 				}, null, 8, ["palette"])], 4)) : (0, p.createCommentVNode)("", !0),
 				(0, p.unref)(R).isEditing.value && (0, p.unref)(R).rect.value ? (0, p.withDirectives)(((0, p.openBlock)(), (0, p.createElementBlock)("textarea", {
@@ -3351,7 +3351,7 @@ var Dl = ["aria-label", "onClick"], zl = (0, p.defineComponent)({
 		textStyleOverrideCss: {}
 	},
 	setup(e) {
-		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => "smartArt" === t.element.type ? t.element.smartArtData : void 0), o = V(), a = (0, p.computed)(() => (0, d.resolveSmartArtThreeViewSpec)(t.element, o.value.smartArt3D)), r = (0, p.computed)(() => (0, d.elementInLocalFrame)(t.element)), i = (0, p.ref)(null), s = (0, p.ref)(null), u = (0, p.computed)(() => B(t.element, t.zIndex)), m = O(() => t.element, () => t.interactive, () => t.presenting), v = Il(), f = (0, p.computed)(() => Boolean(v?.canEdit())), h = Bl(), y = (0, p.computed)(() => (0, d.resolvePalette)(l.value)), g = (0, p.ref)(null), { hoveredNodeId: k, hoveredNodeRect: x, onMouseMove: S, onMouseLeave: b } = Tl(i), w = (0, p.computed)(() => {
+		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => "smartArt" === t.element.type ? t.element.smartArtData : void 0), o = M(), a = (0, p.computed)(() => (0, d.resolveSmartArtThreeViewSpec)(t.element, o.value.smartArt3D)), r = (0, p.computed)(() => (0, d.elementInLocalFrame)(t.element)), i = (0, p.ref)(null), s = (0, p.ref)(null), u = (0, p.computed)(() => B(t.element, t.zIndex)), m = L(() => t.element, () => t.interactive, () => t.presenting), v = Il(), f = (0, p.computed)(() => Boolean(v?.canEdit())), h = Bl(), y = (0, p.computed)(() => (0, d.resolvePalette)(l.value)), g = (0, p.ref)(null), { hoveredNodeId: k, hoveredNodeRect: x, onMouseMove: S, onMouseLeave: b } = Tl(i), w = (0, p.computed)(() => {
 			const e = x.value, t = i.value;
 			if (!e || !t) return;
 			const n = Math.max(0, t.clientWidth - 168), l = Math.max(0, t.clientHeight - 40);
@@ -3703,7 +3703,7 @@ var wo = b((0, p.defineComponent)({
 				}),
 				...B(t.element, t.zIndex)
 			};
-		}), l = (0, p.computed)(() => t.interactive ? null : { pointerEvents: "none" }), o = O(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.inject)(ko, void 0), r = (0, p.computed)(() => {
+		}), l = (0, p.computed)(() => t.interactive ? null : { pointerEvents: "none" }), o = L(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.inject)(ko, void 0), r = (0, p.computed)(() => {
 			const e = t.element;
 			if ("table" !== e.type) return;
 			const n = e.tableData;
@@ -4224,7 +4224,7 @@ var aa = [
 		presenting: { type: Boolean }
 	},
 	setup(e) {
-		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = O(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => (0, k.isZoomElement)(t.element) ? t.element : void 0), r = (0, p.computed)(() => a.value?.imageData), i = (0, p.computed)(() => a.value?.targetSlideIndex ?? 0), s = (0, p.computed)(() => a.value?.zoomType ?? "slide"), u = (0, p.computed)(() => a.value?.targetSectionId), m = (0, p.computed)(() => "section" === s.value ? n("pptx.zoom.sectionZoom") : n("pptx.zoom.slideZoom")), v = (0, p.inject)(na, void 0), f = (0, p.computed)(() => v?.(i.value)), h = (0, p.computed)(() => a.value ? (0, d.buildSummaryZoomView)(a.value, v, (e, t) => n(e, t ?? {})) : void 0), y = (0, p.computed)(() => ({ backgroundColor: f.value?.backgroundColor ?? "#f0f0f0" })), g = (0, p.computed)(() => void 0 !== f.value?.slideNumber ? n("pptx.notes.slideN", { n: f.value.slideNumber }) : n("pptx.notes.slideN", { n: i.value + 1 })), x = (0, p.computed)(() => f.value?.sectionName ?? u.value), S = (0, p.computed)(() => "section" === s.value && u.value ? n("pptx.zoom.ariaLabelSection", {
+		const t = e, { t: n } = c.useI18n(), l = (0, p.computed)(() => B(t.element, t.zIndex)), o = L(() => t.element, () => t.interactive, () => t.presenting), a = (0, p.computed)(() => (0, k.isZoomElement)(t.element) ? t.element : void 0), r = (0, p.computed)(() => a.value?.imageData), i = (0, p.computed)(() => a.value?.targetSlideIndex ?? 0), s = (0, p.computed)(() => a.value?.zoomType ?? "slide"), u = (0, p.computed)(() => a.value?.targetSectionId), m = (0, p.computed)(() => "section" === s.value ? n("pptx.zoom.sectionZoom") : n("pptx.zoom.slideZoom")), v = (0, p.inject)(na, void 0), f = (0, p.computed)(() => v?.(i.value)), h = (0, p.computed)(() => a.value ? (0, d.buildSummaryZoomView)(a.value, v, (e, t) => n(e, t ?? {})) : void 0), y = (0, p.computed)(() => ({ backgroundColor: f.value?.backgroundColor ?? "#f0f0f0" })), g = (0, p.computed)(() => void 0 !== f.value?.slideNumber ? n("pptx.notes.slideN", { n: f.value.slideNumber }) : n("pptx.notes.slideN", { n: i.value + 1 })), x = (0, p.computed)(() => f.value?.sectionName ?? u.value), S = (0, p.computed)(() => "section" === s.value && u.value ? n("pptx.zoom.ariaLabelSection", {
 			number: i.value + 1,
 			section: u.value
 		}) : n("pptx.zoom.ariaLabel", { number: i.value + 1 })), b = (0, p.inject)(ea, void 0), w = (0, p.computed)(() => Boolean(b && a.value));
@@ -4314,7 +4314,7 @@ var aa = [
 		inlineEditingElementId: {}
 	},
 	setup(e) {
-		const t = e, n = V(), l = (0, p.computed)(() => n.value.smartArt3D), o = D(), a = (0, p.inject)(A, void 0), r = (0, p.inject)(M, () => (0, p.shallowRef)(/* @__PURE__ */ new Map()), !0), i = (0, p.computed)(() => r.value.get(t.element.id)), s = (0, p.computed)(() => (0, d.getBackgroundAnimationState)(t.element, r.value)), u = (0, p.computed)(() => (0, d.buildTextStyleOverrideCss)(t.element.id, i.value?.textStyle)), c = (0, p.computed)(() => B(t.element, t.zIndex)), m = (0, p.computed)(() => C(t.element, t.parentGroupFill, (s.value ?? i.value)?.animatesFill, (s.value ?? i.value)?.animatesStroke)), v = (0, p.computed)(() => (0, d.getGroupChildParentFill)(t.element, t.parentGroupFill)), f = (0, p.computed)(() => {
+		const t = e, n = M(), l = (0, p.computed)(() => n.value.smartArt3D), o = D(), a = (0, p.inject)(F, void 0), r = (0, p.inject)(R, () => (0, p.shallowRef)(/* @__PURE__ */ new Map()), !0), i = (0, p.computed)(() => r.value.get(t.element.id)), s = (0, p.computed)(() => (0, d.getBackgroundAnimationState)(t.element, r.value)), u = (0, p.computed)(() => (0, d.buildTextStyleOverrideCss)(t.element.id, i.value?.textStyle)), c = (0, p.computed)(() => B(t.element, t.zIndex)), m = (0, p.computed)(() => C(t.element, t.parentGroupFill, (s.value ?? i.value)?.animatesFill, (s.value ?? i.value)?.animatesStroke)), v = (0, p.computed)(() => (0, d.getGroupChildParentFill)(t.element, t.parentGroupFill)), f = (0, p.computed)(() => {
 			const e = c.value, n = m.value, l = {
 				...e,
 				...n
@@ -4340,21 +4340,21 @@ var aa = [
 		}), x = (0, p.computed)(() => "text" === t.element.type || "shape" === t.element.type), S = (0, p.computed)(() => "picture" === t.element.type || "image" === t.element.type), b = (0, p.computed)(() => (0, k.hasTextProperties)(t.element) && (0, d.isEquationOnlyText)(t.element.textSegments)), w = (0, p.computed)(() => (0, d.hasTextWarp)(t.element)), E = (0, p.computed)(() => {
 			return (0, d.getOverflowSegments)(t.element, (e = a) ? (0, p.toValue)(e) : void 0);
 			var e;
-		}), P = (0, p.computed)(() => (0, d.buildParagraphs)(t.element, z(o), E.value)), T = (0, p.computed)(() => P.value.some((e) => e.runs.length > 0 || void 0 !== e.bulletMarker)), F = (0, p.computed)(() => T.value ? null : (0, d.placeholderPromptDescriptor)(t.element, t.interactive && !t.presenting ? "edit" : "present")), L = (0, p.computed)(() => t.templateEditing ? "pptx-vue-template-editing" : null), R = (0, p.computed)(() => t.interactive || t.marked ? "true" : void 0), N = (0, p.computed)(() => {
+		}), P = (0, p.computed)(() => (0, d.buildParagraphs)(t.element, z(o), E.value)), T = (0, p.computed)(() => P.value.some((e) => e.runs.length > 0 || void 0 !== e.bulletMarker)), A = (0, p.computed)(() => T.value ? null : (0, d.placeholderPromptDescriptor)(t.element, t.interactive && !t.presenting ? "edit" : "present")), O = (0, p.computed)(() => t.templateEditing ? "pptx-vue-template-editing" : null), V = (0, p.computed)(() => t.interactive || t.marked ? "true" : void 0), N = (0, p.computed)(() => {
 			const e = (0, d.inlineElementPointerEvents)({
 				interactive: !0 === t.interactive,
 				presenting: !0 === t.presenting
 			});
 			return e ? { pointerEvents: e } : null;
-		}), _ = (0, p.computed)(() => (0, d.isElementRendered)(t.element)), j = (0, p.computed)(() => t.element.id === t.inlineEditingElementId), U = O(() => t.element, () => t.interactive, () => t.presenting);
+		}), _ = (0, p.computed)(() => (0, d.isElementRendered)(t.element)), j = (0, p.computed)(() => t.element.id === t.inlineEditingElementId), U = L(() => t.element, () => t.interactive, () => t.presenting);
 		return (t, n) => {
 			const o = (0, p.resolveComponent)("ElementRenderer", !0);
 			return _.value ? "group" === e.element.type ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 				key: 1,
-				class: (0, p.normalizeClass)(["pptx-vue-element pptx-vue-group", L.value]),
+				class: (0, p.normalizeClass)(["pptx-vue-element pptx-vue-group", O.value]),
 				style: (0, p.normalizeStyle)([f.value, N.value]),
 				"data-element-id": e.element.id,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, [
 				(0, p.unref)(U) ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 					key: 0,
@@ -4394,7 +4394,7 @@ var aa = [
 				interactive: e.interactive,
 				marked: e.marked,
 				presenting: e.presenting,
-				class: (0, p.normalizeClass)(L.value)
+				class: (0, p.normalizeClass)(O.value)
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4412,7 +4412,7 @@ var aa = [
 				selected: e.selected,
 				marked: e.marked,
 				presenting: e.presenting,
-				class: (0, p.normalizeClass)(L.value)
+				class: (0, p.normalizeClass)(O.value)
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4428,7 +4428,7 @@ var aa = [
 				"z-index": e.zIndex,
 				"animation-state": i.value,
 				"text-style-override-css": u.value,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"z-index",
@@ -4481,7 +4481,7 @@ var aa = [
 				replay: e.presenting,
 				"text-style": i.value?.textStyle,
 				"text-style-override-css": u.value,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4519,7 +4519,7 @@ var aa = [
 				interactive: e.interactive,
 				presenting: e.presenting,
 				replay: e.presenting,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4534,7 +4534,7 @@ var aa = [
 				"z-index": e.zIndex,
 				interactive: e.interactive,
 				presenting: e.presenting,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"z-index",
@@ -4548,7 +4548,7 @@ var aa = [
 				"z-index": e.zIndex,
 				interactive: e.interactive,
 				presenting: e.presenting,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4563,7 +4563,7 @@ var aa = [
 				"z-index": e.zIndex,
 				interactive: e.interactive,
 				presenting: e.presenting,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4578,7 +4578,7 @@ var aa = [
 				"z-index": e.zIndex,
 				interactive: e.interactive,
 				presenting: e.presenting,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4593,7 +4593,7 @@ var aa = [
 				"z-index": e.zIndex,
 				interactive: e.interactive,
 				presenting: e.presenting,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, null, 8, [
 				"element",
 				"media-data-urls",
@@ -4603,10 +4603,10 @@ var aa = [
 				"data-pptx-element"
 			])) : x.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 				key: 15,
-				class: (0, p.normalizeClass)(["pptx-vue-element pptx-vue-shape", L.value]),
+				class: (0, p.normalizeClass)(["pptx-vue-element pptx-vue-shape", O.value]),
 				style: (0, p.normalizeStyle)([h.value.box, N.value]),
 				"data-element-id": e.element.id,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, [
 				(0, p.createVNode)(bt, { element: e.element }, null, 8, ["element"]),
 				(0, p.unref)(U) ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
@@ -4645,17 +4645,17 @@ var aa = [
 					"text-style",
 					"element-id",
 					"sub-element-anim-states"
-				])) : F.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
+				])) : A.value ? ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 					key: 2,
 					class: "pptx-vue-text pptx-vue-placeholder-prompt",
-					style: (0, p.normalizeStyle)([y.value, F.value.style])
-				}, (0, p.toDisplayString)(F.value.text), 5)) : (0, p.createCommentVNode)("", !0)], 64))
+					style: (0, p.normalizeStyle)([y.value, A.value.style])
+				}, (0, p.toDisplayString)(A.value.text), 5)) : (0, p.createCommentVNode)("", !0)], 64))
 			], 14, ha)) : ((0, p.openBlock)(), (0, p.createElementBlock)("div", {
 				key: 16,
-				class: (0, p.normalizeClass)(["pptx-vue-element pptx-vue-unsupported", L.value]),
+				class: (0, p.normalizeClass)(["pptx-vue-element pptx-vue-unsupported", O.value]),
 				style: (0, p.normalizeStyle)([c.value, N.value]),
 				"data-element-id": e.element.id,
-				"data-pptx-element": R.value
+				"data-pptx-element": V.value
 			}, [(0, p.createElementVNode)("div", ka, (0, p.toDisplayString)(e.element.type), 1)], 14, ga)) : ((0, p.openBlock)(), (0, p.createElementBlock)(p.Fragment, { key: 0 }, [], 64));
 		};
 	}
@@ -4688,21 +4688,22 @@ var aa = [
 		})(() => t.slide);
 		const o = (0, p.computed)(() => [...(0, d.visibleTemplateElements)(t.slide, t.templateElements ?? [])]);
 		var a = () => [...o.value, ...t.slide?.elements ?? []];
-		(0, p.provide)(A, a);
-		const r = (0, p.computed)(() => t.preserveElementIds ? /* @__PURE__ */ new Map() : (0, d.resolveStageEdgeBleeds)(o.value, t.slide, t.selectedElementIds?.length ? new Set(t.selectedElementIds) : void 0)), i = (0, p.computed)(() => o.value.length), s = (0, p.computed)(() => [...o.value, ...t.slide?.elements ?? []]), u = (0, p.computed)(() => (t.interactive ?? !1) && (t.editTemplateMode ?? !1));
+		(0, p.provide)(F, a);
+		const r = (0, p.computed)(() => t.preserveElementIds ? /* @__PURE__ */ new Map() : (0, d.resolveStageEdgeBleeds)(o.value, t.slide, t.selectedElementIds?.length ? new Set(t.selectedElementIds) : void 0)), i = (0, p.computed)(() => o.value.length), s = (0, p.computed)(() => [...o.value, ...t.slide?.elements ?? []]), u = (0, p.computed)(() => (t.interactive ?? !1) && (t.editTemplateMode ?? !1)), m = M();
 		(0, p.watchPostEffect)(() => {
 			const e = l.value, a = s.value;
-			e && (t.interactive || t.presenting ? ((0, d.applyRenderedElementAccessibility)(e, a, { presenting: !0 === t.presenting }), (0, d.applyElementActionAffordances)(e, [...u.value ? o.value : [], ...t.slide?.elements ?? []], {
+			if (m.value, !e) return;
+			(0, d.stageKeepsElementIds)({
+				interactive: t.interactive,
+				presenting: t.presenting,
+				preserveElementIds: t.preserveElementIds
+			}) ? (t.interactive || t.presenting) && ((0, d.applyRenderedElementAccessibility)(e, a, { presenting: !0 === t.presenting }), (0, d.applyElementActionAffordances)(e, [...u.value ? o.value : [], ...t.slide?.elements ?? []], {
 				canInteract: !0 === t.interactive,
 				presenting: !0 === t.presenting,
 				labels: (0, d.actionAffordanceLabels)((e) => n(e))
-			})) : t.preserveElementIds || function(e) {
-				const t = e.querySelectorAll("[data-element-id]");
-				for (const e of t) e.removeAttribute("data-element-id");
-				t.length;
-			}(e));
+			})) : (0, d.stripElementIdMarkers)(e);
 		});
-		const m = (0, p.computed)(() => ({
+		const v = (0, p.computed)(() => ({
 			width: `${t.canvasSize.width}px`,
 			height: `${t.canvasSize.height}px`,
 			transform: `scale(${t.scale})`,
@@ -4725,7 +4726,7 @@ var aa = [
 			ref: l,
 			class: "pptx-vue-stage",
 			"data-pptx-scope": "",
-			style: (0, p.normalizeStyle)(m.value),
+			style: (0, p.normalizeStyle)(v.value),
 			role: e.presenting ? "region" : void 0,
 			"aria-roledescription": e.presenting ? "slide" : void 0,
 			"aria-label": e.presenting ? (0, p.unref)(n)("pptx.canvas.slide") : void 0,
@@ -5779,7 +5780,7 @@ function fr(e) {
 var hr = {
 	loadYjs: () => import("yjs"),
 	loadWebsocket: () => import("y-websocket"),
-	loadWebrtc: () => Promise.resolve().then(() => require("./y-webrtc-DjfDRwd4.cjs"))
+	loadWebrtc: () => Promise.resolve().then(() => require("./y-webrtc-DOVNm7CC.cjs"))
 };
 function yr(e, t) {
 	const n = (0, p.ref)(!1), l = (0, p.ref)(!1), o = (0, p.ref)(void 0), a = (0, d.createCollaborationLivePatcher)();
@@ -9263,7 +9264,7 @@ Object.defineProperty(exports, "ChartRenderer_default", {
 }), Object.defineProperty(exports, "DEFAULT_RENDERING_3D_FLAGS", {
 	enumerable: !0,
 	get: function() {
-		return L;
+		return A;
 	}
 }), Object.defineProperty(exports, "DEFAULT_STROKE_COLOR", {
 	enumerable: !0,
@@ -9348,7 +9349,7 @@ Object.defineProperty(exports, "ChartRenderer_default", {
 }), Object.defineProperty(exports, "Rendering3DFlagsKey", {
 	enumerable: !0,
 	get: function() {
-		return R;
+		return O;
 	}
 }), Object.defineProperty(exports, "SMARTART_COLOR_SCHEMES", {
 	enumerable: !0,
@@ -9558,7 +9559,7 @@ Object.defineProperty(exports, "ChartRenderer_default", {
 }), Object.defineProperty(exports, "providePresentationElementStates", {
 	enumerable: !0,
 	get: function() {
-		return F;
+		return V;
 	}
 }), Object.defineProperty(exports, "provideTableSelection", {
 	enumerable: !0,
@@ -9873,7 +9874,7 @@ Object.defineProperty(exports, "ChartRenderer_default", {
 }), Object.defineProperty(exports, "useRendering3DFlags", {
 	enumerable: !0,
 	get: function() {
-		return V;
+		return M;
 	}
 }), Object.defineProperty(exports, "useRibbonActions", {
 	enumerable: !0,