@stll/folio-vue 0.8.0 → 0.9.0

package/dist/useZoom-C0p0o54p.js

@@ -0,0 +1,656 @@
+import { computed as e, onBeforeUnmount as t, onMounted as n, onScopeDispose as r, ref as i, shallowRef as a, toValue as o, watch as s } from "vue";
+import { getMargins as c, getPageSize as l, twipsToPixels as u } from "@stll/folio-core/paged-layout/sectionGeometry";
+import { createAnonymizationDecorationsPlugin as d } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
+import { createTemplateDirectivesPlugin as f } from "@stll/folio-core/prosemirror/plugins/templateDirectives";
+import { createSuggestionModePlugin as p, setSuggestionMode as m } from "@stll/folio-core/prosemirror/plugins/suggestionMode";
+import { createFolioEditor as h } from "@stll/folio-core/controller/folioEditor";
+import { createFolioEditorEmitter as g } from "@stll/folio-core/controller/folioEditorEvents";
+import { loadCollaborationModules as _ } from "@stll/folio-core/controller/collaborationModules";
+import { createHeaderFooterEditorManager as ee } from "@stll/folio-core/controller/headerFooterEditorManager";
+import { collectRemoteSelections as v, createHiddenEditorManager as te, createHiddenEditorState as ne } from "@stll/folio-core/controller/hiddenEditorManager";
+import { runLayoutPipeline as re } from "@stll/folio-core/controller/layoutPipeline";
+import { browserClock as ie, createLayoutScheduler as ae } from "@stll/folio-core/controller/layoutScheduler";
+import { createLayoutSession as oe } from "@stll/folio-core/controller/layoutSession";
+import { parseDocx as se } from "@stll/folio-core/docx/parser";
+import { getFootnoteText as y } from "@stll/folio-core/docx/footnoteParser";
+import { convertHeaderFooterPmDocToContent as b, convertHeaderFooterToContent as ce } from "@stll/folio-core/layout-bridge/convert/headerFooterLayout";
+import { resolveSectionHeaderFooterRefs as le } from "@stll/folio-core/layout-engine";
+import { LayoutPainter as ue } from "@stll/folio-core/layout-painter";
+import { LayoutSelectionGate as de } from "@stll/folio-core/paged-layout/LayoutSelectionGate";
+import { getTransactionDirtyRange as fe } from "@stll/folio-core/paged-layout/transactionDirtyRange";
+import { fromProseDoc as pe } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
+import { ExtensionManager as me } from "@stll/folio-core/prosemirror/extensions/ExtensionManager";
+import { getChangedParagraphIds as he, hasStructuralChanges as ge, hasUntrackedChanges as _e } from "@stll/folio-core/prosemirror/extensions/features/ParagraphChangeTrackerExtension";
+import { createStarterKit as ve } from "@stll/folio-core/prosemirror/extensions/StarterKit";
+import { createTemplatePreviewValuesPlugin as ye } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
+import { templateSlashMenuPlugin as be } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
+import { resolveHeaderFooterContent as xe } from "@stll/folio-core/utils/headerFooter";
+import { findVerticalScrollParent as Se } from "@stll/folio-core/utils/findVerticalScrollParent";
+import { MIN_CELL_WIDTH_TWIPS as x, MIN_ROW_HEIGHT_TWIPS as S, TWIPS_PER_PIXEL as C, commitColumnResize as w, commitRightEdgeResize as Ce, commitRowResize as we, readColumnWidthAt as Te, readColumnWidths as Ee, readRowHeight as De } from "@stll/folio-core/prosemirror/tableResize";
+import { extractTrackedChanges as T } from "@stll/folio-core/prosemirror/utils/extractTrackedChanges";
+import { ZOOM_MAX as E, ZOOM_MIN as D, ZOOM_STEP as Oe } from "@stll/folio-core/utils/zoom";
+//#region src/composables/useDocxEditor.ts
+var ke = 24, Ae = 32, je = 96, Me = 250, Ne = [];
+function Pe(e) {
+	let t = e?.columnCount ?? 1;
+	if (t <= 1) return;
+	let n = {
+		count: t,
+		gap: u(e?.columnSpace ?? 720),
+		equalWidth: e?.equalWidth ?? !0
+	};
+	return e?.separator !== void 0 && (n.separator = e.separator), n;
+}
+function Fe(e, t, n, r, i, a) {
+	if (!e) return;
+	let o = t ? {
+		...a,
+		rId: t
+	} : a, s = t ? n?.getView(t) : null;
+	return s ? b(s.state.doc, r, i, o) : ce(e, r, i, o);
+}
+function Ie(e, t, n, r, i) {
+	if (!e || e.size === 0) return;
+	let a = /* @__PURE__ */ new Map();
+	for (let [o, s] of e) {
+		let e = Fe(s, o, t, n, r, i);
+		e && a.set(o, e);
+	}
+	return a.size > 0 ? a : void 0;
+}
+function Le(e, t, n) {
+	let r = /* @__PURE__ */ new Map();
+	if (!n || !n.package.footnotes) return r;
+	let i = /* @__PURE__ */ new Map();
+	for (let e of n.package.footnotes) e.noteType && e.noteType !== "normal" || i.set(e.id, e);
+	for (let [n, a] of e) {
+		let e = [];
+		for (let n of a) {
+			let r = i.get(n);
+			if (!r) continue;
+			let a = t.get(n), o = a?.displayNumber ?? 0;
+			e.push({
+				displayNumber: String(o),
+				text: y(r),
+				...a ? { content: {
+					blocks: a.blocks,
+					measures: a.measures,
+					height: a.height
+				} } : {}
+			});
+		}
+		e.length > 0 && r.set(n, e);
+	}
+	return r;
+}
+var Re = /* @__PURE__ */ new Set([
+	"black",
+	"blue",
+	"cyan",
+	"darkBlue",
+	"darkCyan",
+	"darkGray",
+	"darkGreen",
+	"darkMagenta",
+	"darkRed",
+	"darkYellow",
+	"green",
+	"lightGray",
+	"magenta",
+	"none",
+	"red",
+	"white",
+	"yellow"
+]);
+function ze(e) {
+	let t = [], n = (e, r) => {
+		for (let [n, i] of e.marks.entries()) i.type.name === "highlight" && !Re.has(String(i.attrs.color)) && t.push(`${r}.marks[${n}]=${JSON.stringify(i.attrs)}`);
+		e.forEach((e, t, i) => {
+			n(e, `${r}.content[${i}]`);
+		});
+	};
+	return n(e, "doc"), t.join("; ");
+}
+function Be() {
+	return typeof document > "u" || !("fonts" in document) || document.fonts.status === "loaded";
+}
+function O(e) {
+	let { hiddenContainer: t, hiddenHeaderFooterContainer: n, pagesContainer: u, readOnly: y = !1, pageGap: b = ke, documentKey: ce, password: Se, editorMode: x, author: S, externalPlugins: C = [], collaboration: w, onAnonymizationMatchesChange: Ce, showTemplateDirectives: we, onSlashMenuChange: Te, onSlashMenuKeyAction: Ee, onChange: De, onError: T, onSelectionUpdate: E, onEditorViewReady: D, onReadOnlyEditAttempt: Oe, featureFlags: Re, onSelectiveSaveTripwire: O } = e, k = n ?? t, A = a(null), j = a(null), M = a(null), N = a(null), P = a([]), F = a(null), I = a(null), L = a([]), R = a([]), z = i(!1), B = i(null), V = i(!1), H = new me(ve());
+	H.buildSchema(), H.initializeRuntime();
+	let Ve = p(!1), He = d({ onMatchesChange: (e) => Ce?.(e) }), U = f(), W = be({
+		onChange: (e) => Te?.(e),
+		onKeyAction: (e) => Ee?.(e) ?? !1
+	}), Ue = ye(), G = () => o(we) === !0;
+	function We() {
+		return [
+			Ve,
+			...C,
+			...o(w)?.plugins ?? [],
+			He,
+			...G() ? [U, W] : [],
+			Ue
+		];
+	}
+	let K = g(), q = new de(), Ge = oe(), Ke = new ue({
+		pageGap: b,
+		showShadow: !0
+	}), J = ee({
+		getHost: () => k.value,
+		getDocument: () => A.value,
+		getStyles: () => A.value?.package.styles ?? null,
+		getTheme: () => A.value?.package.theme ?? null,
+		onTransaction: ({ rId: e, kind: t, view: n, docChanged: r, selectionChanged: i }) => {
+			if (r) {
+				V.value = !0;
+				let e = j.value;
+				e && X.schedule(e.state, null);
+			}
+			if (r || i) {
+				let { from: r, to: i } = n.state.selection;
+				F.value = {
+					from: r,
+					kind: t,
+					rId: e,
+					to: i
+				}, E?.(n.state), K.emit("selectionChange", {
+					from: r,
+					to: i
+				});
+			}
+			q.requestRender();
+		}
+	});
+	function qe(e) {
+		e.layout && (I.value = e.layout), e.blocks && (L.value = e.blocks), e.measures && (R.value = e.measures), e.blockLookup && Ke.setBlockLookup(e.blockLookup), e.layout && K.emit("layoutComplete", e.layout);
+	}
+	function Y(e, t = {}) {
+		let n = u.value, r = n instanceof HTMLDivElement ? n : null, i = A.value, a = i?.package.document, o = a?.sections?.[0]?.properties ?? a?.finalSectionProperties ?? null, s = l(o), d = c(o), f = Pe(o), p = s.w - d.left - d.right, m = i?.package.styles ?? null, h = i?.package.theme ?? null, g = i?.package.settings?.defaultTabStop, _ = i?.package.settings, ee = _ !== void 0 && "mirrorMargins" in _ && _.mirrorMargins === !0, v = xe(i?.package);
+		try {
+			qe(re({
+				contentWidth: p,
+				columns: f,
+				pageSize: s,
+				margins: d,
+				pageGap: b,
+				syncCoordinator: q,
+				headerContent: v.headerContent,
+				footerContent: v.footerContent,
+				firstPageHeaderContent: v.firstPageHeaderContent,
+				firstPageFooterContent: v.firstPageFooterContent,
+				headerContentRId: v.activeHeaderRId,
+				footerContentRId: v.activeFooterRId,
+				firstPageHeaderContentRId: v.activeFirstHeaderRId,
+				firstPageFooterContentRId: v.activeFirstFooterRId,
+				sectionHeaderFooterRefs: le(i),
+				theme: h,
+				sectionProperties: o,
+				document: i,
+				defaultTabStop: g,
+				mirrorMargins: ee,
+				styles: m,
+				layout: I.value,
+				hfPMs: J,
+				painter: Ke,
+				pagesContainer: r,
+				session: Ge,
+				renderHfFromContentOrPm: Fe,
+				renderHeaderFooterContentByRId: Ie,
+				documentFontsAreLoaded: Be,
+				buildFootnoteRenderItems: Le,
+				describeInvalidHighlightMarks: ze,
+				emptyTemplatePreviewEntries: Ne
+			}, e, t));
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			T?.(t);
+		}
+	}
+	let X = ae({
+		runLayout: (e, t) => Y(e, t),
+		debounceMs: Ae,
+		maxDelayMs: je,
+		clock: ie
+	}), Z = null;
+	function Je() {
+		Z !== null && (window.clearTimeout(Z), Z = null);
+		let e = j.value, t = A.value;
+		if (!(!e || !t)) try {
+			let n = pe(e.state.doc, t);
+			A.value = n, J.sync(), De?.(n), K.emit("docChange", n);
+		} catch (e) {
+			T?.(e instanceof Error ? e : Error(String(e)));
+		}
+	}
+	function Ye() {
+		Z !== null && window.clearTimeout(Z), Z = window.setTimeout(() => {
+			Z = null, Je();
+		}, Me);
+	}
+	let Q = te({
+		getHost: () => t.value,
+		getDocument: () => A.value,
+		getStyles: () => A.value?.package.styles ?? null,
+		getExtensionManager: () => H,
+		getExternalPlugins: We,
+		getCollaboration: () => o(w),
+		getCollaborationModules: () => N.value,
+		getPrecomputedInitialState: () => null,
+		getReadOnly: () => o(y),
+		getDocumentKey: () => o(ce),
+		getDocumentContext: () => A.value,
+		onTransaction: Xe,
+		onSelectionChange: (e) => {
+			M.value = e, E?.(e), K.emit("selectionChange", {
+				from: e.selection.from,
+				to: e.selection.to
+			});
+		},
+		onKeyDown: () => !1,
+		onReadOnlyEditAttempt: () => Oe?.(),
+		onEditorViewReady: Ze,
+		onEditorViewDestroy: () => {
+			j.value = null, z.value = !1, D?.(null);
+		},
+		onRemoteSelectionsChange: (e) => {
+			P.value = e;
+		}
+	}), $ = () => {
+		let e = o(w)?.awareness, t = N.value, n = Q.getView();
+		P.value = e && t && n ? v(n.state, e, t) : [];
+	};
+	s(() => o(w), (e, t, n) => {
+		if (P.value = [], !e) {
+			N.value = null, Q.retryViewCreation(), Q.syncExternalDocument();
+			return;
+		}
+		let r = !1;
+		n(() => {
+			r = !0;
+		}), N.value = null, _().then((e) => {
+			r || (N.value = e, Q.retryViewCreation(), Q.syncExternalDocument(), $());
+		}, (e) => {
+			r || (N.value = null, T?.(e instanceof Error ? e : Error(String(e))));
+		});
+	}, { immediate: !0 }), s(() => ({
+		awareness: o(w)?.awareness,
+		modules: N.value,
+		view: j.value
+	}), ({ awareness: e, modules: t, view: n }, r, i) => {
+		if (!e || !t || !n) {
+			P.value = [];
+			return;
+		}
+		e.on("change", $), $(), i(() => {
+			e.off("change", $), P.value = [];
+		});
+	}, { flush: "post" });
+	function Xe(e, t) {
+		M.value = t, e.docChanged && (V.value = !0, q.incrementStateSeq(), X.schedule(t, fe(e)), Ye()), q.requestRender();
+	}
+	function Ze(e) {
+		j.value = e, M.value = e.state, z.value = !0, Y(e.state, { reason: "initial" }), q.requestRender(), $e(e), D?.(e), o(y) || requestAnimationFrame(() => {
+			j.value === e && e.focus();
+		});
+	}
+	let Qe = h({
+		getEditorApi: () => Q.api,
+		getLayout: () => I.value,
+		runLayout: (e, t) => Y(e, t),
+		emitter: K
+	});
+	function $e(e) {
+		m(o(x) === "suggesting", e.state, e.dispatch, o(S));
+	}
+	s([() => o(x), () => o(S)], () => {
+		let e = j.value;
+		e && $e(e);
+	}), s(() => o(y), () => Q.syncEditable());
+	function et(e) {
+		let t = G();
+		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(Ue), 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 && et(e);
+	});
+	function tt() {
+		Q.ensureView();
+	}
+	function nt() {
+		V.value = !1, F.value = null, X.dispose(), Q.destroyView(), J.sync(), Q.ensureView(), Q.getView() || rt();
+	}
+	function rt() {
+		let e = A.value;
+		if (!(!e || o(w))) try {
+			let t = ne({
+				document: e,
+				styles: e.package.styles ?? null,
+				manager: H,
+				externalPlugins: We(),
+				collaborationModules: null,
+				reason: "mount"
+			});
+			M.value = t, Y(t, { reason: "initial" });
+		} catch (e) {
+			T?.(e instanceof Error ? e : Error(String(e)));
+		}
+	}
+	s([
+		t,
+		u,
+		k
+	], () => {
+		t.value && A.value && !Q.getView() && tt(), J.sync();
+	}, { flush: "post" });
+	async function it(e) {
+		B.value = null, z.value = !1;
+		try {
+			let t = await se(e, { password: o(Se) });
+			A.value = t, nt();
+		} catch (e) {
+			let t = e instanceof Error ? e : Error(String(e));
+			B.value = t.message, T?.(t);
+		}
+	}
+	function at(e) {
+		B.value = null, A.value = e, nt();
+	}
+	async function ot(e) {
+		let t = j.value, n = A.value;
+		if (!t || !n) return null;
+		let r = J.snapshotDocument(n), i = t.state, { resolveSelectiveSaveFlags: a } = await import("@stll/folio-core/docx/selectiveSaveFlags"), s = a(o(Re)), c = pe(i.doc, r), l = c.originalBuffer ?? null, u = s.selectiveSave && e?.selective !== !1, d = u || s.selectiveSaveTripwire, { repackDocx: f, createDocx: p } = await import("@stll/folio-core/docx/rezip"), m = null;
+		if (d && l) {
+			let { attemptSelectiveSave: e } = await import("@stll/folio-core/docx/selectiveSave");
+			m = await e(c, l, {
+				changedParaIds: he(i),
+				structuralChange: ge(i),
+				hasUntrackedChanges: _e(i),
+				maxBytes: s.selectiveSaveMaxBytes
+			});
+		}
+		let h = u ? m : null, g = null;
+		if (!h) g = l ? await f(c) : await p(c), h = g;
+		else if (s.selectiveSaveTripwire) try {
+			g = await f(c);
+		} catch {}
+		if (s.selectiveSaveTripwire && g && O) try {
+			let { compareSelectiveVsFull: e } = await import("@stll/folio-core/docx/selectiveSaveTripwire");
+			O(await e(m, g));
+		} catch {}
+		return A.value = c, J.sync(), V.value = !1, new Blob([h], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
+	}
+	function st() {
+		let e = A.value;
+		return e ? J.snapshotDocument(e) : null;
+	}
+	function ct(e) {
+		A.value = e, J.sync();
+	}
+	function lt(e) {
+		return J.getView(e);
+	}
+	function ut() {
+		J.sync();
+	}
+	function dt() {
+		return H.getCommands();
+	}
+	function ft() {
+		j.value?.focus();
+	}
+	function pt() {
+		let e = j.value;
+		e && Y(e.state, { reason: "manual" });
+	}
+	function mt() {
+		X.dispose(), Z !== null && (window.clearTimeout(Z), Z = null), Q.destroyView(), P.value = [], J.destroy(), H.destroy(), M.value = null, I.value = null, A.value = null, z.value = !1;
+	}
+	return r(mt), {
+		editor: Qe,
+		editorView: j,
+		editorState: M,
+		remoteSelections: P,
+		headerFooterSelection: F,
+		isReady: z,
+		isDirty: V,
+		parseError: B,
+		layout: I,
+		blocks: L,
+		measures: R,
+		syncCoordinator: q,
+		loadBuffer: it,
+		loadDocument: at,
+		save: ot,
+		getDocument: st,
+		setDocument: ct,
+		getHeaderFooterView: lt,
+		syncHeaderFooterViews: ut,
+		getCommands: dt,
+		focus: ft,
+		reLayout: pt,
+		destroy: mt
+	};
+}
+function k(e, t) {
+	if (t < e.top + 40) {
+		let n = Math.max(0, e.top + 40 - t);
+		return -Math.min(12, n / 40 * 12);
+	}
+	if (t > e.bottom - 40) {
+		let n = Math.max(0, t - (e.bottom - 40));
+		return Math.min(12, n / 40 * 12);
+	}
+	return 0;
+}
+//#endregion
+//#region src/composables/useDragAutoScroll.ts
+function A({ pagesContainer: e, onScrollExtendSelection: t }) {
+	let n = null, i = 0, a = 0, o = !1, s = null;
+	function c() {
+		if (s) return s;
+		let t = e.value;
+		return t ? (s = Se(t), s) : null;
+	}
+	function l() {
+		o = !1, n !== null && (cancelAnimationFrame(n), n = null);
+	}
+	function u() {
+		if (!o) return;
+		let e = c();
+		if (!e) return;
+		let r = k(e.getBoundingClientRect(), a);
+		r !== 0 && (e.scrollTop += r, t(i, a)), n = requestAnimationFrame(u);
+	}
+	function d() {
+		o || (o = !0, n = requestAnimationFrame(u));
+	}
+	function f(e, t) {
+		if (i = e, a = t, !o) {
+			let e = c();
+			if (!e) return;
+			let n = e.getBoundingClientRect();
+			(t < n.top + 40 || t > n.bottom - 40) && d();
+		}
+	}
+	return r(() => l()), {
+		updateMousePosition: f,
+		stopAutoScroll: l
+	};
+}
+//#endregion
+//#region src/composables/useTableResize.ts
+function j() {
+	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 instanceof HTMLElement ? 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), M(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), N(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), P(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 * C), a = e.origWidths.left + i, o = e.origWidths.right - i;
+			a >= x && o >= x && (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 * C), a = t.origHeight + i;
+			a >= S && (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 >= x && (n.origWidth = a);
+		}
+	}
+	function s(i) {
+		if (e.active) {
+			e.active = !1, e.handle?.classList.remove("dragging"), r && w(r, {
+				pmStart: e.tablePmStart,
+				colIdx: e.columnIndex,
+				newLeft: e.origWidths.left,
+				newRight: e.origWidths.right
+			}), e.handle = null;
+			return;
+		}
+		if (t.active) {
+			t.active = !1, t.handle?.classList.remove("dragging"), r && we(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 && Ce(r, {
+			pmStart: n.tablePmStart,
+			colIdx: n.columnIndex,
+			newWidth: n.origWidth
+		}), 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 M(e, t) {
+	let n = Ee(e, t.tablePmStart, t.columnIndex);
+	n && (t.origWidths = n);
+}
+function N(e, t, n) {
+	let r = De(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);
+}
+function P(e, t) {
+	let n = Te(e, t.tablePmStart, t.columnIndex);
+	n != null && (t.origWidth = n);
+}
+//#endregion
+//#region src/composables/useTrackedChanges.ts
+function F(t, n) {
+	return e(() => (n.value, T(t.value?.state ?? null)));
+}
+//#endregion
+//#region src/composables/useZoom.ts
+var I = D, L = E, R = [
+	.5,
+	.75,
+	1,
+	1.25,
+	1.5,
+	2
+];
+function z(r = 1) {
+	let a = i(Math.max(I, Math.min(L, r))), 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 + Oe);
+	}
+	function d() {
+		l(a.value - Oe);
+	}
+	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: R
+	};
+}
+//#endregion
+export { A as a, j as i, T as n, O as o, F as r, z as t };

package/dist/zIndex-CYoLNG_N.cjs

@@ -0,0 +1 @@
+var e={selectionOverlay:10,decorationLayer:11,remoteSelection:12,imageOverlay:15,hfInlineEditor:10,ruler:30,dropdown:100,contextMenu:1e4};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/{zIndex-BY0qa8Au.js → zIndex-Ei9BbHSW.js}

@@ -2,6 +2,7 @@
 var e = {
 	selectionOverlay: 10,
 	decorationLayer: 11,
+	remoteSelection: 12,
 	imageOverlay: 15,
 	hfInlineEditor: 10,
 	ruler: 30,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-vue",
-  "version": "0.8.0",
+  "version": "0.9.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",