@stll/folio-vue 0.9.0 → 0.11.0

package/dist/useZoom-DwDDS7hq.js

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