pptx-vue-viewer 2.17.2 → 2.17.3

package/dist/{viewer-BQ1S9vlK.cjs → viewer-BWlp7vxz.cjs}

@@ -1,4 +1,4 @@
-const e = require("./rolldown-runtime-DoYlGkYw.cjs"), t = require("./dist-CibSWF8c.cjs"), n = require("./useViewerSettingsDialog-DcPDeh0x.cjs"), o = require("./i18n-Bm1FdvTe.cjs");
+const e = require("./rolldown-runtime-DoYlGkYw.cjs"), t = require("./dist-CibSWF8c.cjs"), n = require("./useViewerSettingsDialog-BqgLhQyF.cjs"), o = require("./i18n-BnYMAeJt.cjs");
 require("./i18n.cjs");
 let a = require("vue"), r = require("lucide-vue-next"), l = require("clsx"), i = require("tailwind-merge");
 var s = Symbol("pptx-viewer-theme");
@@ -340,7 +340,7 @@ var u = ["aria-label"], m = ["aria-label"], f = (0, a.defineComponent)({
 	"aria-pressed",
 	"data-testid",
 	"onClick"
-], ee = { class: "pptx-vue-handout-master-panel__card" }, te = { class: "pptx-vue-handout-master-panel__heading" }, ne = ["value"], oe = {
+], ee = { class: "pptx-vue-handout-master-panel__card" }, te = { class: "pptx-vue-handout-master-panel__heading" }, ne = ["aria-label", "value"], oe = {
 	key: 0,
 	class: "pptx-vue-handout-master-panel__card"
 }, ae = { class: "pptx-vue-handout-master-panel__heading" }, re = { class: "pptx-vue-handout-master-panel__list" }, le = Z((0, a.defineComponent)({
@@ -370,7 +370,7 @@ var u = ["aria-label"], m = ["aria-label"], f = (0, a.defineComponent)({
 			}, (0, a.toDisplayString)(t), 11, Q)), 64))])]),
 			(0, a.createElementVNode)("section", ee, [(0, a.createElementVNode)("div", te, (0, a.toDisplayString)((0, a.unref)(r)("pptx.master.handoutBackground")), 1), (0, a.createElementVNode)("input", {
 				type: "color",
-				"aria-label": "Master background color",
+				"aria-label": (0, a.unref)(r)("pptx.master.backgroundColorLabel"),
 				class: "pptx-vue-handout-master-panel__swatch",
 				"data-testid": "handout-master-bg-swatch",
 				value: e.handoutMaster.backgroundColor ?? "#ffffff",
@@ -383,14 +383,14 @@ var u = ["aria-label"], m = ["aria-label"], f = (0, a.defineComponent)({
 			}, [n[1] || (n[1] = (0, a.createElementVNode)("span", { class: "pptx-vue-handout-master-panel__dot" }, null, -1)), (0, a.createTextVNode)(" " + (0, a.toDisplayString)(e.type), 1)]))), 128))])])) : (0, a.createCommentVNode)("", !0)
 		])) : ((0, a.openBlock)(), (0, a.createElementBlock)("div", G, (0, a.toDisplayString)((0, a.unref)(r)("pptx.master.noHandoutMaster")), 1));
 	}
-}), [["__scopeId", "data-v-df1548f6"]]), ie = {
+}), [["__scopeId", "data-v-4ff26ddc"]]), ie = {
 	key: 0,
 	class: "pptx-vue-notes-master-panel__empty",
 	"data-testid": "notes-master-panel-empty"
 }, se = {
 	key: 1,
 	class: "pptx-vue-notes-master-panel"
-}, ce = { class: "pptx-vue-notes-master-panel__card" }, de = { class: "pptx-vue-notes-master-panel__heading" }, pe = ["value"], ue = { class: "pptx-vue-notes-master-panel__card" }, me = { class: "pptx-vue-notes-master-panel__heading" }, fe = {
+}, ce = { class: "pptx-vue-notes-master-panel__card" }, de = { class: "pptx-vue-notes-master-panel__heading" }, pe = ["aria-label", "value"], ue = { class: "pptx-vue-notes-master-panel__card" }, me = { class: "pptx-vue-notes-master-panel__heading" }, fe = {
 	key: 0,
 	class: "pptx-vue-notes-master-panel__list"
 }, ve = {
@@ -418,7 +418,7 @@ var u = ["aria-label"], m = ["aria-label"], f = (0, a.defineComponent)({
 		});
 		return (t, n) => e.notesMaster ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", se, [(0, a.createElementVNode)("section", ce, [(0, a.createElementVNode)("div", de, (0, a.toDisplayString)((0, a.unref)(l)("pptx.notesMaster.background")), 1), (0, a.createElementVNode)("input", {
 			type: "color",
-			"aria-label": "Master background color",
+			"aria-label": (0, a.unref)(l)("pptx.master.backgroundColorLabel"),
 			class: "pptx-vue-notes-master-panel__swatch",
 			"data-testid": "notes-master-bg-swatch",
 			value: e.notesMaster.backgroundColor ?? "#ffffff",
@@ -429,7 +429,7 @@ var u = ["aria-label"], m = ["aria-label"], f = (0, a.defineComponent)({
 			"data-testid": "notes-master-placeholder"
 		}, [n[1] || (n[1] = (0, a.createElementVNode)("span", { class: "pptx-vue-notes-master-panel__dot pptx-vue-notes-master-panel__dot--notes" }, null, -1)), (0, a.createTextVNode)(" " + (0, a.toDisplayString)(e.label), 1)]))), 128))])) : ((0, a.openBlock)(), (0, a.createElementBlock)("div", ve, (0, a.toDisplayString)((0, a.unref)(l)("pptx.notesMaster.noPlaceholders")), 1))])])) : ((0, a.openBlock)(), (0, a.createElementBlock)("div", ie, (0, a.toDisplayString)((0, a.unref)(l)("pptx.notesMaster.empty")), 1));
 	}
-}), [["__scopeId", "data-v-aef36a51"]]), xe = Symbol("pptx-vue-field-context");
+}), [["__scopeId", "data-v-e175feb0"]]), xe = Symbol("pptx-vue-field-context");
 function he() {
 	return (0, a.inject)(xe, void 0);
 }
@@ -2497,10 +2497,10 @@ var at = { class: "pptx-vue-chart-chrome" }, rt = ["x"], lt = [
 		}), { displaySrc: d } = n.useColorChangeImage({
 			src: l,
 			clrChange: c
-		});
+		}), p = (0, a.computed)(() => t.interactive ? null : { pointerEvents: "none" });
 		return (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-image",
-			style: (0, a.normalizeStyle)(o.value),
+			style: (0, a.normalizeStyle)([o.value, p.value]),
 			"data-element-id": e.element.id,
 			"data-pptx-element": e.interactive || e.marked ? "true" : void 0
 		}, [
@@ -2607,10 +2607,10 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 		})), x = (0, a.computed)(() => n.mediaFallbackVisual(v.value, {
 			hasPoster: Boolean(u.value),
 			missing: "media" === t.element.type && !0 === t.element.mediaMissing
-		})), h = (0, a.computed)(() => n.mediaFallbackIcon(x.value, p.value)), y = (0, a.computed)(() => n.mediaFallbackLabelKey(x.value, p.value));
+		})), h = (0, a.computed)(() => n.mediaFallbackIcon(x.value, p.value)), y = (0, a.computed)(() => n.mediaFallbackLabelKey(x.value, p.value)), b = (0, a.computed)(() => t.interactive ? null : { pointerEvents: "none" });
 		return (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-media",
-			style: (0, a.normalizeStyle)(s.value),
+			style: (0, a.normalizeStyle)([s.value, b.value]),
 			"data-element-id": e.element.id,
 			"data-pptx-element": e.interactive || e.marked ? "true" : void 0
 		}, [d.value && "video" === p.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("video", {
@@ -2670,7 +2670,7 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 			d: e
 		}, null, 8, ao))), 128))])) : (0, a.createCommentVNode)("", !0), y.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("span", ro, (0, a.toDisplayString)((0, a.unref)(o)(y.value)), 1)) : (0, a.createCommentVNode)("", !0)], 8, no)) : (0, a.createCommentVNode)("", !0)], 12, Gn));
 	}
-}), [["__scopeId", "data-v-f7416862"]]), io = ["data-element-id"], so = {
+}), [["__scopeId", "data-v-94779499"]]), io = ["data-element-id"], so = {
 	key: 0,
 	class: "pptx-vue-equation-numbered"
 }, co = {
@@ -3648,21 +3648,21 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 			if (!e) return i;
 			const t = e.colorTransform?.fillColors;
 			return t && t.length > 0 ? t : l[e.colorScheme ?? "colorful1"] ?? i;
-		}), v = (0, a.computed)(() => c.value?.style ?? "flat"), g = (0, a.computed)(() => c.value?.chrome), x = (0, a.computed)(() => ke(o.element, o.zIndex)), h = (0, a.computed)(() => {
+		}), v = (0, a.computed)(() => c.value?.style ?? "flat"), g = (0, a.computed)(() => c.value?.chrome), x = (0, a.computed)(() => ke(o.element, o.zIndex)), h = (0, a.computed)(() => o.interactive ? null : { pointerEvents: "none" }), y = (0, a.computed)(() => {
 			const e = g.value, t = {
 				width: "100%",
 				height: "100%"
 			};
 			return e ? (e.backgroundColor && (t.backgroundColor = e.backgroundColor), e.outlineColor && (t.border = `${e.outlineWidth ?? 1}px solid ${e.outlineColor}`), t) : t;
-		}), y = (0, a.computed)(() => c.value?.drawingShapes ?? []), b = (0, a.computed)(() => y.value.length > 0), k = (0, a.computed)(() => {
+		}), b = (0, a.computed)(() => c.value?.drawingShapes ?? []), k = (0, a.computed)(() => b.value.length > 0), E = (0, a.computed)(() => {
 			const e = o.animationState?.build;
 			return "diagram" === e?.kind ? e : void 0;
-		}), E = (0, a.computed)(() => k.value ? n.revealedSmartArtNodeCount(d.value, k.value) : d.value.length), S = (0, a.computed)(() => void 0 !== k.value && E.value < d.value.length), w = (0, a.computed)(() => S.value ? d.value.slice(0, E.value) : d.value), C = (0, a.computed)(() => {
-			if (!S.value || 0 === y.value.length) return y.value;
-			const e = Math.ceil(E.value / Math.max(d.value.length, 1) * y.value.length);
-			return y.value.slice(0, e);
-		}), B = (0, a.computed)(() => {
-			const e = y.value;
+		}), S = (0, a.computed)(() => E.value ? n.revealedSmartArtNodeCount(d.value, E.value) : d.value.length), w = (0, a.computed)(() => void 0 !== E.value && S.value < d.value.length), C = (0, a.computed)(() => w.value ? d.value.slice(0, S.value) : d.value), B = (0, a.computed)(() => {
+			if (!w.value || 0 === b.value.length) return b.value;
+			const e = Math.ceil(S.value / Math.max(d.value.length, 1) * b.value.length);
+			return b.value.slice(0, e);
+		}), N = (0, a.computed)(() => {
+			const e = b.value;
 			let t = Infinity, n = Infinity, o = -Infinity, a = -Infinity;
 			for (const r of e) r.x < t && (t = r.x), r.y < n && (n = r.y), r.x + r.width > o && (o = r.x + r.width), r.y + r.height > a && (a = r.y + r.height);
 			return Number.isFinite(t) || (t = 0, n = 0, o = 1, a = 1), {
@@ -3671,8 +3671,8 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 				width: o - t || 1,
 				height: a - n || 1
 			};
-		}), N = (0, a.computed)(() => {
-			const e = C.value, { minX: t, minY: a } = B.value, r = function(e) {
+		}), V = (0, a.computed)(() => {
+			const e = B.value, { minX: t, minY: a } = N.value, r = function(e) {
 				return "intense" === e ? 2 : "moderate" === e ? 1.5 : 0;
 			}(v.value), l = f.value, i = n.textNodeIdsInRenderOrder(d.value);
 			let s = 0;
@@ -3703,21 +3703,21 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 				};
 				var y, b;
 			});
-		}), V = (0, a.computed)(() => function(e) {
+		}), D = (0, a.computed)(() => function(e) {
 			return "intense" === e ? "drop-shadow(0 2px 6px rgba(0,0,0,0.35))" : "moderate" === e ? "drop-shadow(0 1px 3px rgba(0,0,0,0.2))" : void 0;
-		}(v.value)), D = (0, a.computed)(() => {
-			if (b.value || 0 === d.value.length) return;
+		}(v.value)), T = (0, a.computed)(() => {
+			if (k.value || 0 === d.value.length) return;
 			const e = c.value;
-			return n.computeSmartArtLayout(w.value, {
+			return n.computeSmartArtLayout(C.value, {
 				width: o.element.width,
 				height: o.element.height
 			}, f.value, v.value, o.element.id, e?.resolvedLayoutType, e?.layout, void 0, e?.layoutDefinition, e?.presLayoutVars);
-		}), T = (0, a.computed)(() => 0 === d.value.length && !b.value), I = n.injectSmartArtNodeEdit(), _ = (0, a.computed)(() => Boolean(I?.canEdit())), z = (0, a.computed)(() => D.value ? n.nodeIdsInRenderOrder(d.value) : []), P = n.useSmartArtInlineEditState(), F = (0, a.ref)(null), A = (0, a.ref)(null), M = (0, a.ref)(null), { hoveredNodeId: O, hoveredNodeRect: L, onMouseMove: R, onMouseLeave: $ } = n.useSmartArtHoverRect(F);
-		function U(e) {
-			R(e, M.value);
+		}), I = (0, a.computed)(() => 0 === d.value.length && !k.value), _ = n.injectSmartArtNodeEdit(), z = (0, a.computed)(() => Boolean(_?.canEdit())), P = (0, a.computed)(() => T.value ? n.nodeIdsInRenderOrder(d.value) : []), F = n.useSmartArtInlineEditState(), A = (0, a.ref)(null), M = (0, a.ref)(null), O = (0, a.ref)(null), { hoveredNodeId: L, hoveredNodeRect: R, onMouseMove: $, onMouseLeave: U } = n.useSmartArtHoverRect(A);
+		function j(e) {
+			$(e, O.value);
 		}
-		const j = (0, a.computed)(() => {
-			const e = L.value, t = F.value;
+		const K = (0, a.computed)(() => {
+			const e = R.value, t = A.value;
 			if (!e || !t) return;
 			const n = Math.max(0, t.clientWidth - 168), o = Math.max(0, t.clientHeight - 40);
 			return {
@@ -3727,55 +3727,55 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 				zIndex: 25
 			};
 		});
-		function K(e, t, o) {
-			if (!_.value || !e) return;
-			const r = o.currentTarget, l = F.value;
+		function H(e, t, o) {
+			if (!z.value || !e) return;
+			const r = o.currentTarget, l = A.value;
 			if (!r || !l) return;
 			const i = n.inlineEditorRect(r.getBoundingClientRect(), l.getBoundingClientRect());
-			P.begin(e, t, i), (0, a.nextTick)(() => {
-				A.value?.focus(), A.value?.select();
+			F.begin(e, t, i), (0, a.nextTick)(() => {
+				M.value?.focus(), M.value?.select();
 			});
 		}
-		function H() {
-			const e = P.editingNodeId.value, t = c.value;
-			e && t && I && n.shouldCommitSmartArtNodeText(t, e, P.draft.value) && I.commit(o.element.id, e, P.draft.value), P.cancel();
+		function Z() {
+			const e = F.editingNodeId.value, t = c.value;
+			e && t && _ && n.shouldCommitSmartArtNodeText(t, e, F.draft.value) && _.commit(o.element.id, e, F.draft.value), F.cancel();
 		}
-		function Z(e) {
-			e.stopPropagation(), "Enter" !== e.key || e.shiftKey ? "Escape" === e.key && (e.preventDefault(), P.cancel()) : (e.preventDefault(), H());
+		function W(e) {
+			e.stopPropagation(), "Enter" !== e.key || e.shiftKey ? "Escape" === e.key && (e.preventDefault(), F.cancel()) : (e.preventDefault(), Z());
 		}
 		return (n, l) => ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 			class: "pptx-vue-element pptx-vue-smartart",
-			style: (0, a.normalizeStyle)(x.value),
+			style: (0, a.normalizeStyle)([x.value, h.value]),
 			"data-element-id": e.element.id,
 			"data-pptx-element": o.interactive || o.marked ? "true" : void 0,
 			"aria-roledescription": "diagram"
 		}, [(0, a.createElementVNode)("div", {
 			ref_key: "rootEl",
-			ref: F,
+			ref: A,
 			class: "pptx-vue-smartart-chrome",
-			style: (0, a.normalizeStyle)(h.value),
+			style: (0, a.normalizeStyle)(y.value),
 			role: p.value ? "img" : void 0,
 			"aria-label": p.value?.label,
-			onMousemove: U,
-			onMouseleave: l[5] || (l[5] = (...e) => (0, a.unref)($) && (0, a.unref)($)(...e))
+			onMousemove: j,
+			onMouseleave: l[5] || (l[5] = (...e) => (0, a.unref)(U) && (0, a.unref)(U)(...e))
 		}, [
-			T.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", La, (0, a.toDisplayString)((0, a.unref)(r)("pptx.smartArt.placeholder")), 1)) : b.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("svg", {
+			I.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", La, (0, a.toDisplayString)((0, a.unref)(r)("pptx.smartArt.placeholder")), 1)) : k.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("svg", {
 				key: 1,
 				class: "pptx-vue-smartart-svg",
 				"data-testid": o.interactive ? "smartart-drawing-shapes" : void 0,
-				viewBox: `0 0 ${B.value.width} ${B.value.height}`,
+				viewBox: `0 0 ${N.value.width} ${N.value.height}`,
 				preserveAspectRatio: "xMidYMid meet"
-			}, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(N.value, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("g", {
+			}, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(V.value, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("g", {
 				key: e.key,
-				class: (0, a.normalizeClass)({ "pptx-vue-smartart-editable": _.value && e.nodeId }),
+				class: (0, a.normalizeClass)({ "pptx-vue-smartart-editable": z.value && e.nodeId }),
 				"data-node-id": e.nodeId,
 				"data-smartart-node-id": e.nodeId || void 0,
-				tabindex: _.value && e.nodeId ? 0 : void 0,
+				tabindex: z.value && e.nodeId ? 0 : void 0,
 				role: m(e.nodeId) ? "img" : void 0,
 				"aria-label": m(e.nodeId),
-				style: (0, a.normalizeStyle)(V.value ? { filter: V.value } : void 0),
-				onDblclick: (t) => K(e.nodeId, e.text ?? "", t),
-				onKeydown: (0, a.withKeys)((0, a.withModifiers)((t) => K(e.nodeId, e.text ?? "", t), ["prevent"]), ["enter"])
+				style: (0, a.normalizeStyle)(D.value ? { filter: D.value } : void 0),
+				onDblclick: (t) => H(e.nodeId, e.text ?? "", t),
+				onKeydown: (0, a.withKeys)((0, a.withModifiers)((t) => H(e.nodeId, e.text ?? "", t), ["prevent"]), ["enter"])
 			}, [
 				m(e.nodeId) ? ((0, a.openBlock)(), (0, a.createElementBlock)("title", Ua, (0, a.toDisplayString)(m(e.nodeId)), 1)) : (0, a.createCommentVNode)("", !0),
 				e.isEllipse ? ((0, a.openBlock)(), (0, a.createElementBlock)("ellipse", {
@@ -3812,32 +3812,32 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 					x: e.textX,
 					y: e.textY + t.y
 				}, (0, a.toDisplayString)(t.text), 9, Za))), 128))], 8, Ha)) : (0, a.createCommentVNode)("", !0)
-			], 46, $a))), 128))], 8, Ra)) : D.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("svg", {
+			], 46, $a))), 128))], 8, Ra)) : T.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("svg", {
 				key: 2,
 				class: "pptx-vue-smartart-svg",
-				viewBox: D.value.viewBox,
+				viewBox: T.value.viewBox,
 				preserveAspectRatio: "xMidYMid meet",
-				"data-testid": o.interactive ? `smartart-${D.value.family}` : void 0,
-				"data-layout-family": D.value.family
-			}, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(D.value.connectors, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("path", {
+				"data-testid": o.interactive ? `smartart-${T.value.family}` : void 0,
+				"data-layout-family": T.value.family
+			}, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(T.value.connectors, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("path", {
 				key: e.key,
 				d: e.d,
 				fill: "none",
 				stroke: "#94a3b8",
 				"stroke-width": "1.5",
 				opacity: "0.5"
-			}, null, 8, Ga))), 128)), ((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(D.value.nodes, (e, t) => ((0, a.openBlock)(), (0, a.createElementBlock)("g", {
+			}, null, 8, Ga))), 128)), ((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(T.value.nodes, (e, t) => ((0, a.openBlock)(), (0, a.createElementBlock)("g", {
 				key: e.key,
-				class: (0, a.normalizeClass)({ "pptx-vue-smartart-editable": _.value && z.value[t] }),
-				"data-node-id": z.value[t],
-				"data-smartart-node-id": z.value[t] || void 0,
-				tabindex: _.value && z.value[t] ? 0 : void 0,
-				role: m(z.value[t]) ? "img" : void 0,
-				"aria-label": m(z.value[t]),
-				style: (0, a.normalizeStyle)(D.value.shadowFilter ? { filter: D.value.shadowFilter } : void 0),
-				onDblclick: (n) => K(z.value[t], e.text, n),
-				onKeydown: (0, a.withKeys)((0, a.withModifiers)((n) => K(z.value[t], e.text, n), ["prevent"]), ["enter"])
-			}, [m(z.value[t]) ? ((0, a.openBlock)(), (0, a.createElementBlock)("title", Xa, (0, a.toDisplayString)(m(z.value[t])), 1)) : (0, a.createCommentVNode)("", !0), "circle" === e.kind ? ((0, a.openBlock)(), (0, a.createElementBlock)(a.Fragment, { key: 1 }, [(0, a.createElementVNode)("circle", {
+				class: (0, a.normalizeClass)({ "pptx-vue-smartart-editable": z.value && P.value[t] }),
+				"data-node-id": P.value[t],
+				"data-smartart-node-id": P.value[t] || void 0,
+				tabindex: z.value && P.value[t] ? 0 : void 0,
+				role: m(P.value[t]) ? "img" : void 0,
+				"aria-label": m(P.value[t]),
+				style: (0, a.normalizeStyle)(T.value.shadowFilter ? { filter: T.value.shadowFilter } : void 0),
+				onDblclick: (n) => H(P.value[t], e.text, n),
+				onKeydown: (0, a.withKeys)((0, a.withModifiers)((n) => H(P.value[t], e.text, n), ["prevent"]), ["enter"])
+			}, [m(P.value[t]) ? ((0, a.openBlock)(), (0, a.createElementBlock)("title", Xa, (0, a.toDisplayString)(m(P.value[t])), 1)) : (0, a.createCommentVNode)("", !0), "circle" === e.kind ? ((0, a.openBlock)(), (0, a.createElementBlock)(a.Fragment, { key: 1 }, [(0, a.createElementVNode)("circle", {
 				cx: e.cx,
 				cy: e.cy,
 				r: e.r,
@@ -3892,43 +3892,43 @@ var Gn = ["data-element-id", "data-pptx-element"], qn = [
 				x: e.textX,
 				y: e.textY + t.y
 			}, (0, a.toDisplayString)(t.text), 9, rr))), 128))], 8, ar)], 64))], 46, qa))), 128))], 8, Wa)) : (0, a.createCommentVNode)("", !0),
-			_.value && (0, a.unref)(O) && !(0, a.unref)(P).isEditing.value && (0, a.unref)(L) ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
+			z.value && (0, a.unref)(L) && !(0, a.unref)(F).isEditing.value && (0, a.unref)(R) ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 				key: 3,
 				ref_key: "styleBarEl",
-				ref: M,
-				style: (0, a.normalizeStyle)(j.value)
+				ref: O,
+				style: (0, a.normalizeStyle)(K.value)
 			}, [(0, a.createVNode)(Aa, {
 				palette: f.value,
 				onPickFill: l[0] || (l[0] = (e) => function(e, n) {
 					const a = c.value;
-					if (!a || !I) return;
+					if (!a || !_) return;
 					const r = t.setSmartArtNodeStyle(a, e, { fillColor: n });
-					r !== a && I.commitStyle?.(o.element.id, { smartArtData: r });
-				}((0, a.unref)(O), e))
+					r !== a && _.commitStyle?.(o.element.id, { smartArtData: r });
+				}((0, a.unref)(L), e))
 			}, null, 8, ["palette"])], 4)) : (0, a.createCommentVNode)("", !0),
-			(0, a.unref)(P).isEditing.value && (0, a.unref)(P).rect.value ? (0, a.withDirectives)(((0, a.openBlock)(), (0, a.createElementBlock)("textarea", {
+			(0, a.unref)(F).isEditing.value && (0, a.unref)(F).rect.value ? (0, a.withDirectives)(((0, a.openBlock)(), (0, a.createElementBlock)("textarea", {
 				key: 4,
 				ref_key: "editorEl",
-				ref: A,
-				"onUpdate:modelValue": l[1] || (l[1] = (e) => (0, a.unref)(P).draft.value = e),
+				ref: M,
+				"onUpdate:modelValue": l[1] || (l[1] = (e) => (0, a.unref)(F).draft.value = e),
 				class: "pptx-vue-smartart-node-editor",
 				spellcheck: "false",
 				"aria-label": (0, a.unref)(r)("pptx.smartArt.editNodeText"),
 				style: (0, a.normalizeStyle)({
-					left: `${(0, a.unref)(P).rect.value.left}px`,
-					top: `${(0, a.unref)(P).rect.value.top}px`,
-					width: `${(0, a.unref)(P).rect.value.width}px`,
-					height: `${(0, a.unref)(P).rect.value.height}px`
+					left: `${(0, a.unref)(F).rect.value.left}px`,
+					top: `${(0, a.unref)(F).rect.value.top}px`,
+					width: `${(0, a.unref)(F).rect.value.width}px`,
+					height: `${(0, a.unref)(F).rect.value.height}px`
 				}),
-				onKeydown: Z,
+				onKeydown: W,
 				onMousedown: l[2] || (l[2] = (0, a.withModifiers)(() => {}, ["stop"])),
 				onClick: l[3] || (l[3] = (0, a.withModifiers)(() => {}, ["stop"])),
 				onDblclick: l[4] || (l[4] = (0, a.withModifiers)(() => {}, ["stop"])),
-				onBlur: H
-			}, null, 44, lr)), [[a.vModelText, (0, a.unref)(P).draft.value]]) : (0, a.createCommentVNode)("", !0)
+				onBlur: Z
+			}, null, 44, lr)), [[a.vModelText, (0, a.unref)(F).draft.value]]) : (0, a.createCommentVNode)("", !0)
 		], 44, Oa)], 12, Ma));
 	}
-}), [["__scopeId", "data-v-99522e77"]]), cr = (0, a.defineComponent)({
+}), [["__scopeId", "data-v-30172818"]]), cr = (0, a.defineComponent)({
 	__name: "SmartArtHitTestWrapper",
 	props: {
 		element: {},
@@ -4219,16 +4219,16 @@ var vr = Z((0, a.defineComponent)({
 		tableStyleMap: {}
 	},
 	setup(e) {
-		const t = e, o = (0, a.computed)(() => ke(t.element, t.zIndex)), r = (0, a.inject)(mr, void 0), l = (0, a.computed)(() => {
+		const t = e, o = (0, a.computed)(() => ke(t.element, t.zIndex)), r = (0, a.computed)(() => t.interactive ? null : { pointerEvents: "none" }), l = (0, a.inject)(mr, void 0), i = (0, a.computed)(() => {
 			const e = t.element;
 			if ("table" !== e.type) return;
 			const n = e.tableData;
 			return n && n.rows.length > 0 ? n : void 0;
-		}), i = (0, a.computed)(() => l.value?.rows.length ?? 0), s = (0, a.computed)(() => l.value?.columnWidths.length ?? 0), c = (0, a.computed)(() => (l.value?.columnWidths ?? []).map((e) => `${(100 * e).toFixed(2)}%`));
-		const d = (0, a.computed)(() => {
-			const e = l.value;
+		}), s = (0, a.computed)(() => i.value?.rows.length ?? 0), c = (0, a.computed)(() => i.value?.columnWidths.length ?? 0), d = (0, a.computed)(() => (i.value?.columnWidths ?? []).map((e) => `${(100 * e).toFixed(2)}%`));
+		const p = (0, a.computed)(() => {
+			const e = i.value;
 			if (!e) return [];
-			const o = t.element.id, c = i.value, d = s.value, p = (u = r) ? (0, a.toValue)(u) : void 0;
+			const o = t.element.id, r = s.value, d = c.value, p = (u = l) ? (0, a.toValue)(u) : void 0;
 			var u;
 			const m = t.colorScheme ?? p?.colorScheme, f = t.tableStyleMap ?? p?.tableStyleMap, v = p?.fontScheme, g = m || f || v ? {
 				colorScheme: m,
@@ -4236,137 +4236,137 @@ var vr = Z((0, a.defineComponent)({
 				fontScheme: v
 			} : void 0;
 			return e.rows.map((t, a) => {
-				const r = [];
-				return t.cells.forEach((t, l) => {
+				const l = [];
+				return t.cells.forEach((t, i) => {
 					if (t.hMerge || t.vMerge) return;
-					const i = t.gridSpan && t.gridSpan > 1 ? t.gridSpan : void 0, s = t.rowSpan && t.rowSpan > 1 ? t.rowSpan : void 0, p = {
-						...n.getTableCellBandStyle(e, a, l, c, d, g),
+					const s = t.gridSpan && t.gridSpan > 1 ? t.gridSpan : void 0, c = t.rowSpan && t.rowSpan > 1 ? t.rowSpan : void 0, p = {
+						...n.getTableCellBandStyle(e, a, i, r, d, g),
 						...n.cellStyleToCss(t.style)
 					};
 					void 0 === p.color && (p.color = n.DEFAULT_TEXT_COLOR);
 					const u = t.style ? function(e) {
 						return n.cellPatternFillCss(e);
 					}(t.style) : null, m = t, f = m.textRuns && m.textRuns.length > 0 ? m.textRuns : null;
-					r.push({
-						key: `${o}-cell-${a}-${l}`,
+					l.push({
+						key: `${o}-cell-${a}-${i}`,
 						rowIndex: a,
-						colIndex: l,
-						colSpan: i,
-						rowSpan: s,
+						colIndex: i,
+						colSpan: s,
+						rowSpan: c,
 						style: p,
 						patternFill: u,
 						textRuns: f,
 						text: t.text || "\xA0",
 						diagonals: n.getCellDiagonalBorders(t.style, e, {
 							rowIndex: a,
-							cellIndex: l,
-							rowCount: c,
+							cellIndex: i,
+							rowCount: r,
 							columnCount: d
 						}, g)
 					});
 				}), {
 					key: `${o}-row-${a}`,
 					height: t.height && t.height > 0 ? t.height : void 0,
-					cells: r
+					cells: l
 				};
 			});
 		});
-		function p(e) {
+		function u(e) {
 			if (!e.patternFill) return e.style;
 			const t = { ...e.style };
 			return delete t.backgroundColor, delete t.background, e.patternFill.backgroundImage && (t.backgroundImage = e.patternFill.backgroundImage), e.patternFill.backgroundColor && (t.backgroundColor = e.patternFill.backgroundColor), t;
 		}
-		function u(e) {
+		function m(e) {
 			return n.cellRunStyle(e);
 		}
-		const m = n.injectTableCellEdit(), f = n.injectTableSelection(), v = n.useTableCellSelection(() => t.element.id, () => l.value);
-		function g(e) {
-			f?.resizeColumns(t.element.id, e);
+		const f = n.injectTableCellEdit(), v = n.injectTableSelection(), g = n.useTableCellSelection(() => t.element.id, () => i.value);
+		function x(e) {
+			v?.resizeColumns(t.element.id, e);
 		}
-		function x(e, n) {
-			f?.resizeRow(t.element.id, e, n);
+		function h(e, n) {
+			v?.resizeRow(t.element.id, e, n);
 		}
-		const h = (0, a.ref)(null), y = (0, a.ref)(""), b = (0, a.ref)(null);
-		function k(e) {
-			b.value = e instanceof HTMLInputElement ? e : null;
+		const y = (0, a.ref)(null), b = (0, a.ref)(""), k = (0, a.ref)(null);
+		function E(e) {
+			k.value = e instanceof HTMLInputElement ? e : null;
 		}
-		const E = (0, a.computed)(() => t.interactive && (m?.canEdit() ?? !1));
-		function S(e) {
-			const t = h.value;
+		const S = (0, a.computed)(() => t.interactive && (f?.canEdit() ?? !1));
+		function w(e) {
+			const t = y.value;
 			return null !== t && t.rowIndex === e.rowIndex && t.colIndex === e.colIndex;
 		}
-		const w = (0, a.ref)(null);
-		function C(e) {
-			y.value = " " === e.text ? "" : e.text, h.value = {
+		const C = (0, a.ref)(null);
+		function B(e) {
+			b.value = " " === e.text ? "" : e.text, y.value = {
 				rowIndex: e.rowIndex,
 				colIndex: e.colIndex
 			};
 		}
-		function B() {
-			const e = h.value;
-			e && (h.value = null, m?.commit(t.element.id, e.rowIndex, e.colIndex, y.value));
+		function N() {
+			const e = y.value;
+			e && (y.value = null, f?.commit(t.element.id, e.rowIndex, e.colIndex, b.value));
 		}
-		function N(e) {
-			e.stopPropagation(), "Enter" === e.key || "Tab" === e.key ? (e.preventDefault(), B()) : "Escape" === e.key && (e.preventDefault(), h.value = null);
+		function V(e) {
+			e.stopPropagation(), "Enter" === e.key || "Tab" === e.key ? (e.preventDefault(), N()) : "Escape" === e.key && (e.preventDefault(), y.value = null);
 		}
-		let V = null;
-		return (0, a.watch)(h, (e) => {
+		let D = null;
+		return (0, a.watch)(y, (e) => {
 			e ? ((0, a.nextTick)(() => {
-				const e = b.value;
+				const e = k.value;
 				e && (e.focus(), e.select());
-			}), V || (V = (e) => {
+			}), D || (D = (e) => {
 				if ("mouse" === e.pointerType) return;
-				const t = b.value;
+				const t = k.value;
 				t && !t.contains(e.target) && t.blur();
-			}, document.addEventListener("pointerdown", V, !0))) : V && (document.removeEventListener("pointerdown", V, !0), V = null);
+			}, document.addEventListener("pointerdown", D, !0))) : D && (document.removeEventListener("pointerdown", D, !0), D = null);
 		}), (0, a.onBeforeUnmount)(() => {
-			V && (document.removeEventListener("pointerdown", V, !0), V = null);
-		}), (t, r) => l.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
+			D && (document.removeEventListener("pointerdown", D, !0), D = null);
+		}), (t, l) => i.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 			key: 0,
 			class: "pptx-vue-element pptx-vue-table",
-			style: (0, a.normalizeStyle)(o.value),
+			style: (0, a.normalizeStyle)([o.value, r.value]),
 			"data-element-id": e.element.id,
 			"data-pptx-element": e.interactive || e.marked ? "true" : void 0
 		}, [(0, a.createVNode)(vr, {
-			"column-widths": l.value.columnWidths,
-			editable: E.value,
-			onResizeColumns: g,
-			onResizeRow: x
+			"column-widths": i.value.columnWidths,
+			editable: S.value,
+			onResizeColumns: x,
+			onResizeRow: h
 		}, {
 			default: (0, a.withCtx)(() => [(0, a.createElementVNode)("table", {
 				class: "pptx-vue-table__grid",
 				style: (0, a.normalizeStyle)({ fontFamily: (0, a.unref)(n.DEFAULT_FONT_FAMILY) })
-			}, [c.value.length > 0 ? ((0, a.openBlock)(), (0, a.createElementBlock)("colgroup", xr, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(c.value, (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)("col", {
+			}, [d.value.length > 0 ? ((0, a.openBlock)(), (0, a.createElementBlock)("colgroup", xr, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(d.value, (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)("col", {
 				key: `${e.element.id}-col-${n}`,
 				style: (0, a.normalizeStyle)({ width: t })
-			}, null, 4))), 128))])) : (0, a.createCommentVNode)("", !0), (0, a.createElementVNode)("tbody", null, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(d.value, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("tr", {
+			}, null, 4))), 128))])) : (0, a.createCommentVNode)("", !0), (0, a.createElementVNode)("tbody", null, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(p.value, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("tr", {
 				key: e.key,
 				style: (0, a.normalizeStyle)(e.height ? { height: `${e.height}px` } : void 0)
 			}, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(e.cells, (e) => ((0, a.openBlock)(), (0, a.createElementBlock)("td", {
 				key: e.key,
 				class: (0, a.normalizeClass)(["pptx-vue-table__cell", {
-					"pptx-vue-table__cell--selected": (0, a.unref)(v).isCellSelected(e.rowIndex, e.colIndex),
-					"pptx-vue-table__cell--in-selection": (0, a.unref)(v).isCellInSelection(e.rowIndex, e.colIndex) && !(0, a.unref)(v).isCellSelected(e.rowIndex, e.colIndex),
-					"pptx-vue-table__cell--editable": E.value
+					"pptx-vue-table__cell--selected": (0, a.unref)(g).isCellSelected(e.rowIndex, e.colIndex),
+					"pptx-vue-table__cell--in-selection": (0, a.unref)(g).isCellInSelection(e.rowIndex, e.colIndex) && !(0, a.unref)(g).isCellSelected(e.rowIndex, e.colIndex),
+					"pptx-vue-table__cell--editable": S.value
 				}]),
 				colspan: e.colSpan,
 				rowspan: e.rowSpan,
-				style: (0, a.normalizeStyle)(p(e)),
+				style: (0, a.normalizeStyle)(u(e)),
 				onPointerdown: (t) => function(e, t) {
-					if ("mouse" === e.pointerType || !E.value) return;
-					const n = e.timeStamp || Date.now(), o = w.value;
-					if (o && o.rowIndex === t.rowIndex && o.colIndex === t.colIndex && n - o.time < 400) return w.value = null, e.stopPropagation(), void C(t);
-					w.value = {
+					if ("mouse" === e.pointerType || !S.value) return;
+					const n = e.timeStamp || Date.now(), o = C.value;
+					if (o && o.rowIndex === t.rowIndex && o.colIndex === t.colIndex && n - o.time < 400) return C.value = null, e.stopPropagation(), void B(t);
+					C.value = {
 						rowIndex: t.rowIndex,
 						colIndex: t.colIndex,
 						time: n
 					};
 				}(t, e),
 				onClick: (t) => function(e, t) {
-					E.value && (e.stopPropagation(), v.selectCell(t.rowIndex, t.colIndex, e.shiftKey));
+					S.value && (e.stopPropagation(), g.selectCell(t.rowIndex, t.colIndex, e.shiftKey));
 				}(t, e),
 				onDblclick: (t) => function(e, t) {
-					E.value && (e.stopPropagation(), C(t));
+					S.value && (e.stopPropagation(), B(t));
 				}(t, e)
 			}, [e.diagonals ? ((0, a.openBlock)(), (0, a.createElementBlock)("svg", yr, [e.diagonals.diagDownColor && e.diagonals.diagDownWidth ? ((0, a.openBlock)(), (0, a.createElementBlock)("line", {
 				key: 0,
@@ -4384,28 +4384,28 @@ var vr = Z((0, a.defineComponent)({
 				y2: "0",
 				stroke: e.diagonals.diagUpColor,
 				"stroke-width": e.diagonals.diagUpWidth
-			}, null, 8, kr)) : (0, a.createCommentVNode)("", !0)])) : (0, a.createCommentVNode)("", !0), S(e) ? (0, a.withDirectives)(((0, a.openBlock)(), (0, a.createElementBlock)("input", {
+			}, null, 8, kr)) : (0, a.createCommentVNode)("", !0)])) : (0, a.createCommentVNode)("", !0), w(e) ? (0, a.withDirectives)(((0, a.openBlock)(), (0, a.createElementBlock)("input", {
 				key: 1,
 				ref_for: !0,
-				ref: k,
-				"onUpdate:modelValue": r[0] || (r[0] = (e) => y.value = e),
+				ref: E,
+				"onUpdate:modelValue": l[0] || (l[0] = (e) => b.value = e),
 				type: "text",
 				class: "pptx-vue-table__cell-input",
-				onPointerdown: r[1] || (r[1] = (0, a.withModifiers)(() => {}, ["stop"])),
-				onMousedown: r[2] || (r[2] = (0, a.withModifiers)(() => {}, ["stop"])),
-				onClick: r[3] || (r[3] = (0, a.withModifiers)(() => {}, ["stop"])),
-				onDblclick: r[4] || (r[4] = (0, a.withModifiers)(() => {}, ["stop"])),
-				onBlur: B,
-				onKeydown: N
-			}, null, 544)), [[a.vModelText, y.value]]) : e.textRuns ? ((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, { key: 2 }, (0, a.renderList)(e.textRuns, (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)(a.Fragment, { key: `${e.key}-run-${n}` }, [t.isParagraphBreak ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", Er)) : t.isLineBreak ? ((0, a.openBlock)(), (0, a.createElementBlock)("br", Sr)) : ((0, a.openBlock)(), (0, a.createElementBlock)("span", {
+				onPointerdown: l[1] || (l[1] = (0, a.withModifiers)(() => {}, ["stop"])),
+				onMousedown: l[2] || (l[2] = (0, a.withModifiers)(() => {}, ["stop"])),
+				onClick: l[3] || (l[3] = (0, a.withModifiers)(() => {}, ["stop"])),
+				onDblclick: l[4] || (l[4] = (0, a.withModifiers)(() => {}, ["stop"])),
+				onBlur: N,
+				onKeydown: V
+			}, null, 544)), [[a.vModelText, b.value]]) : e.textRuns ? ((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, { key: 2 }, (0, a.renderList)(e.textRuns, (t, n) => ((0, a.openBlock)(), (0, a.createElementBlock)(a.Fragment, { key: `${e.key}-run-${n}` }, [t.isParagraphBreak ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", Er)) : t.isLineBreak ? ((0, a.openBlock)(), (0, a.createElementBlock)("br", Sr)) : ((0, a.openBlock)(), (0, a.createElementBlock)("span", {
 				key: 2,
 				class: "pptx-vue-table__run",
-				style: (0, a.normalizeStyle)(u(t))
+				style: (0, a.normalizeStyle)(m(t))
 			}, (0, a.toDisplayString)(t.text), 5))], 64))), 128)) : ((0, a.openBlock)(), (0, a.createElementBlock)("span", wr, (0, a.toDisplayString)(e.text), 1))], 46, hr))), 128))], 4))), 128))])], 4)]),
 			_: 1
 		}, 8, ["column-widths", "editable"])], 12, gr)) : (0, a.createCommentVNode)("", !0);
 	}
-}), [["__scopeId", "data-v-67afe86f"]]), Nr = [
+}), [["__scopeId", "data-v-5d79a985"]]), Nr = [
 	"width",
 	"height",
 	"viewBox"
@@ -4673,13 +4673,13 @@ var Mr = [
 		}), g = (0, a.computed)(() => "text" === o.element.type || "shape" === o.element.type), x = (0, a.computed)(() => "picture" === o.element.type || "image" === o.element.type), h = (0, a.computed)(() => t.hasTextProperties(o.element) && (o.element.textSegments ?? []).some((e) => e.equationXml)), y = (0, a.computed)(() => n.hasTextWarp(o.element)), b = (0, a.computed)(() => {
 			return n.getOverflowSegments(o.element, (e = i) ? (0, a.toValue)(e) : void 0);
 			var e;
-		}), k = (0, a.computed)(() => n.buildParagraphs(o.element, ye(l), b.value)), E = (0, a.computed)(() => k.value.some((e) => e.runs.length > 0 || void 0 !== e.bulletMarker)), S = (0, a.computed)(() => o.templateEditing ? "pptx-vue-template-editing" : null), w = (0, a.computed)(() => o.interactive || o.marked ? "true" : void 0), C = (0, a.computed)(() => n.isElementRendered(o.element));
+		}), k = (0, a.computed)(() => n.buildParagraphs(o.element, ye(l), b.value)), E = (0, a.computed)(() => k.value.some((e) => e.runs.length > 0 || void 0 !== e.bulletMarker)), S = (0, a.computed)(() => o.templateEditing ? "pptx-vue-template-editing" : null), w = (0, a.computed)(() => o.interactive || o.marked ? "true" : void 0), C = (0, a.computed)(() => o.interactive ? null : { pointerEvents: "none" }), B = (0, a.computed)(() => n.isElementRendered(o.element));
 		return (t, n) => {
 			const o = (0, a.resolveComponent)("ElementRenderer", !0);
-			return C.value ? "group" === e.element.type ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
+			return B.value ? "group" === e.element.type ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 				key: 1,
 				class: (0, a.normalizeClass)(["pptx-vue-element pptx-vue-group", S.value]),
-				style: (0, a.normalizeStyle)(d.value),
+				style: (0, a.normalizeStyle)([d.value, C.value]),
 				"data-element-id": e.element.id,
 				"data-pptx-element": w.value
 			}, [((0, a.openBlock)(!0), (0, a.createElementBlock)(a.Fragment, null, (0, a.renderList)(e.element.children ?? [], (t, n) => ((0, a.openBlock)(), (0, a.createBlock)(o, {
@@ -4858,7 +4858,7 @@ var Mr = [
 			])) : g.value ? ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 				key: 14,
 				class: (0, a.normalizeClass)(["pptx-vue-element pptx-vue-shape", S.value]),
-				style: (0, a.normalizeStyle)(m.value),
+				style: (0, a.normalizeStyle)([m.value, C.value]),
 				"data-element-id": e.element.id,
 				"data-pptx-element": w.value
 			}, [
@@ -4888,7 +4888,7 @@ var Mr = [
 			], 14, Wr)) : ((0, a.openBlock)(), (0, a.createElementBlock)("div", {
 				key: 15,
 				class: (0, a.normalizeClass)(["pptx-vue-element pptx-vue-unsupported", S.value]),
-				style: (0, a.normalizeStyle)(d.value),
+				style: (0, a.normalizeStyle)([d.value, C.value]),
 				"data-element-id": e.element.id,
 				"data-pptx-element": w.value
 			}, [(0, a.createElementVNode)("div", qr, (0, a.toDisplayString)(e.element.type), 1)], 14, Gr)) : ((0, a.openBlock)(), (0, a.createElementBlock)(a.Fragment, { key: 0 }, [], 64));
@@ -6192,7 +6192,7 @@ var Hi = ["disabled", "title"], Zi = ["disabled", "title"], Wi = ["title"], Gi =
 			(0, a.createElementVNode)("span", ns, (0, a.toDisplayString)(t.drawingWidth), 1)
 		], 8, es)])], 64));
 	}
-}), as = "2.17.1", rs = Symbol("pptx-account-auth");
+}), as = "2.17.2", rs = Symbol("pptx-account-auth");
 var ls = { class: "pptx-vue-account mt-8 flex max-w-[760px] flex-col gap-6" }, is = { class: "pptx-vue-account-section border border-border bg-card p-6 text-card-foreground" }, ss = { class: "text-base font-semibold" }, cs = { class: "mt-4 flex items-center gap-4" }, ds = { class: "min-w-0 flex-1" }, ps = { class: "block text-xs font-medium text-muted-foreground" }, us = ["value", "placeholder"], ms = { class: "mt-4" }, fs = { class: "block text-xs font-medium text-muted-foreground" }, vs = { class: "mt-2 flex gap-2" }, gs = [
 	"aria-pressed",
 	"aria-label",
@@ -33559,7 +33559,7 @@ var I4 = Z((0, a.defineComponent)({
 			var o;
 		}), 128))])], 8, E3))), 128))])) : ((0, a.openBlock)(), (0, a.createElementBlock)("div", h3, [(0, a.createElementVNode)("p", y3, (0, a.toDisplayString)((0, a.unref)(l)("pptx.accessibility.noIssuesFound")), 1), (0, a.createElementVNode)("p", b3, (0, a.toDisplayString)((0, a.unref)(l)("pptx.accessibility.noIssuesHint")), 1)]))], 8, f3));
 	}
-}), _3 = (0, a.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-ZT454CC-.cjs"))), z3 = { class: "pptx-vue-custom-shows flex flex-col gap-2 p-2.5 text-xs text-foreground" }, P3 = { class: "pptx-vue-cs-header flex items-center" }, F3 = { class: "pptx-vue-cs-title m-0 text-[13px] font-semibold" }, A3 = { class: "pptx-vue-cs-list-row flex items-center gap-1.5" }, M3 = ["aria-label", "value"], O3 = {
+}), _3 = (0, a.defineAsyncComponent)(() => Promise.resolve().then(() => require("./AiChatPanel-EbvAnB-f.cjs"))), z3 = { class: "pptx-vue-custom-shows flex flex-col gap-2 p-2.5 text-xs text-foreground" }, P3 = { class: "pptx-vue-cs-header flex items-center" }, F3 = { class: "pptx-vue-cs-title m-0 text-[13px] font-semibold" }, A3 = { class: "pptx-vue-cs-list-row flex items-center gap-1.5" }, M3 = ["aria-label", "value"], O3 = {
 	key: 0,
 	value: "",
 	disabled: ""