@stll/folio-vue 0.3.0 → 0.4.0

package/dist/{useZoom-CIIRid8U.js → useZoom-BR--m9w3.js}

@@ -11,18 +11,18 @@ import { browserClock as re, createLayoutScheduler as ie } from "@stll/folio-cor
 import { createLayoutSession as ae } from "@stll/folio-core/controller/layoutSession";
 import { parseDocx as oe } from "@stll/folio-core/docx/parser";
 import { getFootnoteText as _ } from "@stll/folio-core/docx/footnoteParser";
-import { convertHeaderFooterPmDocToContent as v, convertHeaderFooterToContent as y } from "@stll/folio-core/layout-bridge/convert/headerFooterLayout";
-import { LayoutPainter as se } from "@stll/folio-core/layout-painter";
-import { LayoutSelectionGate as ce } from "@stll/folio-core/paged-layout/LayoutSelectionGate";
-import { getTransactionDirtyRange as le } from "@stll/folio-core/paged-layout/transactionDirtyRange";
-import { fromProseDoc as b } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
-import { ExtensionManager as ue } from "@stll/folio-core/prosemirror/extensions/ExtensionManager";
-import { getChangedParagraphIds as de, hasStructuralChanges as fe, hasUntrackedChanges as pe } from "@stll/folio-core/prosemirror/extensions/features/ParagraphChangeTrackerExtension";
-import { createStarterKit as me } from "@stll/folio-core/prosemirror/extensions/StarterKit";
-import { createTemplatePreviewValuesPlugin as he } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
-import { templateSlashMenuPlugin as ge } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
-import { findVerticalScrollParent as x } from "@stll/folio-core/utils/findVerticalScrollParent";
-import { MIN_CELL_WIDTH_TWIPS as S, MIN_ROW_HEIGHT_TWIPS as _e, TWIPS_PER_PIXEL as C, commitColumnResize as ve, commitRightEdgeResize as ye, commitRowResize as be, readColumnWidthAt as w, readColumnWidths as xe, readRowHeight as T } from "@stll/folio-core/prosemirror/tableResize";
+import { convertHeaderFooterPmDocToContent as se, convertHeaderFooterToContent as ce } from "@stll/folio-core/layout-bridge/convert/headerFooterLayout";
+import { LayoutPainter as le } from "@stll/folio-core/layout-painter";
+import { LayoutSelectionGate as ue } from "@stll/folio-core/paged-layout/LayoutSelectionGate";
+import { getTransactionDirtyRange as de } from "@stll/folio-core/paged-layout/transactionDirtyRange";
+import { fromProseDoc as v } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
+import { ExtensionManager as fe } from "@stll/folio-core/prosemirror/extensions/ExtensionManager";
+import { getChangedParagraphIds as pe, hasStructuralChanges as me, hasUntrackedChanges as he } from "@stll/folio-core/prosemirror/extensions/features/ParagraphChangeTrackerExtension";
+import { createStarterKit as ge } from "@stll/folio-core/prosemirror/extensions/StarterKit";
+import { createTemplatePreviewValuesPlugin as _e } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
+import { templateSlashMenuPlugin as ve } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
+import { findVerticalScrollParent as y } from "@stll/folio-core/utils/findVerticalScrollParent";
+import { MIN_CELL_WIDTH_TWIPS as b, MIN_ROW_HEIGHT_TWIPS as ye, TWIPS_PER_PIXEL as x, commitColumnResize as be, commitRightEdgeResize as S, commitRowResize as C, readColumnWidthAt as w, readColumnWidths as T, readRowHeight as xe } from "@stll/folio-core/prosemirror/tableResize";
 import { extractTrackedChanges as E } from "@stll/folio-core/prosemirror/utils/extractTrackedChanges";
 //#region src/composables/useDocxEditor.ts
 var Se = 24, Ce = 32, we = 96, Te = 250, Ee = [];
@@ -92,7 +92,7 @@ function k(e, t, n, r, i, a) {
 		...a,
 		rId: t
 	} : a, s = t ? n?.getView(t) : null;
-	return s ? v(s.state.doc, r, i, o) : y(e, r, i, o);
+	return s ? se(s.state.doc, r, i, o) : ce(e, r, i, o);
 }
 function Ae(e, t, n, r, i) {
 	if (!e || e.size === 0) return;
@@ -160,38 +160,38 @@ function Ne() {
 	return typeof document > "u" || !("fonts" in document) ? !0 : document.fonts.status === "loaded";
 }
 function j(e) {
-	let { hiddenContainer: t, pagesContainer: n, readOnly: u = !1, pageGap: _ = Se, documentKey: v, editorMode: y, author: x, externalPlugins: S = [], onAnonymizationMatchesChange: _e, showTemplateDirectives: C, onSlashMenuChange: ve, onSlashMenuKeyAction: ye, onChange: be, onError: w, onSelectionUpdate: xe, onEditorViewReady: T, onReadOnlyEditAttempt: E, featureFlags: D, onSelectiveSaveTripwire: O } = e, A = a(null), j = a(null), M = a(null), N = a(null), P = a([]), F = a([]), I = i(!1), L = i(null), R = i(!1), z = new ue(me());
-	z.buildSchema(), z.initializeRuntime();
-	let B = p(!1), V = d({ onMatchesChange: (e) => _e?.(e) }), H = f(), U = ge({
-		onChange: (e) => ve?.(e),
-		onKeyAction: (e) => ye?.(e) ?? !1
-	}), W = he(), G = () => o(C) === !0;
-	function Pe() {
+	let { hiddenContainer: t, pagesContainer: n, readOnly: u = !1, pageGap: _ = Se, documentKey: se, password: ce, editorMode: y, author: b, externalPlugins: ye = [], onAnonymizationMatchesChange: x, showTemplateDirectives: be, onSlashMenuChange: S, onSlashMenuKeyAction: C, onChange: w, onError: T, onSelectionUpdate: xe, onEditorViewReady: E, onReadOnlyEditAttempt: D, featureFlags: O, onSelectiveSaveTripwire: A } = e, j = a(null), M = a(null), N = a(null), P = a(null), F = a([]), I = a([]), L = i(!1), R = i(null), z = i(!1), B = new fe(ge());
+	B.buildSchema(), B.initializeRuntime();
+	let V = p(!1), H = d({ onMatchesChange: (e) => x?.(e) }), U = f(), W = ve({
+		onChange: (e) => S?.(e),
+		onKeyAction: (e) => C?.(e) ?? !1
+	}), G = _e(), K = () => o(be) === !0;
+	function q() {
 		return [
-			B,
-			...S,
 			V,
-			...G() ? [H, U] : [],
-			W
+			...ye,
+			H,
+			...K() ? [U, W] : [],
+			G
 		];
 	}
-	let K = ee(), q = new ce(), Fe = ae(), Ie = new se({
+	let J = ee(), Y = new ue(), Pe = ae(), Fe = new le({
 		pageGap: _,
 		showShadow: !0
 	});
-	function Le(e) {
-		e.layout && (N.value = e.layout), e.blocks && (P.value = e.blocks), e.measures && (F.value = e.measures), e.blockLookup && Ie.setBlockLookup(e.blockLookup), e.layout && K.emit("layoutComplete", e.layout);
+	function Ie(e) {
+		e.layout && (P.value = e.layout), e.blocks && (F.value = e.blocks), e.measures && (I.value = e.measures), e.blockLookup && Fe.setBlockLookup(e.blockLookup), e.layout && J.emit("layoutComplete", e.layout);
 	}
-	function J(e, t = {}) {
-		let r = n.value, i = r instanceof HTMLDivElement ? r : null, a = A.value, o = a?.package.document, s = o?.sections?.[0]?.properties ?? o?.finalSectionProperties ?? null, u = l(s), d = c(s), f = De(s), p = u.w - d.left - d.right, m = a?.package.styles ?? null, h = a?.package.theme ?? null, ee = a?.package.settings?.defaultTabStop, g = ke(a, s);
+	function X(e, t = {}) {
+		let r = n.value, i = r instanceof HTMLDivElement ? r : null, a = j.value, o = a?.package.document, s = o?.sections?.[0]?.properties ?? o?.finalSectionProperties ?? null, u = l(s), d = c(s), f = De(s), p = u.w - d.left - d.right, m = a?.package.styles ?? null, h = a?.package.theme ?? null, ee = a?.package.settings?.defaultTabStop, g = ke(a, s);
 		try {
-			Le(ne({
+			Ie(ne({
 				contentWidth: p,
 				columns: f,
 				pageSize: u,
 				margins: d,
 				pageGap: _,
-				syncCoordinator: q,
+				syncCoordinator: Y,
 				headerContent: g.header.hf,
 				footerContent: g.footer.hf,
 				firstPageHeaderContent: g.firstHeader.hf,
@@ -206,11 +206,11 @@ function j(e) {
 				document: a,
 				defaultTabStop: ee,
 				styles: m,
-				layout: N.value,
+				layout: P.value,
 				hfPMs: null,
-				painter: Ie,
+				painter: Fe,
 				pagesContainer: i,
-				session: Fe,
+				session: Pe,
 				renderHfFromContentOrPm: k,
 				renderHeaderFooterContentByRId: Ae,
 				documentFontsAreLoaded: Ne,
@@ -220,139 +220,139 @@ function j(e) {
 			}, e, t));
 		} catch (e) {
 			let t = e instanceof Error ? e : Error(String(e));
-			w?.(t);
+			T?.(t);
 		}
 	}
-	let Y = ie({
-		runLayout: (e, t) => J(e, t),
+	let Z = ie({
+		runLayout: (e, t) => X(e, t),
 		debounceMs: Ce,
 		maxDelayMs: we,
 		clock: re
-	}), X = null;
-	function Re() {
-		X !== null && (window.clearTimeout(X), X = null);
-		let e = j.value, t = A.value;
+	}), Q = null;
+	function Le() {
+		Q !== null && (window.clearTimeout(Q), Q = null);
+		let e = M.value, t = j.value;
 		if (!(!e || !t)) try {
-			let n = b(e.state.doc, t);
-			A.value = n, be?.(n), K.emit("docChange", n);
+			let n = v(e.state.doc, t);
+			j.value = n, w?.(n), J.emit("docChange", n);
 		} catch (e) {
-			w?.(e instanceof Error ? e : Error(String(e)));
+			T?.(e instanceof Error ? e : Error(String(e)));
 		}
 	}
-	function ze() {
-		X !== null && window.clearTimeout(X), X = window.setTimeout(() => {
-			X = null, Re();
+	function Re() {
+		Q !== null && window.clearTimeout(Q), Q = window.setTimeout(() => {
+			Q = null, Le();
 		}, Te);
 	}
-	let Z = g({
+	let $ = g({
 		getHost: () => t.value,
-		getDocument: () => A.value,
-		getStyles: () => A.value?.package.styles ?? null,
-		getExtensionManager: () => z,
-		getExternalPlugins: Pe,
+		getDocument: () => j.value,
+		getStyles: () => j.value?.package.styles ?? null,
+		getExtensionManager: () => B,
+		getExternalPlugins: q,
 		getCollaboration: () => void 0,
 		getCollaborationModules: () => null,
 		getPrecomputedInitialState: () => null,
 		getReadOnly: () => o(u),
-		getDocumentKey: () => o(v),
-		getDocumentContext: () => A.value,
-		onTransaction: Be,
+		getDocumentKey: () => o(se),
+		getDocumentContext: () => j.value,
+		onTransaction: ze,
 		onSelectionChange: (e) => {
-			M.value = e, xe?.(e), K.emit("selectionChange", {
+			N.value = e, xe?.(e), J.emit("selectionChange", {
 				from: e.selection.from,
 				to: e.selection.to
 			});
 		},
 		onKeyDown: () => !1,
-		onReadOnlyEditAttempt: () => E?.(),
-		onEditorViewReady: Ve,
+		onReadOnlyEditAttempt: () => D?.(),
+		onEditorViewReady: Be,
 		onEditorViewDestroy: () => {
-			j.value = null, I.value = !1, T?.(null);
+			M.value = null, L.value = !1, E?.(null);
 		},
 		onRemoteSelectionsChange: () => {}
 	});
-	function Be(e, t) {
-		M.value = t, e.docChanged && (R.value = !0, q.incrementStateSeq(), Y.schedule(t, le(e)), ze()), q.requestRender();
+	function ze(e, t) {
+		N.value = t, e.docChanged && (z.value = !0, Y.incrementStateSeq(), Z.schedule(t, de(e)), Re()), Y.requestRender();
 	}
-	function Ve(e) {
-		j.value = e, M.value = e.state, I.value = !0, J(e.state, { reason: "initial" }), q.requestRender(), Ue(e), T?.(e), o(u) || requestAnimationFrame(() => {
-			j.value === e && e.focus();
+	function Be(e) {
+		M.value = e, N.value = e.state, L.value = !0, X(e.state, { reason: "initial" }), Y.requestRender(), He(e), E?.(e), o(u) || requestAnimationFrame(() => {
+			M.value === e && e.focus();
 		});
 	}
-	let He = h({
-		getEditorApi: () => Z.api,
-		getLayout: () => N.value,
-		runLayout: (e, t) => J(e, t),
-		emitter: K
+	let Ve = h({
+		getEditorApi: () => $.api,
+		getLayout: () => P.value,
+		runLayout: (e, t) => X(e, t),
+		emitter: J
 	});
-	function Ue(e) {
-		m(o(y) === "suggesting", e.state, e.dispatch, o(x));
+	function He(e) {
+		m(o(y) === "suggesting", e.state, e.dispatch, o(b));
 	}
-	s([() => o(y), () => o(x)], () => {
-		let e = j.value;
-		e && Ue(e);
-	}), s(() => o(u), () => Z.syncEditable());
-	function We(e) {
-		let t = G();
-		if (t === e.state.plugins.includes(H)) return;
-		let n = e.state.plugins.filter((e) => e !== H && e !== U);
+	s([() => o(y), () => o(b)], () => {
+		let e = M.value;
+		e && He(e);
+	}), s(() => o(u), () => $.syncEditable());
+	function Ue(e) {
+		let t = K();
+		if (t === e.state.plugins.includes(U)) return;
+		let n = e.state.plugins.filter((e) => e !== U && e !== W);
 		if (t) {
-			let e = n.indexOf(W), t = e === -1 ? n.length : e;
-			n.splice(t, 0, H, U);
+			let e = n.indexOf(G), t = e === -1 ? n.length : e;
+			n.splice(t, 0, U, W);
 		}
 		e.updateState(e.state.reconfigure({ plugins: n }));
 	}
-	s(() => G(), () => {
-		let e = j.value;
-		e && We(e);
+	s(() => K(), () => {
+		let e = M.value;
+		e && Ue(e);
 	});
-	function Ge() {
-		Z.ensureView();
+	function We() {
+		$.ensureView();
 	}
-	function Q() {
-		R.value = !1, Y.dispose(), Z.destroyView(), Z.ensureView(), Z.getView() || Ke();
+	function Ge() {
+		z.value = !1, Z.dispose(), $.destroyView(), $.ensureView(), $.getView() || Ke();
 	}
 	function Ke() {
-		let e = A.value;
+		let e = j.value;
 		if (e) try {
 			let t = te({
 				document: e,
 				styles: e.package.styles ?? null,
-				manager: z,
-				externalPlugins: Pe(),
+				manager: B,
+				externalPlugins: q(),
 				collaborationModules: null,
 				reason: "mount"
 			});
-			M.value = t, J(t, { reason: "initial" });
+			N.value = t, X(t, { reason: "initial" });
 		} catch (e) {
-			w?.(e instanceof Error ? e : Error(String(e)));
+			T?.(e instanceof Error ? e : Error(String(e)));
 		}
 	}
 	s([t, n], () => {
-		t.value && A.value && !Z.getView() && Ge();
+		t.value && j.value && !$.getView() && We();
 	}, { flush: "post" });
 	async function qe(e) {
-		L.value = null, I.value = !1;
+		R.value = null, L.value = !1;
 		try {
-			A.value = await oe(e), Q();
+			j.value = await oe(e, { password: o(ce) }), Ge();
 		} catch (e) {
 			let t = e instanceof Error ? e : Error(String(e));
-			L.value = t.message, w?.(t);
+			R.value = t.message, T?.(t);
 		}
 	}
 	function Je(e) {
-		L.value = null, A.value = e, Q();
+		R.value = null, j.value = e, Ge();
 	}
 	async function Ye(e) {
-		let t = j.value, n = A.value;
+		let t = M.value, n = j.value;
 		if (!t || !n) return null;
-		let r = t.state, { resolveSelectiveSaveFlags: i } = await import("@stll/folio-core/docx/selectiveSaveFlags"), a = i(o(D)), s = b(r.doc, n), c = s.originalBuffer ?? null, l = a.selectiveSave && e?.selective !== !1, u = l || a.selectiveSaveTripwire, { repackDocx: d, createDocx: f } = await import("@stll/folio-core/docx/rezip"), p = null;
+		let r = t.state, { resolveSelectiveSaveFlags: i } = await import("@stll/folio-core/docx/selectiveSaveFlags"), a = i(o(O)), s = v(r.doc, n), c = s.originalBuffer ?? null, l = a.selectiveSave && e?.selective !== !1, u = l || a.selectiveSaveTripwire, { repackDocx: d, createDocx: f } = await import("@stll/folio-core/docx/rezip"), p = null;
 		if (u && c) {
 			let { attemptSelectiveSave: e } = await import("@stll/folio-core/docx/selectiveSave");
 			p = await e(s, c, {
-				changedParaIds: de(r),
-				structuralChange: fe(r),
-				hasUntrackedChanges: pe(r),
+				changedParaIds: pe(r),
+				structuralChange: me(r),
+				hasUntrackedChanges: he(r),
 				maxBytes: a.selectiveSaveMaxBytes
 			});
 		}
@@ -361,41 +361,41 @@ function j(e) {
 		else if (a.selectiveSaveTripwire) try {
 			h = await d(s);
 		} catch {}
-		if (a.selectiveSaveTripwire && h && O) try {
+		if (a.selectiveSaveTripwire && h && A) try {
 			let { compareSelectiveVsFull: e } = await import("@stll/folio-core/docx/selectiveSaveTripwire");
-			O(await e(p, h));
+			A(await e(p, h));
 		} catch {}
-		return R.value = !1, new Blob([m], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
+		return z.value = !1, new Blob([m], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
 	}
 	function Xe() {
-		return A.value;
+		return j.value;
 	}
 	function Ze(e) {
-		A.value = e;
+		j.value = e;
 	}
 	function Qe() {
-		return z.getCommands();
+		return B.getCommands();
 	}
 	function $e() {
-		j.value?.focus();
+		M.value?.focus();
 	}
 	function et() {
-		let e = j.value;
-		e && J(e.state, { reason: "manual" });
-	}
-	function $() {
-		Y.dispose(), X !== null && (window.clearTimeout(X), X = null), Z.destroyView(), z.destroy(), M.value = null, N.value = null, A.value = null, I.value = !1;
-	}
-	return r($), {
-		editor: He,
-		editorView: j,
-		editorState: M,
-		isReady: I,
-		isDirty: R,
-		parseError: L,
-		layout: N,
-		blocks: P,
-		measures: F,
+		let e = M.value;
+		e && X(e.state, { reason: "manual" });
+	}
+	function tt() {
+		Z.dispose(), Q !== null && (window.clearTimeout(Q), Q = null), $.destroyView(), B.destroy(), N.value = null, P.value = null, j.value = null, L.value = !1;
+	}
+	return r(tt), {
+		editor: Ve,
+		editorView: M,
+		editorState: N,
+		isReady: L,
+		isDirty: z,
+		parseError: R,
+		layout: P,
+		blocks: F,
+		measures: I,
 		loadBuffer: qe,
 		loadDocument: Je,
 		save: Ye,
@@ -404,7 +404,7 @@ function j(e) {
 		getCommands: Qe,
 		focus: $e,
 		reLayout: et,
-		destroy: $
+		destroy: tt
 	};
 }
 function M(e, t) {
@@ -425,7 +425,7 @@ function N({ pagesContainer: e, onScrollExtendSelection: t }) {
 	function c() {
 		if (s) return s;
 		let t = e.value;
-		return t ? (s = x(t), s) : null;
+		return t ? (s = y(t), s) : null;
 	}
 	function l() {
 		o = !1, n !== null && (cancelAnimationFrame(n), n = null);
@@ -494,8 +494,8 @@ function P() {
 			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 * C), a = e.origWidths.left + i, o = e.origWidths.right - i;
-			a >= S && o >= S && (e.origWidths = {
+			let i = Math.round(t * x), a = e.origWidths.left + i, o = e.origWidths.right - i;
+			a >= b && o >= b && (e.origWidths = {
 				left: a,
 				right: o
 			});
@@ -505,21 +505,21 @@ function P() {
 			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 * C), a = t.origHeight + i;
-			a >= _e && (t.origHeight = a);
+			let i = Math.round(e * x), a = t.origHeight + i;
+			a >= ye && (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 * C), a = n.origWidth + i;
-			a >= S && (n.origWidth = a);
+			let i = Math.round(e * x), a = n.origWidth + i;
+			a >= b && (n.origWidth = a);
 		}
 	}
 	function s(i) {
 		if (e.active) {
-			e.active = !1, e.handle?.classList.remove("dragging"), r && ve(r, {
+			e.active = !1, e.handle?.classList.remove("dragging"), r && be(r, {
 				pmStart: e.tablePmStart,
 				colIdx: e.columnIndex,
 				newLeft: e.origWidths.left,
@@ -528,14 +528,14 @@ function P() {
 			return;
 		}
 		if (t.active) {
-			t.active = !1, t.handle?.classList.remove("dragging"), r && be(r, {
+			t.active = !1, t.handle?.classList.remove("dragging"), r && C(r, {
 				pmStart: t.tablePmStart,
 				rowIdx: t.rowIndex,
 				newHeight: t.origHeight
 			}), t.handle = null;
 			return;
 		}
-		n.active && (n.active = !1, n.handle?.classList.remove("dragging"), r && ye(r, {
+		n.active && (n.active = !1, n.handle?.classList.remove("dragging"), r && S(r, {
 			pmStart: n.tablePmStart,
 			colIdx: n.columnIndex,
 			newWidth: n.origWidth
@@ -553,17 +553,17 @@ function P() {
 	};
 }
 function F(e, t) {
-	let n = xe(e, t.tablePmStart, t.columnIndex);
+	let n = T(e, t.tablePmStart, t.columnIndex);
 	n && (t.origWidths = n);
 }
 function I(e, t, n) {
-	let r = T(e, t.tablePmStart, t.rowIndex);
+	let r = xe(e, t.tablePmStart, t.rowIndex);
 	if (r != null) {
 		t.origHeight = r;
 		return;
 	}
 	let i = n.closest(".layout-table")?.querySelector(`[data-row-index="${t.rowIndex}"]`), a = i ? i.getBoundingClientRect().height : 30;
-	t.origHeight = Math.round(a * C);
+	t.origHeight = Math.round(a * x);
 }
 function L(e, t) {
 	let n = w(e, t.tablePmStart, t.columnIndex);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-vue",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Vue 3 editor for folio: a Word-document (.docx) editor for the browser, built on @stll/folio-core and ProseMirror.",
   "keywords": [
     "document-editor",