@eigenpal/docx-editor-vue 1.0.3 → 1.1.0

package/dist/useTableResize-BbyKMoa9.js

@@ -0,0 +1,577 @@
+import { computed as e, onBeforeUnmount as t, onMounted as n, ref as r, shallowRef as i, unref as a, watch as o } from "vue";
+import { EditorState as s } from "prosemirror-state";
+import { buildFootnoteContentMap as c, buildFootnoteRenderItems as l, collectFootnoteRefs as u, convertHeaderFooterPmDocToContent as d, convertHeaderFooterToContent as f, getMargins as p, getPageSize as m, measureTableBlock as h, resolveHeaderFooter as ee, stabilizeFootnoteLayout as te } from "@eigenpal/docx-editor-core/layout-bridge";
+import { createEmptyDoc as ne, headerFooterToProseDoc as g, proseDocToBlocks as _, toProseDoc as re } from "@eigenpal/docx-editor-core/prosemirror/conversion";
+import { schema as v } from "@eigenpal/docx-editor-core/prosemirror";
+import { EditorView as y } from "prosemirror-view";
+import { parseDocx as b } from "@eigenpal/docx-editor-core/docx/parser";
+import { fromProseDoc as x } from "@eigenpal/docx-editor-core/prosemirror/conversion/fromProseDoc";
+import { singletonManager as S } from "@eigenpal/docx-editor-core/prosemirror/schema";
+import { createSuggestionModePlugin as C, setSuggestionMode as w } from "@eigenpal/docx-editor-core/prosemirror/plugins";
+import { ExtensionManager as T, createStarterKit as E } from "@eigenpal/docx-editor-core/prosemirror/extensions";
+import { toFlowBlocks as ie } from "@eigenpal/docx-editor-core/layout-bridge/toFlowBlocks";
+import { measureBlocksWithFloats as D, measureParagraph as O } from "@eigenpal/docx-editor-core/layout-bridge/measuring";
+import { DEFAULT_TEXTBOX_MARGINS as k, DEFAULT_TEXTBOX_WIDTH as A, assertExhaustiveFlowBlock as j, layoutDocument as ae } from "@eigenpal/docx-editor-core/layout-engine";
+import { renderPages as oe } from "@eigenpal/docx-editor-core/layout-painter/renderPage";
+import "prosemirror-view/style/prosemirror.css";
+import "@eigenpal/docx-editor-core/prosemirror/editor.css";
+//#region src/composables/useDocxEditor.ts
+var M = 24;
+function N(e, t, n, r) {
+	switch (e.kind) {
+		case "paragraph": return O(e, t, {
+			floatingZones: n,
+			paragraphYOffset: r ?? 0
+		});
+		case "table": return h(e, t, N);
+		case "image": {
+			let t = e;
+			return {
+				kind: "image",
+				width: t.width ?? 100,
+				height: t.height ?? 100
+			};
+		}
+		case "textBox": {
+			let t = e, n = t.margins ?? k, r = (t.width ?? A) - n.left - n.right, i = t.content.map((e) => O(e, r)), a = i.reduce((e, t) => e + t.totalHeight, 0), o = t.height ?? a + n.top + n.bottom;
+			return {
+				kind: "textBox",
+				width: t.width ?? A,
+				height: o,
+				innerMeasures: i
+			};
+		}
+		case "pageBreak": return { kind: "pageBreak" };
+		case "columnBreak": return { kind: "columnBreak" };
+		case "sectionBreak": return { kind: "sectionBreak" };
+		default: j(e, "vue useDocxEditor measureBlock");
+	}
+}
+function P(e, t) {
+	return D(e, t, N);
+}
+function F(e) {
+	let { hiddenContainer: n, pagesContainer: h, readOnly: D = !1, pageGap: O = M, onChange: k, onError: A, onSelectionUpdate: j, externalPlugins: N = [], syncCoordinator: F, editorMode: I, author: L } = e, R = i(null), z = i(null), B = i(null), V = r(!1), H = r(null), U = i(null), W = S;
+	function G(e) {
+		let t = h.value;
+		if (!t || !R.value) return;
+		let n = F?.getStateSeq() ?? 0;
+		F?.onLayoutStart();
+		let r = R.value.package?.document, i = r?.sections?.[0]?.properties ?? r?.finalSectionProperties ?? null, a = r?.finalSectionProperties ?? i, o = m(i), s = p(i), ne = m(a), g = p(a), _ = o.w - s.left - s.right, re = o.h - s.top - s.bottom, v = R.value.package?.theme ?? null, y = R.value.package?.styles ?? null;
+		try {
+			let n = ie(e.doc, {
+				theme: v,
+				pageContentHeight: re
+			}), r = P(n, _), { header: a, footer: p, firstHeader: m, firstFooter: h } = ee(R.value, i), b = {
+				section: "header",
+				pageSize: o,
+				margins: s
+			}, x = {
+				section: "footer",
+				pageSize: o,
+				margins: s
+			}, S = e.doc.attrs?.defaultTabStopTwips, C = {
+				styles: y,
+				theme: v,
+				measureBlocks: P,
+				defaultTabStopTwips: S
+			}, w = (e, t) => {
+				if (!e) return;
+				let n = ce(e);
+				return n ? d(n.state.doc, _, t, C) : f(e, _, t, C);
+			}, T = w(a, b), E = w(p, x), D = i?.titlePg === !0, k = D ? w(m, b) : void 0, A = D ? w(h, x) : void 0, j = s.header ?? 48, M = s.footer ?? 48, N = s.top - j, F = s.bottom - M, I = (e) => e ? e.visualBottom ?? e.height : 0, L = (e) => e ? Math.max((e.visualBottom ?? e.height) - (e.visualTop ?? 0), e.height) : 0, z = Math.max(I(T), I(k)), B = Math.max(L(E), L(A)), V = z > N, H = B > F;
+			if (V || H) {
+				let e = (e) => {
+					let t = { ...e };
+					return V && (t.top = Math.max(e.top, j + z)), H && (t.bottom = Math.max(e.bottom, M + B)), t;
+				};
+				s = e(s), g = e(g);
+				for (let t of n) {
+					if (t.kind !== "sectionBreak") continue;
+					let n = t;
+					n.margins &&= e(n.margins);
+				}
+			}
+			let W = {
+				pageSize: o,
+				margins: s,
+				finalPageSize: ne,
+				finalMargins: g,
+				pageGap: O
+			}, G = u(n), K = G.length > 0 && !!R.value.package?.footnotes, q = ae(n, r, W), J = /* @__PURE__ */ new Map(), Y = /* @__PURE__ */ new Map();
+			if (K) {
+				Y = c(R.value.package.footnotes, G, _, {
+					styles: y,
+					theme: v,
+					measureBlocks: P,
+					defaultTabStopTwips: S
+				});
+				let e = te({
+					blocks: n,
+					measures: r,
+					layoutOpts: W,
+					footnoteRefs: G,
+					footnoteContentMap: Y,
+					initialLayout: q
+				});
+				q = e.layout, J = e.pageFootnoteMap;
+			}
+			U.value = q;
+			let X = /* @__PURE__ */ new Map();
+			for (let e = 0; e < n.length; e++) {
+				let t = n[e], i = r[e];
+				t && i && X.set(String(t.id), {
+					block: t,
+					measure: i
+				});
+			}
+			let Z = K ? l(J, Y, R.value) : void 0;
+			oe(q.pages, t, {
+				pageGap: O,
+				showShadow: !0,
+				pageBackground: "#fff",
+				blockLookup: X,
+				theme: v,
+				headerContent: T,
+				footerContent: E,
+				firstPageHeaderContent: k,
+				firstPageFooterContent: A,
+				titlePage: D,
+				footnotesByPage: Z
+			}), t.style.overflowY = "auto", t.style.minHeight = "0";
+			for (let e of Array.from(t.children)) e.style.flexShrink = "0";
+		} catch (e) {
+			console.error("[useDocxEditor] Layout pipeline error:", e), A?.(e instanceof Error ? e : Error(String(e)));
+		} finally {
+			F?.onLayoutComplete(n);
+		}
+	}
+	function K() {
+		let e = n.value;
+		if (!e) return;
+		let t = R.value ? re(R.value, { styles: R.value.package?.styles ?? void 0 }) : ne(), r = [
+			C(!1),
+			...N,
+			...W.getPlugins() ?? []
+		], i = s.create({
+			doc: t,
+			schema: W.getSchema(),
+			plugins: r
+		});
+		B.value = i;
+		let o = new y(e, {
+			state: i,
+			editable: () => !a(D),
+			dispatchTransaction(e) {
+				if (!o) return;
+				let t = o.state.apply(e);
+				if (o.updateState(t), B.value = t, e.docChanged) {
+					F?.incrementStateSeq(), G(t);
+					try {
+						if (R.value) {
+							let e = x(t.doc, R.value);
+							R.value = e, k?.(e);
+						}
+					} catch (e) {
+						console.error("[useDocxEditor] fromProseDoc error:", e);
+					}
+				}
+				F?.requestRender(), j?.();
+			}
+		});
+		z.value = o, V.value = !0, G(i), F?.requestRender();
+	}
+	o([
+		() => a(I),
+		() => a(L),
+		z
+	], ([e, t, n]) => {
+		n && w(e === "suggesting", n.state, n.dispatch, t);
+	}, { immediate: !0 });
+	function q() {
+		z.value &&= (z.value.destroy(), null), B.value = null, V.value = !1;
+	}
+	let J = { current: null }, Y = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map();
+	function Z() {
+		if (J.current && J.current.isConnected) return J.current;
+		let e = window.document.createElement("div");
+		return e.dataset.hfHost = "true", e.style.cssText = "position: fixed; left: -9999px; top: 0; opacity: 0; z-index: -1; pointer-events: none;", window.document.body.appendChild(e), J.current = e, e;
+	}
+	function se(e) {
+		let t = R.value?.package;
+		if (!t) return null;
+		if (t.headers) {
+			for (let [n, r] of t.headers) if (r === e) return n;
+		}
+		if (t.footers) {
+			for (let [n, r] of t.footers) if (r === e) return n;
+		}
+		return null;
+	}
+	function ce(e) {
+		let t = se(e);
+		return t ? Y.get(t) ?? null : null;
+	}
+	function Q() {
+		let e = R.value?.package, t = Z(), n = /* @__PURE__ */ new Set();
+		if (e?.headers) for (let t of e.headers.keys()) n.add(t);
+		if (e?.footers) for (let t of e.footers.keys()) n.add(t);
+		for (let [e, t] of Y) n.has(e) || (t.destroy(), t.dom.parentElement?.remove(), X.get(e)?.destroy(), X.delete(e), Y.delete(e));
+		if (!e) return;
+		let r = e.styles ?? null, i = e.theme ?? null, a = e.settings?.defaultTabStop ?? null;
+		for (let o of n) {
+			if (Y.has(o)) continue;
+			let n = e.headers?.get(o) ?? e.footers?.get(o);
+			if (!n) continue;
+			let c = e.headers?.has(o) ? "header" : "footer", l = new T(E());
+			l.buildSchema(), l.initializeRuntime(), X.set(o, l);
+			let u = window.document.createElement("div");
+			u.dataset.hfRId = o, u.dataset.hfKind = c, t.appendChild(u);
+			let d = g(n.content, {
+				styles: r ?? void 0,
+				theme: i,
+				defaultTabStopTwips: a
+			}), f = s.create({
+				doc: d,
+				schema: v,
+				plugins: l.getPlugins()
+			}), p = c, m = new y(u, {
+				state: f,
+				dispatchTransaction(e) {
+					let t = m.state.apply(e);
+					if (m.updateState(t), e.docChanged) {
+						let e = R.value?.package, n = (p === "header" ? e?.headers : e?.footers)?.get(o);
+						n && (n.content = _(t.doc));
+					}
+					e.docChanged && B.value && G(B.value), le.value?.(o, m, e.docChanged);
+				}
+			});
+			Y.set(o, m);
+		}
+	}
+	function $() {
+		for (let e of Y.values()) e.destroy(), e.dom.parentElement?.remove();
+		Y.clear();
+		for (let e of X.values()) e.destroy();
+		X.clear(), J.current &&= (J.current.remove(), null);
+	}
+	let le = { value: null };
+	function ue(e) {
+		le.value = e;
+	}
+	async function de(e) {
+		H.value = null, V.value = !1;
+		try {
+			let t;
+			t = e instanceof Blob || e instanceof File ? await e.arrayBuffer() : e instanceof Uint8Array ? e.buffer.slice(e.byteOffset, e.byteOffset + e.byteLength) : e, R.value = await b(t), q(), $(), K(), Q();
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			H.value = t.message, A?.(t);
+		}
+	}
+	function fe(e) {
+		H.value = null, R.value = e, q(), $(), K(), Q();
+	}
+	async function pe() {
+		if (!z.value || !R.value) return null;
+		let { repackDocx: e, createDocx: t } = await import("@eigenpal/docx-editor-core/docx/rezip"), { injectReplyRangeMarkers: n, injectTCReplyRangeMarkers: r } = await import("@eigenpal/docx-editor-core/docx"), i = x(z.value.state.doc, R.value), a = i.package.document?.comments ?? [];
+		i.package.document?.content && a.length > 0 && (n(i.package.document.content, a), r(i.package.document.content, a));
+		let o;
+		return o = i.originalBuffer ? await e(i) : await t(i), new Blob([o], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
+	}
+	function me() {
+		z.value?.focus();
+	}
+	function he() {
+		q(), $(), R.value = null;
+	}
+	function ge() {
+		return R.value;
+	}
+	t(() => {
+		he();
+	});
+	function _e() {
+		return W.getCommands();
+	}
+	return {
+		editorView: z,
+		editorState: B,
+		isReady: V,
+		parseError: H,
+		layout: U,
+		loadBuffer: de,
+		loadDocument: fe,
+		save: pe,
+		focus: me,
+		destroy: he,
+		getDocument: ge,
+		getCommands: _e,
+		reLayout() {
+			z.value && G(z.value.state);
+		},
+		getHfPmView: ce,
+		syncHfPMs: Q,
+		setHfTransactionListener: ue,
+		setDocument(e) {
+			R.value = e;
+		}
+	};
+}
+//#endregion
+//#region src/composables/useZoom.ts
+var I = .25, L = 4, R = .1, z = [
+	.25,
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2,
+	3,
+	4
+];
+function B(i = 1) {
+	let a = r(Math.max(I, Math.min(L, i))), o = e(() => Math.round(a.value * 100)), s = e(() => a.value <= I), c = e(() => a.value >= L);
+	function l(e) {
+		a.value = Math.max(I, Math.min(L, Math.round(e * 100) / 100));
+	}
+	function u() {
+		l(a.value + R);
+	}
+	function d() {
+		l(a.value - R);
+	}
+	function f() {
+		l(1);
+	}
+	function p(e) {
+		(e.ctrlKey || e.metaKey) && (e.preventDefault(), e.deltaY < 0 ? u() : d());
+	}
+	function m(e) {
+		(e.ctrlKey || e.metaKey) && (e.shiftKey || e.altKey || (e.key === "=" || e.key === "+" ? (e.preventDefault(), u()) : e.key === "-" ? (e.preventDefault(), d()) : e.key === "0" && (e.preventDefault(), f())));
+	}
+	function h() {
+		n(() => document.addEventListener("keydown", m)), t(() => document.removeEventListener("keydown", m));
+	}
+	return {
+		zoom: a,
+		zoomPercent: o,
+		isMinZoom: s,
+		isMaxZoom: c,
+		setZoom: l,
+		zoomIn: u,
+		zoomOut: d,
+		resetZoom: f,
+		handleWheel: p,
+		handleKeyDown: m,
+		installShortcuts: h,
+		ZOOM_PRESETS: z
+	};
+}
+//#endregion
+//#region src/composables/useTableResize.ts
+var V = 15, H = 300, U = 200, W = 15;
+function G() {
+	let e = {
+		active: !1,
+		startX: 0,
+		handle: null,
+		columnIndex: 0,
+		tablePmStart: 0,
+		origWidths: {
+			left: 0,
+			right: 0
+		}
+	}, t = {
+		active: !1,
+		startY: 0,
+		handle: null,
+		rowIndex: 0,
+		isEdge: !1,
+		tablePmStart: 0,
+		origHeight: 0
+	}, n = {
+		active: !1,
+		startX: 0,
+		handle: null,
+		columnIndex: 0,
+		tablePmStart: 0,
+		origWidth: 0
+	}, r = null;
+	function i() {
+		return e.active || t.active || n.active;
+	}
+	function a(i, a) {
+		let o = i.target;
+		return o?.classList ? o.classList.contains("layout-table-resize-handle") ? (i.preventDefault(), i.stopPropagation(), r = a, e.active = !0, e.startX = i.clientX, e.handle = o, o.classList.add("dragging"), e.columnIndex = parseInt(o.dataset.columnIndex ?? "0", 10), e.tablePmStart = parseInt(o.dataset.tablePmStart ?? "0", 10), K(a, e), !0) : o.classList.contains("layout-table-row-resize-handle") || o.classList.contains("layout-table-edge-handle-bottom") ? (i.preventDefault(), i.stopPropagation(), r = a, t.active = !0, t.startY = i.clientY, t.handle = o, t.isEdge = o.dataset.isEdge === "bottom", o.classList.add("dragging"), t.rowIndex = parseInt(o.dataset.rowIndex ?? "0", 10), t.tablePmStart = parseInt(o.dataset.tablePmStart ?? "0", 10), q(a, t, o), !0) : o.classList.contains("layout-table-edge-handle-right") ? (i.preventDefault(), i.stopPropagation(), r = a, n.active = !0, n.startX = i.clientX, n.handle = o, o.classList.add("dragging"), n.columnIndex = parseInt(o.dataset.columnIndex ?? "0", 10), n.tablePmStart = parseInt(o.dataset.tablePmStart ?? "0", 10), J(a, n), !0) : !1 : !1;
+	}
+	function o(r) {
+		if (e.active && e.handle) {
+			r.preventDefault();
+			let t = r.clientX - e.startX, n = parseFloat(e.handle.style.left);
+			e.handle.style.left = `${n + t}px`, e.startX = r.clientX;
+			let i = Math.round(t * V), a = e.origWidths.left + i, o = e.origWidths.right - i;
+			a >= H && o >= H && (e.origWidths = {
+				left: a,
+				right: o
+			});
+			return;
+		}
+		if (t.active && t.handle) {
+			r.preventDefault();
+			let e = r.clientY - t.startY, n = parseFloat(t.handle.style.top);
+			t.handle.style.top = `${n + e}px`, t.startY = r.clientY;
+			let i = Math.round(e * V), a = t.origHeight + i;
+			a >= U && (t.origHeight = a);
+			return;
+		}
+		if (n.active && n.handle) {
+			r.preventDefault();
+			let e = r.clientX - n.startX, t = parseFloat(n.handle.style.left);
+			n.handle.style.left = `${t + e}px`, n.startX = r.clientX;
+			let i = Math.round(e * V), a = n.origWidth + i;
+			a >= H && (n.origWidth = a);
+		}
+	}
+	function s(i) {
+		if (e.active) {
+			e.active = !1, e.handle?.classList.remove("dragging"), r && Y(r, e), e.handle = null;
+			return;
+		}
+		if (t.active) {
+			t.active = !1, t.handle?.classList.remove("dragging"), r && X(r, t), t.handle = null;
+			return;
+		}
+		n.active && (n.active = !1, n.handle?.classList.remove("dragging"), r && Z(r, n), n.handle = null);
+	}
+	function c() {
+		return document.addEventListener("mousemove", o), document.addEventListener("mouseup", s), () => {
+			document.removeEventListener("mousemove", o), document.removeEventListener("mouseup", s);
+		};
+	}
+	return {
+		tryStartResize: a,
+		install: c,
+		isResizing: i
+	};
+}
+function K(e, t) {
+	let n = e.state.doc.resolve(t.tablePmStart + 1);
+	for (let e = n.depth; e >= 0; e--) {
+		let r = n.node(e);
+		if (r.type.name === "table") {
+			let e = r.attrs.columnWidths;
+			e && e[t.columnIndex] !== void 0 && e[t.columnIndex + 1] !== void 0 && (t.origWidths = {
+				left: e[t.columnIndex],
+				right: e[t.columnIndex + 1]
+			});
+			return;
+		}
+	}
+}
+function q(e, t, n) {
+	let r = e.state.doc.resolve(t.tablePmStart + 1);
+	for (let e = r.depth; e >= 0; e--) {
+		let i = r.node(e);
+		if (i.type.name === "table") {
+			let e = null, r = 0;
+			if (i.forEach((n) => {
+				r === t.rowIndex && (e = n), r++;
+			}), e) {
+				let r = e.attrs.height;
+				if (r) t.origHeight = r;
+				else {
+					let e = n.closest(".layout-table")?.querySelector(`[data-row-index="${t.rowIndex}"]`), r = e ? e.getBoundingClientRect().height : 30;
+					t.origHeight = Math.round(r * W);
+				}
+			}
+			return;
+		}
+	}
+}
+function J(e, t) {
+	let n = e.state.doc.resolve(t.tablePmStart + 1);
+	for (let e = n.depth; e >= 0; e--) {
+		let r = n.node(e);
+		if (r.type.name === "table") {
+			let e = r.attrs.columnWidths;
+			e && e[t.columnIndex] !== void 0 && (t.origWidth = e[t.columnIndex]);
+			return;
+		}
+	}
+}
+function Y(e, t) {
+	let n = e.state.doc.resolve(t.tablePmStart + 1);
+	for (let r = n.depth; r >= 0; r--) {
+		let i = n.node(r);
+		if (i.type.name !== "table") continue;
+		let a = n.before(r), o = e.state.tr, s = [...i.attrs.columnWidths || []];
+		s[t.columnIndex] = t.origWidths.left, s[t.columnIndex + 1] = t.origWidths.right, o.setNodeMarkup(a, void 0, {
+			...i.attrs,
+			columnWidths: s
+		});
+		let c = a + 1;
+		i.forEach((e) => {
+			let n = c + 1, r = 0;
+			e.forEach((e) => {
+				let i = e.attrs.colspan || 1;
+				if (r === t.columnIndex || r === t.columnIndex + 1) {
+					let i = r === t.columnIndex ? t.origWidths.left : t.origWidths.right;
+					o.setNodeMarkup(o.mapping.map(n), void 0, {
+						...e.attrs,
+						width: i,
+						widthType: "dxa",
+						colwidth: null
+					});
+				}
+				n += e.nodeSize, r += i;
+			}), c += e.nodeSize;
+		}), e.dispatch(o);
+		return;
+	}
+}
+function X(e, t) {
+	let n = e.state.doc.resolve(t.tablePmStart + 1);
+	for (let r = n.depth; r >= 0; r--) {
+		let i = n.node(r);
+		if (i.type.name !== "table") continue;
+		let a = n.before(r), o = e.state.tr, s = a + 1, c = 0;
+		i.forEach((e) => {
+			c === t.rowIndex && o.setNodeMarkup(o.mapping.map(s), void 0, {
+				...e.attrs,
+				height: t.origHeight,
+				heightRule: "atLeast"
+			}), s += e.nodeSize, c++;
+		}), e.dispatch(o);
+		return;
+	}
+}
+function Z(e, t) {
+	let n = e.state.doc.resolve(t.tablePmStart + 1);
+	for (let r = n.depth; r >= 0; r--) {
+		let i = n.node(r);
+		if (i.type.name !== "table") continue;
+		let a = n.before(r), o = e.state.tr, s = [...i.attrs.columnWidths || []];
+		s[t.columnIndex] = t.origWidth, o.setNodeMarkup(a, void 0, {
+			...i.attrs,
+			columnWidths: s
+		});
+		let c = a + 1;
+		i.forEach((e) => {
+			let n = c + 1, r = 0;
+			e.forEach((e) => {
+				let i = e.attrs.colspan || 1;
+				r === t.columnIndex && o.setNodeMarkup(o.mapping.map(n), void 0, {
+					...e.attrs,
+					width: t.origWidth,
+					widthType: "dxa",
+					colwidth: null
+				}), n += e.nodeSize, r += i;
+			}), c += e.nodeSize;
+		}), e.dispatch(o);
+		return;
+	}
+}
+//#endregion
+export { B as n, F as r, G as t };

package/dist/useTableResize-CIV2YW70.cjs

@@ -0,0 +1 @@
+let e=require(`vue`),t=require(`prosemirror-state`),n=require(`@eigenpal/docx-editor-core/layout-bridge`),r=require(`@eigenpal/docx-editor-core/prosemirror/conversion`),i=require(`@eigenpal/docx-editor-core/prosemirror`),a=require(`prosemirror-view`),o=require(`@eigenpal/docx-editor-core/docx/parser`),s=require(`@eigenpal/docx-editor-core/prosemirror/conversion/fromProseDoc`),c=require(`@eigenpal/docx-editor-core/prosemirror/schema`),l=require(`@eigenpal/docx-editor-core/prosemirror/plugins`),u=require(`@eigenpal/docx-editor-core/prosemirror/extensions`),d=require(`@eigenpal/docx-editor-core/layout-bridge/toFlowBlocks`),f=require(`@eigenpal/docx-editor-core/layout-bridge/measuring`),p=require(`@eigenpal/docx-editor-core/layout-engine`),m=require(`@eigenpal/docx-editor-core/layout-painter/renderPage`);require(`prosemirror-view/style/prosemirror.css`),require(`@eigenpal/docx-editor-core/prosemirror/editor.css`);var h=24;function g(e,t,r,i){switch(e.kind){case`paragraph`:return(0,f.measureParagraph)(e,t,{floatingZones:r,paragraphYOffset:i??0});case`table`:return(0,n.measureTableBlock)(e,t,g);case`image`:{let t=e;return{kind:`image`,width:t.width??100,height:t.height??100}}case`textBox`:{let t=e,n=t.margins??p.DEFAULT_TEXTBOX_MARGINS,r=(t.width??p.DEFAULT_TEXTBOX_WIDTH)-n.left-n.right,i=t.content.map(e=>(0,f.measureParagraph)(e,r)),a=i.reduce((e,t)=>e+t.totalHeight,0),o=t.height??a+n.top+n.bottom;return{kind:`textBox`,width:t.width??p.DEFAULT_TEXTBOX_WIDTH,height:o,innerMeasures:i}}case`pageBreak`:return{kind:`pageBreak`};case`columnBreak`:return{kind:`columnBreak`};case`sectionBreak`:return{kind:`sectionBreak`};default:(0,p.assertExhaustiveFlowBlock)(e,`vue useDocxEditor measureBlock`)}}function _(e,t){return(0,f.measureBlocksWithFloats)(e,t,g)}function v(f){let{hiddenContainer:g,pagesContainer:v,readOnly:y=!1,pageGap:b=h,onChange:x,onError:S,onSelectionUpdate:C,externalPlugins:w=[],syncCoordinator:T,editorMode:E,author:D}=f,O=(0,e.shallowRef)(null),k=(0,e.shallowRef)(null),A=(0,e.shallowRef)(null),j=(0,e.ref)(!1),M=(0,e.ref)(null),N=(0,e.shallowRef)(null),P=c.singletonManager;function F(e){let t=v.value;if(!t||!O.value)return;let r=T?.getStateSeq()??0;T?.onLayoutStart();let i=O.value.package?.document,a=i?.sections?.[0]?.properties??i?.finalSectionProperties??null,o=i?.finalSectionProperties??a,s=(0,n.getPageSize)(a),c=(0,n.getMargins)(a),l=(0,n.getPageSize)(o),u=(0,n.getMargins)(o),f=s.w-c.left-c.right,h=s.h-c.top-c.bottom,g=O.value.package?.theme??null,y=O.value.package?.styles??null;try{let r=(0,d.toFlowBlocks)(e.doc,{theme:g,pageContentHeight:h}),i=_(r,f),{header:o,footer:v,firstHeader:x,firstFooter:S}=(0,n.resolveHeaderFooter)(O.value,a),C={section:`header`,pageSize:s,margins:c},w={section:`footer`,pageSize:s,margins:c},T=e.doc.attrs?.defaultTabStopTwips,E={styles:y,theme:g,measureBlocks:_,defaultTabStopTwips:T},D=(e,t)=>{if(!e)return;let r=U(e);return r?(0,n.convertHeaderFooterPmDocToContent)(r.state.doc,f,t,E):(0,n.convertHeaderFooterToContent)(e,f,t,E)},k=D(o,C),A=D(v,w),j=a?.titlePg===!0,M=j?D(x,C):void 0,P=j?D(S,w):void 0,F=c.header??48,I=c.footer??48,L=c.top-F,R=c.bottom-I,z=e=>e?e.visualBottom??e.height:0,B=e=>e?Math.max((e.visualBottom??e.height)-(e.visualTop??0),e.height):0,V=Math.max(z(k),z(M)),H=Math.max(B(A),B(P)),W=V>L,G=H>R;if(W||G){let e=e=>{let t={...e};return W&&(t.top=Math.max(e.top,F+V)),G&&(t.bottom=Math.max(e.bottom,I+H)),t};c=e(c),u=e(u);for(let t of r){if(t.kind!==`sectionBreak`)continue;let n=t;n.margins&&=e(n.margins)}}let K={pageSize:s,margins:c,finalPageSize:l,finalMargins:u,pageGap:b},q=(0,n.collectFootnoteRefs)(r),J=q.length>0&&!!O.value.package?.footnotes,Y=(0,p.layoutDocument)(r,i,K),X=new Map,Z=new Map;if(J){Z=(0,n.buildFootnoteContentMap)(O.value.package.footnotes,q,f,{styles:y,theme:g,measureBlocks:_,defaultTabStopTwips:T});let e=(0,n.stabilizeFootnoteLayout)({blocks:r,measures:i,layoutOpts:K,footnoteRefs:q,footnoteContentMap:Z,initialLayout:Y});Y=e.layout,X=e.pageFootnoteMap}N.value=Y;let Q=new Map;for(let e=0;e<r.length;e++){let t=r[e],n=i[e];t&&n&&Q.set(String(t.id),{block:t,measure:n})}let $=J?(0,n.buildFootnoteRenderItems)(X,Z,O.value):void 0;(0,m.renderPages)(Y.pages,t,{pageGap:b,showShadow:!0,pageBackground:`#fff`,blockLookup:Q,theme:g,headerContent:k,footerContent:A,firstPageHeaderContent:M,firstPageFooterContent:P,titlePage:j,footnotesByPage:$}),t.style.overflowY=`auto`,t.style.minHeight=`0`;for(let e of Array.from(t.children))e.style.flexShrink=`0`}catch(e){console.error(`[useDocxEditor] Layout pipeline error:`,e),S?.(e instanceof Error?e:Error(String(e)))}finally{T?.onLayoutComplete(r)}}function I(){let n=g.value;if(!n)return;let i=O.value?(0,r.toProseDoc)(O.value,{styles:O.value.package?.styles??void 0}):(0,r.createEmptyDoc)(),o=[(0,l.createSuggestionModePlugin)(!1),...w,...P.getPlugins()??[]],c=t.EditorState.create({doc:i,schema:P.getSchema(),plugins:o});A.value=c;let u=new a.EditorView(n,{state:c,editable:()=>!(0,e.unref)(y),dispatchTransaction(e){if(!u)return;let t=u.state.apply(e);if(u.updateState(t),A.value=t,e.docChanged){T?.incrementStateSeq(),F(t);try{if(O.value){let e=(0,s.fromProseDoc)(t.doc,O.value);O.value=e,x?.(e)}}catch(e){console.error(`[useDocxEditor] fromProseDoc error:`,e)}}T?.requestRender(),C?.()}});k.value=u,j.value=!0,F(c),T?.requestRender()}(0,e.watch)([()=>(0,e.unref)(E),()=>(0,e.unref)(D),k],([e,t,n])=>{n&&(0,l.setSuggestionMode)(e===`suggesting`,n.state,n.dispatch,t)},{immediate:!0});function L(){k.value&&=(k.value.destroy(),null),A.value=null,j.value=!1}let R={current:null},z=new Map,B=new Map;function V(){if(R.current&&R.current.isConnected)return R.current;let e=window.document.createElement(`div`);return e.dataset.hfHost=`true`,e.style.cssText=`position: fixed; left: -9999px; top: 0; opacity: 0; z-index: -1; pointer-events: none;`,window.document.body.appendChild(e),R.current=e,e}function H(e){let t=O.value?.package;if(!t)return null;if(t.headers){for(let[n,r]of t.headers)if(r===e)return n}if(t.footers){for(let[n,r]of t.footers)if(r===e)return n}return null}function U(e){let t=H(e);return t?z.get(t)??null:null}function W(){let e=O.value?.package,n=V(),o=new Set;if(e?.headers)for(let t of e.headers.keys())o.add(t);if(e?.footers)for(let t of e.footers.keys())o.add(t);for(let[e,t]of z)o.has(e)||(t.destroy(),t.dom.parentElement?.remove(),B.get(e)?.destroy(),B.delete(e),z.delete(e));if(!e)return;let s=e.styles??null,c=e.theme??null,l=e.settings?.defaultTabStop??null;for(let d of o){if(z.has(d))continue;let o=e.headers?.get(d)??e.footers?.get(d);if(!o)continue;let f=e.headers?.has(d)?`header`:`footer`,p=new u.ExtensionManager((0,u.createStarterKit)());p.buildSchema(),p.initializeRuntime(),B.set(d,p);let m=window.document.createElement(`div`);m.dataset.hfRId=d,m.dataset.hfKind=f,n.appendChild(m);let h=(0,r.headerFooterToProseDoc)(o.content,{styles:s??void 0,theme:c,defaultTabStopTwips:l}),g=t.EditorState.create({doc:h,schema:i.schema,plugins:p.getPlugins()}),_=f,v=new a.EditorView(m,{state:g,dispatchTransaction(e){let t=v.state.apply(e);if(v.updateState(t),e.docChanged){let e=O.value?.package,n=(_===`header`?e?.headers:e?.footers)?.get(d);n&&(n.content=(0,r.proseDocToBlocks)(t.doc))}e.docChanged&&A.value&&F(A.value),K.value?.(d,v,e.docChanged)}});z.set(d,v)}}function G(){for(let e of z.values())e.destroy(),e.dom.parentElement?.remove();z.clear();for(let e of B.values())e.destroy();B.clear(),R.current&&=(R.current.remove(),null)}let K={value:null};function q(e){K.value=e}async function J(e){M.value=null,j.value=!1;try{let t;t=e instanceof Blob||e instanceof File?await e.arrayBuffer():e instanceof Uint8Array?e.buffer.slice(e.byteOffset,e.byteOffset+e.byteLength):e,O.value=await(0,o.parseDocx)(t),L(),G(),I(),W()}catch(e){let t=e instanceof Error?e:Error(String(e));M.value=t.message,S?.(t)}}function Y(e){M.value=null,O.value=e,L(),G(),I(),W()}async function X(){if(!k.value||!O.value)return null;let{repackDocx:e,createDocx:t}=await import(`@eigenpal/docx-editor-core/docx/rezip`),{injectReplyRangeMarkers:n,injectTCReplyRangeMarkers:r}=await import(`@eigenpal/docx-editor-core/docx`),i=(0,s.fromProseDoc)(k.value.state.doc,O.value),a=i.package.document?.comments??[];i.package.document?.content&&a.length>0&&(n(i.package.document.content,a),r(i.package.document.content,a));let o;return o=i.originalBuffer?await e(i):await t(i),new Blob([o],{type:`application/vnd.openxmlformats-officedocument.wordprocessingml.document`})}function Z(){k.value?.focus()}function Q(){L(),G(),O.value=null}function $(){return O.value}(0,e.onBeforeUnmount)(()=>{Q()});function ee(){return P.getCommands()}return{editorView:k,editorState:A,isReady:j,parseError:M,layout:N,loadBuffer:J,loadDocument:Y,save:X,focus:Z,destroy:Q,getDocument:$,getCommands:ee,reLayout(){k.value&&F(k.value.state)},getHfPmView:U,syncHfPMs:W,setHfTransactionListener:q,setDocument(e){O.value=e}}}var y=.25,b=4,x=.1,S=[.25,.5,.75,1,1.25,1.5,2,3,4];function C(t=1){let n=(0,e.ref)(Math.max(y,Math.min(b,t))),r=(0,e.computed)(()=>Math.round(n.value*100)),i=(0,e.computed)(()=>n.value<=y),a=(0,e.computed)(()=>n.value>=b);function o(e){n.value=Math.max(y,Math.min(b,Math.round(e*100)/100))}function s(){o(n.value+x)}function c(){o(n.value-x)}function l(){o(1)}function u(e){(e.ctrlKey||e.metaKey)&&(e.preventDefault(),e.deltaY<0?s():c())}function d(e){(e.ctrlKey||e.metaKey)&&(e.shiftKey||e.altKey||(e.key===`=`||e.key===`+`?(e.preventDefault(),s()):e.key===`-`?(e.preventDefault(),c()):e.key===`0`&&(e.preventDefault(),l())))}function f(){(0,e.onMounted)(()=>document.addEventListener(`keydown`,d)),(0,e.onBeforeUnmount)(()=>document.removeEventListener(`keydown`,d))}return{zoom:n,zoomPercent:r,isMinZoom:i,isMaxZoom:a,setZoom:o,zoomIn:s,zoomOut:c,resetZoom:l,handleWheel:u,handleKeyDown:d,installShortcuts:f,ZOOM_PRESETS:S}}var w=15,T=300,E=200,D=15;function O(){let e={active:!1,startX:0,handle:null,columnIndex:0,tablePmStart:0,origWidths:{left:0,right:0}},t={active:!1,startY:0,handle:null,rowIndex:0,isEdge:!1,tablePmStart:0,origHeight:0},n={active:!1,startX:0,handle:null,columnIndex:0,tablePmStart:0,origWidth:0},r=null;function i(){return e.active||t.active||n.active}function a(i,a){let o=i.target;return o?.classList?o.classList.contains(`layout-table-resize-handle`)?(i.preventDefault(),i.stopPropagation(),r=a,e.active=!0,e.startX=i.clientX,e.handle=o,o.classList.add(`dragging`),e.columnIndex=parseInt(o.dataset.columnIndex??`0`,10),e.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),k(a,e),!0):o.classList.contains(`layout-table-row-resize-handle`)||o.classList.contains(`layout-table-edge-handle-bottom`)?(i.preventDefault(),i.stopPropagation(),r=a,t.active=!0,t.startY=i.clientY,t.handle=o,t.isEdge=o.dataset.isEdge===`bottom`,o.classList.add(`dragging`),t.rowIndex=parseInt(o.dataset.rowIndex??`0`,10),t.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),A(a,t,o),!0):o.classList.contains(`layout-table-edge-handle-right`)?(i.preventDefault(),i.stopPropagation(),r=a,n.active=!0,n.startX=i.clientX,n.handle=o,o.classList.add(`dragging`),n.columnIndex=parseInt(o.dataset.columnIndex??`0`,10),n.tablePmStart=parseInt(o.dataset.tablePmStart??`0`,10),j(a,n),!0):!1:!1}function o(r){if(e.active&&e.handle){r.preventDefault();let t=r.clientX-e.startX,n=parseFloat(e.handle.style.left);e.handle.style.left=`${n+t}px`,e.startX=r.clientX;let i=Math.round(t*w),a=e.origWidths.left+i,o=e.origWidths.right-i;a>=T&&o>=T&&(e.origWidths={left:a,right:o});return}if(t.active&&t.handle){r.preventDefault();let e=r.clientY-t.startY,n=parseFloat(t.handle.style.top);t.handle.style.top=`${n+e}px`,t.startY=r.clientY;let i=Math.round(e*w),a=t.origHeight+i;a>=E&&(t.origHeight=a);return}if(n.active&&n.handle){r.preventDefault();let e=r.clientX-n.startX,t=parseFloat(n.handle.style.left);n.handle.style.left=`${t+e}px`,n.startX=r.clientX;let i=Math.round(e*w),a=n.origWidth+i;a>=T&&(n.origWidth=a)}}function s(i){if(e.active){e.active=!1,e.handle?.classList.remove(`dragging`),r&&M(r,e),e.handle=null;return}if(t.active){t.active=!1,t.handle?.classList.remove(`dragging`),r&&N(r,t),t.handle=null;return}n.active&&(n.active=!1,n.handle?.classList.remove(`dragging`),r&&P(r,n),n.handle=null)}function c(){return document.addEventListener(`mousemove`,o),document.addEventListener(`mouseup`,s),()=>{document.removeEventListener(`mousemove`,o),document.removeEventListener(`mouseup`,s)}}return{tryStartResize:a,install:c,isResizing:i}}function k(e,t){let n=e.state.doc.resolve(t.tablePmStart+1);for(let e=n.depth;e>=0;e--){let r=n.node(e);if(r.type.name===`table`){let e=r.attrs.columnWidths;e&&e[t.columnIndex]!==void 0&&e[t.columnIndex+1]!==void 0&&(t.origWidths={left:e[t.columnIndex],right:e[t.columnIndex+1]});return}}}function A(e,t,n){let r=e.state.doc.resolve(t.tablePmStart+1);for(let e=r.depth;e>=0;e--){let i=r.node(e);if(i.type.name===`table`){let e=null,r=0;if(i.forEach(n=>{r===t.rowIndex&&(e=n),r++}),e){let r=e.attrs.height;if(r)t.origHeight=r;else{let e=n.closest(`.layout-table`)?.querySelector(`[data-row-index="${t.rowIndex}"]`),r=e?e.getBoundingClientRect().height:30;t.origHeight=Math.round(r*D)}}return}}}function j(e,t){let n=e.state.doc.resolve(t.tablePmStart+1);for(let e=n.depth;e>=0;e--){let r=n.node(e);if(r.type.name===`table`){let e=r.attrs.columnWidths;e&&e[t.columnIndex]!==void 0&&(t.origWidth=e[t.columnIndex]);return}}}function M(e,t){let n=e.state.doc.resolve(t.tablePmStart+1);for(let r=n.depth;r>=0;r--){let i=n.node(r);if(i.type.name!==`table`)continue;let a=n.before(r),o=e.state.tr,s=[...i.attrs.columnWidths||[]];s[t.columnIndex]=t.origWidths.left,s[t.columnIndex+1]=t.origWidths.right,o.setNodeMarkup(a,void 0,{...i.attrs,columnWidths:s});let c=a+1;i.forEach(e=>{let n=c+1,r=0;e.forEach(e=>{let i=e.attrs.colspan||1;if(r===t.columnIndex||r===t.columnIndex+1){let i=r===t.columnIndex?t.origWidths.left:t.origWidths.right;o.setNodeMarkup(o.mapping.map(n),void 0,{...e.attrs,width:i,widthType:`dxa`,colwidth:null})}n+=e.nodeSize,r+=i}),c+=e.nodeSize}),e.dispatch(o);return}}function N(e,t){let n=e.state.doc.resolve(t.tablePmStart+1);for(let r=n.depth;r>=0;r--){let i=n.node(r);if(i.type.name!==`table`)continue;let a=n.before(r),o=e.state.tr,s=a+1,c=0;i.forEach(e=>{c===t.rowIndex&&o.setNodeMarkup(o.mapping.map(s),void 0,{...e.attrs,height:t.origHeight,heightRule:`atLeast`}),s+=e.nodeSize,c++}),e.dispatch(o);return}}function P(e,t){let n=e.state.doc.resolve(t.tablePmStart+1);for(let r=n.depth;r>=0;r--){let i=n.node(r);if(i.type.name!==`table`)continue;let a=n.before(r),o=e.state.tr,s=[...i.attrs.columnWidths||[]];s[t.columnIndex]=t.origWidth,o.setNodeMarkup(a,void 0,{...i.attrs,columnWidths:s});let c=a+1;i.forEach(e=>{let n=c+1,r=0;e.forEach(e=>{let i=e.attrs.colspan||1;r===t.columnIndex&&o.setNodeMarkup(o.mapping.map(n),void 0,{...e.attrs,width:t.origWidth,widthType:`dxa`,colwidth:null}),n+=e.nodeSize,r+=i}),c+=e.nodeSize}),e.dispatch(o);return}}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eigenpal/docx-editor-vue",
-  "version": "1.0.3",
+  "version": "1.1.0",
   "description": "Vue 3 DOCX editor adapter for @eigenpal/docx-editor-core.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -83,9 +83,9 @@
     "vue": "^3.3.0"
   },
   "dependencies": {
-    "@eigenpal/docx-editor-agents": "^1.0.3",
-    "@eigenpal/docx-editor-core": "^1.0.3",
-    "@eigenpal/docx-editor-i18n": "^1.0.3"
+    "@eigenpal/docx-editor-agents": "^1.1.0",
+    "@eigenpal/docx-editor-core": "^1.1.0",
+    "@eigenpal/docx-editor-i18n": "^1.1.0"
   },
   "keywords": [
     "docx",