@lofcz/pptist 2.0.22 → 2.0.23

package/dist/embed/pptist-embed.js

@@ -49073,27 +49073,31 @@ function bP(e, t = 1) {
 	let n = 10 ** t;
 	return Math.round(e * n) / n;
 }
-var xP = (e) => {
-	let { locale: t } = Jd(), n = O(1), r = i(() => !!e.value.fixedHeight && !e.value.vertical && !!e.value.content), a = () => {
-		let r = e.value;
-		if (!r.fixedHeight || r.vertical || !r.content) {
-			n.value = 1;
+var xP = (e, t) => {
+	let { locale: n } = Jd(), r = O(1), a = () => t?.value ?? e.value.content, o = i(() => {
+		let t = e.value;
+		return !!t.fixedHeight && !t.vertical && !!a();
+	}), s = () => {
+		let t = e.value, i = a();
+		if (!t.fixedHeight || t.vertical || !i) {
+			r.value = 1;
 			return;
 		}
-		let i = r.inset || fte, a = r.width - i[1] - i[3], o = r.height - i[0] - i[2];
-		sP(t.value);
-		let { blocks: s } = _P(r.content, { defaultFontFamily: r.defaultFontName || mte });
-		n.value = uP(s, {
-			innerWidth: a,
-			innerHeight: o,
-			lineHeight: r.lineHeight ?? pte,
-			blockSpace: r.paragraphSpace ?? vP,
+		let o = t.inset || fte, s = t.width - o[1] - o[3], c = t.height - o[0] - o[2];
+		sP(n.value);
+		let { blocks: l } = _P(i, { defaultFontFamily: t.defaultFontName || mte });
+		r.value = uP(l, {
+			innerWidth: s,
+			innerHeight: c,
+			lineHeight: t.lineHeight ?? pte,
+			blockSpace: t.paragraphSpace ?? vP,
 			bulletIndent: 28,
 			minScale: yP
 		});
 	};
 	return V(() => [
 		e.value.content,
+		t?.value,
 		e.value.width,
 		e.value.height,
 		e.value.fixedHeight,
@@ -49102,16 +49106,19 @@ var xP = (e) => {
 		e.value.paragraphSpace,
 		e.value.defaultFontName,
 		e.value.inset,
-		t.value
-	], a, {
+		n.value
+	], s, {
 		immediate: !0,
 		deep: !0
 	}), w(() => {
-		typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(a).catch(() => {});
+		typeof document < "u" && document.fonts?.ready && document.fonts.ready.then(s).catch(() => {});
 	}), {
-		fitScale: n,
-		fittedContent: i(() => !r.value || n.value >= 1 ? e.value.content : dte(e.value.content, n.value)),
-		fitVars: i(() => !r.value || n.value >= 1 ? {} : { "--text-fit-base-size": `${bP(16 * n.value)}px` })
+		fitScale: r,
+		fittedContent: i(() => {
+			let e = a();
+			return !o.value || r.value >= 1 ? e : dte(e, r.value);
+		}),
+		fitVars: i(() => !o.value || r.value >= 1 ? {} : { "--text-fit-base-size": `${bP(16 * r.value)}px` })
 	};
 };
 //#endregion
@@ -53868,46 +53875,51 @@ var zB = (e, t, n, r) => {
 		"focus",
 		"blur",
 		"mousedown",
-		"emptyChange"
+		"emptyChange",
+		"docChange"
 	],
 	setup(e, { expose: t, emit: n }) {
 		let { LL: r } = Jd(), a = e, o = n, s = ls(), { handleElementId: l, textFormatPainter: u, richTextAttrs: d, activeElementIdList: f } = G(s), { ctrlOrShiftKeyActive: p } = G(Ds()), m = O(null), h, g = () => {
 			h && o("emptyChange", h.state.doc.textContent.trim().length === 0);
-		}, _ = (0, oa.debounce)(function(e = !1) {
+		}, _ = 0, v = () => {
+			_ || typeof requestAnimationFrame > "u" || (_ = requestAnimationFrame(() => {
+				_ = 0, h && o("docChange", h.dom.innerHTML);
+			}));
+		}, y = (0, oa.debounce)(function(e = !1) {
 			a.value.replace(/ style=\"\"/g, "") !== h.dom.innerHTML.replace(/ style=\"\"/g, "") && o("update", {
 				value: h.dom.innerHTML,
 				ignore: e
 			});
-		}, 300, { trailing: !0 }), v = () => {
+		}, 300, { trailing: !0 }), x = () => {
 			(!p.value || f.value.length <= 1) && s.setDisableHotkeysState(!0), o("focus");
-		}, y = () => {
+		}, S = () => {
 			if (s.setDisableHotkeysState(!1), h.state.doc.textContent.trim().length === 0) {
-				_.cancel();
+				y.cancel();
 				let { doc: e, tr: t } = h.state;
 				e.content.size > 0 && h.dispatch(t.replaceRangeWith(0, e.content.size, PB(""))), o("update", {
 					value: "",
 					ignore: !0
 				});
-			} else _.flush();
+			} else y.flush();
 			g(), o("blur");
-		}, x = (0, oa.debounce)(function() {
+		}, C = (0, oa.debounce)(function() {
 			let e = ki(h, {
 				color: a.defaultColor,
 				fontname: a.defaultFontName
 			});
 			s.setRichtextAttrs(e);
-		}, 30, { trailing: !0 }), S = (e, t) => {
+		}, 30, { trailing: !0 }), D = (e, t) => {
 			let { ctrlKey: n, shiftKey: r, metaKey: i } = t, a = n || r || i, o = t.key.toUpperCase();
-			_(a && (o === zs.Z || o === zs.Y)), x();
-		}, C = i(() => a.value);
-		V(C, () => {
+			y(a && (o === zs.Z || o === zs.Y)), C();
+		}, k = i(() => a.value);
+		V(k, () => {
 			if (!h || h.hasFocus()) return;
 			let { doc: e, tr: t } = h.state;
-			h.dispatch(t.replaceRangeWith(0, e.content.size, PB(C.value)));
+			h.dispatch(t.replaceRangeWith(0, e.content.size, PB(k.value)));
 		}), V(() => a.editable, () => {
 			h.setProps({ editable: () => a.editable });
 		}), t({ focus: () => h.focus() });
-		let D = ({ target: e, action: t }) => {
+		let A = ({ target: e, action: t }) => {
 			if (!e && l.value !== a.elementId || e && e !== a.elementId) return;
 			let n = "command" in t ? [t] : t;
 			for (let e of n) if (e.command === "fontname" && e.value !== void 0) {
@@ -54003,13 +54015,13 @@ var zB = (e, t, n, r) => {
 					title: e.value
 				})(h.state, h.dispatch));
 			} else e.command === "insert" && e.value ? h.dispatch(h.state.tr.insertText(e.value)) : e.command === "replace" && e.value && WB(h, e.value);
-			h.focus(), _(), x();
-		}, k = (e, t, n, r) => n.type.name === "math" ? (wP.emit(CP.OPEN_INLINE_MATH_EDITOR, {
+			h.focus(), y(), C();
+		}, j = (e, t, n, r) => n.type.name === "math" ? (wP.emit(CP.OPEN_INLINE_MATH_EDITOR, {
 			elementId: a.elementId,
 			pos: r,
 			latex: n.attrs.latex,
 			display: !!n.attrs.display
-		}), !0) : !1, A = ({ elementId: e, pos: t, latex: n, html: r, display: i }) => {
+		}), !0) : !1, M = ({ elementId: e, pos: t, latex: n, html: r, display: i }) => {
 			if (e !== a.elementId || !h) return;
 			let o = h.state.doc.nodeAt(t);
 			if (!o || o.type.name !== "math") return;
@@ -54018,8 +54030,8 @@ var zB = (e, t, n, r) => {
 				html: r,
 				display: i
 			});
-			h.dispatch(s), _(), _.flush();
-		}, j = () => {
+			h.dispatch(s), y(), y.flush();
+		}, N = () => {
 			if (!u.value) return;
 			let { keep: e, ...t } = u.value, n = [{ command: "clear" }];
 			for (let e of Object.keys(t)) {
@@ -54029,32 +54041,32 @@ var zB = (e, t, n, r) => {
 					value: r
 				});
 			}
-			D({ action: n }), e || s.setTextFormatPainter(null);
+			A({ action: n }), e || s.setTextFormatPainter(null);
 		};
 		w(() => {
-			h = FB(m.value, C.value, {
+			h = FB(m.value, k.value, {
 				handleDOMEvents: {
-					focus: v,
-					blur: y,
-					keydown: S,
-					click: x,
-					mouseup: j
+					focus: x,
+					blur: S,
+					keydown: D,
+					click: C,
+					mouseup: N
 				},
-				handleDoubleClickOn: k,
+				handleDoubleClickOn: j,
 				editable: () => a.editable,
 				dispatchTransaction(e) {
 					let t = h.state.apply(e);
-					h.updateState(t), g();
+					h.updateState(t), g(), e.docChanged && v();
 				}
 			}), a.autoFocus && h.focus(), g();
 		}), T(() => {
-			h && (h.state.doc.textContent.trim().length !== 0 && _.flush(), h.destroy());
+			_ && cancelAnimationFrame(_), h && (h.state.doc.textContent.trim().length !== 0 && y.flush(), h.destroy());
 		});
-		let M = () => {
-			l.value === a.elementId && x();
+		let P = () => {
+			l.value === a.elementId && C();
 		};
-		return wP.on(CP.RICH_TEXT_COMMAND, D), wP.on(CP.SYNC_RICH_TEXT_ATTRS_TO_STORE, M), wP.on(CP.APPLY_INLINE_MATH, A), T(() => {
-			wP.off(CP.RICH_TEXT_COMMAND, D), wP.off(CP.SYNC_RICH_TEXT_ATTRS_TO_STORE, M), wP.off(CP.APPLY_INLINE_MATH, A);
+		return wP.on(CP.RICH_TEXT_COMMAND, A), wP.on(CP.SYNC_RICH_TEXT_ATTRS_TO_STORE, P), wP.on(CP.APPLY_INLINE_MATH, M), T(() => {
+			wP.off(CP.RICH_TEXT_COMMAND, A), wP.off(CP.SYNC_RICH_TEXT_ATTRS_TO_STORE, P), wP.off(CP.APPLY_INLINE_MATH, M);
 		}), (e, t) => (E(), c("div", {
 			class: b(["prosemirror-editor", { "format-painter": L(u) }]),
 			ref_key: "editorViewRef",
@@ -54062,7 +54074,7 @@ var zB = (e, t, n, r) => {
 			onMousedown: t[0] || (t[0] = (e) => o("mousedown", e))
 		}, null, 34));
 	}
-}), [["__scopeId", "data-v-772bea4c"]]), KB = ["data-content-type"], qB = {
+}), [["__scopeId", "data-v-cf4c428f"]]), KB = ["data-content-type"], qB = {
 	key: 0,
 	class: "bullet"
 }, JB = { class: "label" }, YB = /* @__PURE__ */ Y(/* @__PURE__ */ p({
@@ -54097,24 +54109,24 @@ var zB = (e, t, n, r) => {
 		contextmenus: { type: Function }
 	},
 	setup(e) {
-		let t = e, n = ls(), r = ss(), { handleElementId: a, isScaling: u } = G(n), { currentSlide: d, theme: p } = G(r), { addHistorySnapshot: m } = pd(), h = O(null), g = O(null), _ = O(!1), { shadowStyle: v } = wj(i(() => t.elementInfo.shadow)), S = i(() => t.elementInfo.inset || [
+		let t = e, n = ls(), r = ss(), { handleElementId: a, isScaling: u } = G(n), { currentSlide: d, theme: p } = G(r), { addHistorySnapshot: m } = pd(), h = O(null), g = O(null), _ = O(!1), v = O(null), { shadowStyle: S } = wj(i(() => t.elementInfo.shadow)), C = i(() => t.elementInfo.inset || [
 			10,
 			10,
 			10,
 			10
-		]), { fitVars: C } = xP(i(() => t.elementInfo)), D = i(() => {
+		]), { fitVars: D } = xP(i(() => t.elementInfo), v), k = i(() => {
 			if (t.elementInfo.fixedHeight) return {
 				top: "flex-start",
 				middle: "center",
 				bottom: "flex-end"
 			}[t.elementInfo.vAlign || "top"];
-		}), k = (e) => !e.replace(/<br\s*\/?>/gi, "").replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim(), A = O(k(t.elementInfo.content));
+		}), A = (e) => !e.replace(/<br\s*\/?>/gi, "").replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim(), j = O(A(t.elementInfo.content));
 		V(() => t.elementInfo.content, (e) => {
-			_.value || (A.value = k(e));
+			_.value || (j.value = A(e));
 		});
-		let j = i(() => !!t.elementInfo.placeholder && A.value), M = i(() => j.value && !_.value), P = i(() => {
-			if (j.value) return `${t.elementInfo.placeholderFontSize ?? 20}px`;
-		}), F = i(() => {
+		let M = i(() => !!t.elementInfo.placeholder && j.value), P = i(() => M.value && !_.value), F = i(() => {
+			if (M.value) return `${t.elementInfo.placeholderFontSize ?? 20}px`;
+		}), I = i(() => {
 			let e = d.value?.background, t;
 			if (e?.type === "solid") t = e.color;
 			else if (e?.type === "gradient") {
@@ -54124,8 +54136,8 @@ var zB = (e, t, n, r) => {
 			if (t || (t = p.value?.backgroundColor), !t) return null;
 			let n = Kc(t);
 			return n.isValid() ? n : null;
-		}), I = i(() => {
-			let e = F.value, n = t.elementInfo.placeholderColor;
+		}), R = i(() => {
+			let e = I.value, n = t.elementInfo.placeholderColor;
 			if (!e) return n ?? XB;
 			if (n) {
 				let t = Kc(n);
@@ -54133,36 +54145,36 @@ var zB = (e, t, n, r) => {
 			}
 			let r = Kc(t.elementInfo.defaultColor || p.value?.fontColor || "#333333");
 			return (r.isValid() && Kc.readability(r, e) >= ZB ? r : Kc(e.isLight() ? "#000000" : "#ffffff")).setAlpha(.5).toRgbString();
-		}), R = (e, n = !0) => {
+		}), z = (e, n = !0) => {
 			t.elementInfo.lock || (e.stopPropagation(), t.selectElement(e, t.elementInfo, n));
-		}, z = (e) => {
-			R(e, !1), _.value = !0, y(() => {
+		}, B = (e) => {
+			z(e, !1), _.value = !0, y(() => {
 				g.value?.focus(), t.elementInfo.textType === "content" && wP.emit(CP.RICH_TEXT_COMMAND, {
 					target: t.elementInfo.id,
 					action: { command: "bulletList" }
 				});
 			});
-		}, B = O(-1), ee = O(-1);
+		}, ee = O(-1), H = O(-1);
 		V(u, () => {
-			a.value === t.elementInfo.id && (u.value || (!t.elementInfo.fixedHeight && !t.elementInfo.vertical && B.value !== -1 && (r.updateElement({
+			a.value === t.elementInfo.id && (u.value || (!t.elementInfo.fixedHeight && !t.elementInfo.vertical && ee.value !== -1 && (r.updateElement({
 				id: t.elementInfo.id,
-				props: { height: B.value }
-			}), B.value = -1), !t.elementInfo.fixedHeight && t.elementInfo.vertical && ee.value !== -1 && (r.updateElement({
+				props: { height: ee.value }
+			}), ee.value = -1), !t.elementInfo.fixedHeight && t.elementInfo.vertical && H.value !== -1 && (r.updateElement({
 				id: t.elementInfo.id,
-				props: { width: ee.value }
-			}), ee.value = -1)));
+				props: { width: H.value }
+			}), H.value = -1)));
 		}), V(() => t.elementInfo.inset, () => {
 			y(() => {
 				if (h.value) {
 					if (!t.elementInfo.fixedHeight && !t.elementInfo.vertical && t.elementInfo.height !== h.value.offsetHeight) {
-						if (j.value) return;
+						if (M.value) return;
 						r.updateElement({
 							id: t.elementInfo.id,
 							props: { height: h.value.offsetHeight }
 						});
 					}
 					if (!t.elementInfo.fixedHeight && t.elementInfo.vertical && t.elementInfo.width !== h.value.offsetWidth) {
-						if (j.value) return;
+						if (M.value) return;
 						r.updateElement({
 							id: t.elementInfo.id,
 							props: { width: h.value.offsetWidth }
@@ -54171,33 +54183,33 @@ var zB = (e, t, n, r) => {
 				}
 			});
 		});
-		let H = new ResizeObserver((e) => {
+		let te = new ResizeObserver((e) => {
 			let n = e[0].contentRect;
 			if (!h.value) return;
-			let i = n.height + S.value[0] + S.value[2], a = n.width + S.value[1] + S.value[3];
-			j.value || (!t.elementInfo.fixedHeight && !t.elementInfo.vertical && t.elementInfo.height !== i && (u.value ? B.value = i : r.updateElement({
+			let i = n.height + C.value[0] + C.value[2], a = n.width + C.value[1] + C.value[3];
+			M.value || (!t.elementInfo.fixedHeight && !t.elementInfo.vertical && t.elementInfo.height !== i && (u.value ? ee.value = i : r.updateElement({
 				id: t.elementInfo.id,
 				props: { height: i }
-			})), !t.elementInfo.fixedHeight && t.elementInfo.vertical && t.elementInfo.width !== a && (u.value ? ee.value = a : r.updateElement({
+			})), !t.elementInfo.fixedHeight && t.elementInfo.vertical && t.elementInfo.width !== a && (u.value ? H.value = a : r.updateElement({
 				id: t.elementInfo.id,
 				props: { width: a }
 			})));
 		});
 		w(() => {
-			h.value && H.observe(h.value);
+			h.value && te.observe(h.value);
 		}), T(() => {
-			h.value && H.unobserve(h.value);
+			h.value && te.unobserve(h.value);
 		});
-		let te = (e, n = !1) => {
+		let W = (e, n = !1) => {
 			r.updateElement({
 				id: t.elementInfo.id,
 				props: { content: e }
 			}), n || m();
-		}, W = (0, oa.debounce)(function() {
+		}, ne = (0, oa.debounce)(function() {
 			t.elementInfo.placeholder || t.elementInfo.content.replace(/<[^>]+>/g, "") || r.deleteElement(t.elementInfo.id);
-		}, 300, { trailing: !0 }), ne = i(() => a.value === t.elementInfo.id);
-		return V(ne, () => {
-			ne.value || W();
+		}, 300, { trailing: !0 }), re = i(() => a.value === t.elementInfo.id);
+		return V(re, () => {
+			re.value || ne();
 		}), (e, t) => {
 			let n = N("contextmenu");
 			return E(), c("div", {
@@ -54214,7 +54226,7 @@ var zB = (e, t, n, r) => {
 			}, [U((E(), c("div", {
 				class: b(["element-content", {
 					"placeholder-element": e.elementInfo.placeholder,
-					"show-placeholder": M.value
+					"show-placeholder": P.value
 				}]),
 				ref_key: "elementRef",
 				ref: h,
@@ -54223,25 +54235,25 @@ var zB = (e, t, n, r) => {
 					height: !e.elementInfo.vertical && !e.elementInfo.fixedHeight ? "auto" : e.elementInfo.height + "px",
 					backgroundColor: e.elementInfo.fill,
 					opacity: e.elementInfo.opacity,
-					textShadow: L(v),
+					textShadow: L(S),
 					lineHeight: e.elementInfo.lineHeight,
 					letterSpacing: (e.elementInfo.wordSpace || 0) + "px",
 					color: e.elementInfo.defaultColor,
 					fontFamily: e.elementInfo.defaultFontName,
-					fontSize: P.value,
-					textAlign: j.value ? e.elementInfo.placeholderAlign ?? "center" : void 0,
+					fontSize: F.value,
+					textAlign: M.value ? e.elementInfo.placeholderAlign ?? "center" : void 0,
 					writingMode: e.elementInfo.vertical ? "vertical-rl" : "horizontal-tb",
-					padding: `${S.value[0]}px ${S.value[1]}px ${S.value[2]}px ${S.value[3]}px`,
-					minHeight: j.value ? e.elementInfo.height + "px" : void 0,
+					padding: `${C.value[0]}px ${C.value[1]}px ${C.value[2]}px ${C.value[3]}px`,
+					minHeight: M.value ? e.elementInfo.height + "px" : void 0,
 					display: e.elementInfo.fixedHeight ? "flex" : void 0,
 					flexDirection: e.elementInfo.fixedHeight ? "column" : void 0,
-					justifyContent: D.value,
+					justifyContent: k.value,
 					overflow: e.elementInfo.fixedHeight ? "hidden" : void 0,
 					"--paragraphSpace": `${e.elementInfo.paragraphSpace === void 0 ? 5 : e.elementInfo.paragraphSpace}px`,
-					...L(C)
+					...L(D)
 				}),
-				onMousedown: t[5] || (t[5] = (e) => R(e)),
-				onTouchstart: t[6] || (t[6] = (e) => R(e))
+				onMousedown: t[6] || (t[6] = (e) => z(e)),
+				onTouchstart: t[7] || (t[7] = (e) => z(e))
 			}, [
 				f(DP, {
 					width: e.elementInfo.width,
@@ -54261,11 +54273,14 @@ var zB = (e, t, n, r) => {
 					value: e.elementInfo.content,
 					ref_key: "prosemirrorEditorRef",
 					ref: g,
-					onUpdate: t[0] || (t[0] = ({ value: e, ignore: t }) => te(e, t)),
-					onMousedown: t[1] || (t[1] = (e) => R(e, !1)),
+					onUpdate: t[0] || (t[0] = ({ value: e, ignore: t }) => W(e, t)),
+					onMousedown: t[1] || (t[1] = (e) => z(e, !1)),
 					onFocus: t[2] || (t[2] = (e) => _.value = !0),
-					onBlur: t[3] || (t[3] = (e) => _.value = !1),
-					onEmptyChange: t[4] || (t[4] = (e) => A.value = e)
+					onBlur: t[3] || (t[3] = () => {
+						_.value = !1, v.value = null;
+					}),
+					onEmptyChange: t[4] || (t[4] = (e) => j.value = e),
+					onDocChange: t[5] || (t[5] = (e) => v.value = e)
 				}, null, 8, [
 					"elementId",
 					"defaultColor",
@@ -54273,14 +54288,14 @@ var zB = (e, t, n, r) => {
 					"editable",
 					"value"
 				]),
-				M.value ? (E(), o(YB, {
+				P.value ? (E(), o(YB, {
 					key: 0,
 					label: e.elementInfo.placeholder,
 					contentType: e.elementInfo.textType ?? "content",
 					fontSize: e.elementInfo.placeholderFontSize ?? 20,
-					color: I.value,
+					color: R.value,
 					align: e.elementInfo.placeholderAlign ?? "center",
-					onActivate: z
+					onActivate: B
 				}, null, 8, [
 					"label",
 					"contentType",
@@ -54288,12 +54303,12 @@ var zB = (e, t, n, r) => {
 					"color",
 					"align"
 				])) : s("", !0),
-				t[7] || (t[7] = l("div", { class: "drag-handler top" }, null, -1)),
-				t[8] || (t[8] = l("div", { class: "drag-handler bottom" }, null, -1))
+				t[8] || (t[8] = l("div", { class: "drag-handler top" }, null, -1)),
+				t[9] || (t[9] = l("div", { class: "drag-handler bottom" }, null, -1))
 			], 38)), [[n, e.contextmenus]])], 4)], 6);
 		};
 	}
-}), [["__scopeId", "data-v-225fe726"]]), $B = (e, t) => ({ fill: i(() => e.value.pattern ? `url(#${t}-pattern-${e.value.id})` : e.value.gradient ? `url(#${t}-gradient-${e.value.id})` : e.value.fill || "none") }), eV = ["id", "gradientTransform"], tV = ["offset", "stop-color"], nV = ["id"], rV = ["offset", "stop-color"], iV = /* @__PURE__ */ p({
+}), [["__scopeId", "data-v-91768b66"]]), $B = (e, t) => ({ fill: i(() => e.value.pattern ? `url(#${t}-pattern-${e.value.id})` : e.value.gradient ? `url(#${t}-gradient-${e.value.id})` : e.value.fill || "none") }), eV = ["id", "gradientTransform"], tV = ["offset", "stop-color"], nV = ["id"], rV = ["offset", "stop-color"], iV = /* @__PURE__ */ p({
 	__name: "GradientDefs",
 	props: {
 		id: {},

package/dist/types/views/components/element/ProsemirrorEditor.vue.d.ts

@@ -17,6 +17,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         ignore: boolean;
     }) => any;
     emptyChange: (empty: boolean) => any;
+    docChange: (html: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onBlur?: (() => any) | undefined;
     onFocus?: (() => any) | undefined;
@@ -26,6 +27,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         ignore: boolean;
     }) => any) | undefined;
     onEmptyChange?: ((empty: boolean) => any) | undefined;
+    onDocChange?: ((html: string) => any) | undefined;
 }>, {
     editable: boolean;
     autoFocus: boolean;

package/dist/types/views/components/element/hooks/useTextFit.d.ts

@@ -14,7 +14,7 @@ import type { PPTTextElement } from '../../../../types/slides';
  *     variable (the computed px value), since `.ProseMirror` hardcodes 16px.
  * Vertical (top-to-bottom) text is left untouched.
  */
-declare const _default: (elementInfo: Ref<PPTTextElement>) => {
+declare const _default: (elementInfo: Ref<PPTTextElement>, liveContent?: Ref<string | null>) => {
     fitScale: Ref<number, number>;
     fittedContent: import("vue").ComputedRef<string>;
     fitVars: import("vue").ComputedRef<CSSProperties>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lofcz/pptist",
-  "version": "2.0.22",
+  "version": "2.0.23",
   "description": "PPTist presentation editor embed bundle with a typed agentic bridge.",
   "type": "module",
   "main": "dist/embed/pptist-embed.js",