@stll/folio-vue - npm Package Compare versions

Comparing version

0.6.1

0.7.0

+1

dist/useZoom-C7jhL696.cjs

+615

dist/useZoom-zJvuJlUd.js

		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 ee } from "@stll/folio-core/controller/folioEditorEvents";
		import { createHiddenEditorManager as g, createHiddenEditorState as _ } from "@stll/folio-core/controller/hiddenEditorManager";
		import { runLayoutPipeline as te } from "@stll/folio-core/controller/layoutPipeline";
		import { browserClock as v, createLayoutScheduler as ne } from "@stll/folio-core/controller/layoutScheduler";
		import { createLayoutSession as re } from "@stll/folio-core/controller/layoutSession";
		import { parseDocx as ie } from "@stll/folio-core/docx/parser";
		import { getFootnoteText as y } from "@stll/folio-core/docx/footnoteParser";
		import { convertHeaderFooterPmDocToContent as b, convertHeaderFooterToContent as x } from "@stll/folio-core/layout-bridge/convert/headerFooterLayout";
		import { resolveSectionHeaderFooterRefs as ae } from "@stll/folio-core/layout-engine";
		import { LayoutPainter as oe } from "@stll/folio-core/layout-painter";
		import { LayoutSelectionGate as se } from "@stll/folio-core/paged-layout/LayoutSelectionGate";
		import { getTransactionDirtyRange as ce } from "@stll/folio-core/paged-layout/transactionDirtyRange";
		import { fromProseDoc as le } 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 S } from "@stll/folio-core/utils/findVerticalScrollParent";
		import { MIN_CELL_WIDTH_TWIPS as C, MIN_ROW_HEIGHT_TWIPS as _e, TWIPS_PER_PIXEL as w, commitColumnResize as T, commitRightEdgeResize as E, commitRowResize as D, readColumnWidthAt as ve, readColumnWidths as O, readRowHeight as ye } from "@stll/folio-core/prosemirror/tableResize";
		import { extractTrackedChanges as k } from "@stll/folio-core/prosemirror/utils/extractTrackedChanges";
		import { ZOOM_MAX as be, ZOOM_MIN as xe, ZOOM_STEP as A } from "@stll/folio-core/utils/zoom";
		//#region src/composables/useDocxEditor.ts
		var Se = 24, Ce = 32, we = 96, Te = 250, Ee = [];
		function De(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;
		}
		var j = {
		hf: null,
		rId: null
		};
		function Oe(e, t) {
		let n = e?.package;
		if (!n \|\| !t) return {
		header: j,
		footer: j,
		firstHeader: j,
		firstFooter: j
		};
		let r = n.headers, i = n.footers, a = (e) => e ? r?.get(e) ?? null : null, o = (e) => e ? i?.get(e) ?? null : null, s = null, c = null;
		for (let e of t.headerReferences ?? []) e.type === "default" ? s = e.rId : e.type === "first" && (c = e.rId);
		let l = null, u = null;
		for (let e of t.footerReferences ?? []) e.type === "default" ? l = e.rId : e.type === "first" && (u = e.rId);
		return {
		header: {
		hf: a(s),
		rId: s
		},
		footer: {
		hf: o(l),
		rId: l
		},
		firstHeader: {
		hf: a(c),
		rId: c
		},
		firstFooter: {
		hf: o(u),
		rId: u
		}
		};
		}
		function M(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) : x(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 = M(s, o, t, n, r, i);
		e && a.set(o, e);
		}
		return a.size > 0 ? a : void 0;
		}
		function Ae(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 N = /* @__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" && !N.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 Me() {
		return typeof document > "u" \|\| !("fonts" in document) \|\| document.fonts.status === "loaded";
		}
		function P(e) {
		let { hiddenContainer: t, pagesContainer: n, readOnly: u = !1, pageGap: y = Se, documentKey: b, password: x, editorMode: S, author: C, externalPlugins: _e = [], onAnonymizationMatchesChange: w, showTemplateDirectives: T, onSlashMenuChange: E, onSlashMenuKeyAction: D, onChange: ve, onError: O, onSelectionUpdate: ye, onEditorViewReady: k, onReadOnlyEditAttempt: be, featureFlags: xe, onSelectiveSaveTripwire: A } = e, j = a(null), N = a(null), P = a(null), F = a(null), I = a([]), L = a([]), R = i(!1), z = i(null), B = i(!1), V = new ue(me());
		V.buildSchema(), V.initializeRuntime();
		let H = p(!1), U = d({ onMatchesChange: (e) => w?.(e) }), W = f(), G = ge({
		onChange: (e) => E?.(e),
		onKeyAction: (e) => D?.(e) ?? !1
		}), Ne = he(), K = () => o(T) === !0;
		function Pe() {
		return [
		H,
		..._e,
		U,
		...K() ? [W, G] : [],
		Ne
		];
		}
		let q = ee(), J = new se(), Fe = re(), Y = new oe({
		pageGap: y,
		showShadow: !0
		});
		function Ie(e) {
		e.layout && (F.value = e.layout), e.blocks && (I.value = e.blocks), e.measures && (L.value = e.measures), e.blockLookup && Y.setBlockLookup(e.blockLookup), e.layout && q.emit("layoutComplete", e.layout);
		}
		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 = a?.package.settings, _ = g !== void 0 && "mirrorMargins" in g && g.mirrorMargins === !0, v = Oe(a, s);
		try {
		Ie(te({
		contentWidth: p,
		columns: f,
		pageSize: u,
		margins: d,
		pageGap: y,
		syncCoordinator: J,
		headerContent: v.header.hf,
		footerContent: v.footer.hf,
		firstPageHeaderContent: v.firstHeader.hf,
		firstPageFooterContent: v.firstFooter.hf,
		headerContentRId: v.header.rId,
		footerContentRId: v.footer.rId,
		firstPageHeaderContentRId: v.firstHeader.rId,
		firstPageFooterContentRId: v.firstFooter.rId,
		sectionHeaderFooterRefs: ae(a),
		theme: h,
		sectionProperties: s,
		document: a,
		defaultTabStop: ee,
		mirrorMargins: _,
		styles: m,
		layout: F.value,
		hfPMs: null,
		painter: Y,
		pagesContainer: i,
		session: Fe,
		renderHfFromContentOrPm: M,
		renderHeaderFooterContentByRId: ke,
		documentFontsAreLoaded: Me,
		buildFootnoteRenderItems: Ae,
		describeInvalidHighlightMarks: je,
		emptyTemplatePreviewEntries: Ee
		}, e, t));
		} catch (e) {
		let t = e instanceof Error ? e : Error(String(e));
		O?.(t);
		}
		}
		let Z = ne({
		runLayout: (e, t) => X(e, t),
		debounceMs: Ce,
		maxDelayMs: we,
		clock: v
		}), Q = null;
		function Le() {
		Q !== null && (window.clearTimeout(Q), Q = null);
		let e = N.value, t = j.value;
		if (!(!e \|\| !t)) try {
		let n = le(e.state.doc, t);
		j.value = n, ve?.(n), q.emit("docChange", n);
		} catch (e) {
		O?.(e instanceof Error ? e : Error(String(e)));
		}
		}
		function Re() {
		Q !== null && window.clearTimeout(Q), Q = window.setTimeout(() => {
		Q = null, Le();
		}, Te);
		}
		let $ = g({
		getHost: () => t.value,
		getDocument: () => j.value,
		getStyles: () => j.value?.package.styles ?? null,
		getExtensionManager: () => V,
		getExternalPlugins: Pe,
		getCollaboration: () => void 0,
		getCollaborationModules: () => null,
		getPrecomputedInitialState: () => null,
		getReadOnly: () => o(u),
		getDocumentKey: () => o(b),
		getDocumentContext: () => j.value,
		onTransaction: ze,
		onSelectionChange: (e) => {
		P.value = e, ye?.(e), q.emit("selectionChange", {
		from: e.selection.from,
		to: e.selection.to
		});
		},
		onKeyDown: () => !1,
		onReadOnlyEditAttempt: () => be?.(),
		onEditorViewReady: Be,
		onEditorViewDestroy: () => {
		N.value = null, R.value = !1, k?.(null);
		},
		onRemoteSelectionsChange: () => {}
		});
		function ze(e, t) {
		P.value = t, e.docChanged && (B.value = !0, J.incrementStateSeq(), Z.schedule(t, ce(e)), Re()), J.requestRender();
		}
		function Be(e) {
		N.value = e, P.value = e.state, R.value = !0, X(e.state, { reason: "initial" }), J.requestRender(), He(e), k?.(e), o(u) \|\| requestAnimationFrame(() => {
		N.value === e && e.focus();
		});
		}
		let Ve = h({
		getEditorApi: () => $.api,
		getLayout: () => F.value,
		runLayout: (e, t) => X(e, t),
		emitter: q
		});
		function He(e) {
		m(o(S) === "suggesting", e.state, e.dispatch, o(C));
		}
		s([() => o(S), () => o(C)], () => {
		let e = N.value;
		e && He(e);
		}), s(() => o(u), () => $.syncEditable());
		function Ue(e) {
		let t = K();
		if (t === e.state.plugins.includes(W)) return;
		let n = e.state.plugins.filter((e) => e !== W && e !== G);
		if (t) {
		let e = n.indexOf(Ne), t = e === -1 ? n.length : e;
		n.splice(t, 0, W, G);
		}
		e.updateState(e.state.reconfigure({ plugins: n }));
		}
		s(() => K(), () => {
		let e = N.value;
		e && Ue(e);
		});
		function We() {
		$.ensureView();
		}
		function Ge() {
		B.value = !1, Z.dispose(), $.destroyView(), $.ensureView(), $.getView() \|\| Ke();
		}
		function Ke() {
		let e = j.value;
		if (e) try {
		let t = _({
		document: e,
		styles: e.package.styles ?? null,
		manager: V,
		externalPlugins: Pe(),
		collaborationModules: null,
		reason: "mount"
		});
		P.value = t, X(t, { reason: "initial" });
		} catch (e) {
		O?.(e instanceof Error ? e : Error(String(e)));
		}
		}
		s([t, n], () => {
		t.value && j.value && !$.getView() && We();
		}, { flush: "post" });
		async function qe(e) {
		z.value = null, R.value = !1;
		try {
		let t = await ie(e, { password: o(x) });
		j.value = t, Ge();
		} catch (e) {
		let t = e instanceof Error ? e : Error(String(e));
		z.value = t.message, O?.(t);
		}
		}
		function Je(e) {
		z.value = null, j.value = e, Ge();
		}
		async function Ye(e) {
		let t = N.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(xe)), s = le(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),
		maxBytes: a.selectiveSaveMaxBytes
		});
		}
		let m = l ? p : null, h = null;
		if (!m) h = c ? await d(s) : await f(s), m = h;
		else if (a.selectiveSaveTripwire) try {
		h = await d(s);
		} catch {}
		if (a.selectiveSaveTripwire && h && A) try {
		let { compareSelectiveVsFull: e } = await import("@stll/folio-core/docx/selectiveSaveTripwire");
		A(await e(p, h));
		} catch {}
		return B.value = !1, new Blob([m], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
		}
		function Xe() {
		return j.value;
		}
		function Ze(e) {
		j.value = e;
		}
		function Qe() {
		return V.getCommands();
		}
		function $e() {
		N.value?.focus();
		}
		function et() {
		let e = N.value;
		e && X(e.state, { reason: "manual" });
		}
		function tt() {
		Z.dispose(), Q !== null && (window.clearTimeout(Q), Q = null), $.destroyView(), V.destroy(), P.value = null, F.value = null, j.value = null, R.value = !1;
		}
		return r(tt), {
		editor: Ve,
		editorView: N,
		editorState: P,
		isReady: R,
		isDirty: B,
		parseError: z,
		layout: F,
		blocks: I,
		measures: L,
		loadBuffer: qe,
		loadDocument: Je,
		save: Ye,
		getDocument: Xe,
		setDocument: Ze,
		getCommands: Qe,
		focus: $e,
		reLayout: et,
		destroy: tt
		};
		}
		function F(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 I({ 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 = S(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 = F(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 L() {
		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), R(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), z(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), B(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 >= C && o >= C && (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 >= C && (n.origWidth = a);
		}
		}
		function s(i) {
		if (e.active) {
		e.active = !1, e.handle?.classList.remove("dragging"), r && T(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 && D(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 && E(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 R(e, t) {
		let n = O(e, t.tablePmStart, t.columnIndex);
		n && (t.origWidths = n);
		}
		function z(e, t, n) {
		let r = ye(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 * w);
		}
		function B(e, t) {
		let n = ve(e, t.tablePmStart, t.columnIndex);
		n != null && (t.origWidth = n);
		}
		//#endregion
		//#region src/composables/useTrackedChanges.ts
		function V(t, n) {
		return e(() => (n.value, k(t.value?.state ?? null)));
		}
		//#endregion
		//#region src/composables/useZoom.ts
		var H = xe, U = be, W = [
		.5,
		.75,
		1,
		1.25,
		1.5,
		2
		];
		function G(r = 1) {
		let a = i(Math.max(H, Math.min(U, r))), o = e(() => Math.round(a.value * 100)), s = e(() => a.value <= H), c = e(() => a.value >= U);
		function l(e) {
		a.value = Math.max(H, Math.min(U, Math.round(e * 100) / 100));
		}
		function u() {
		l(a.value + A);
		}
		function d() {
		l(a.value - A);
		}
		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: W
		};
		}
		//#endregion
		export { I as a, L as i, k as n, P as o, V as r, G as t };

+5

-1

dist/components/DocxEditor/types.d.ts

		@@ -5,3 +5,3 @@ import { CSSProperties, VNodeChild } from 'vue';
		import { XmlFragment } from 'yjs';
		import { FolioAIEditApplyMode, FolioAIEditApplyResult, FolioAIEditOperation, FolioAIEditSnapshot, FolioCommentAnchor, FolioDocumentOperationBatch, FolioDocumentOperationResult, FolioDocumentOperationUndoHandle, FolioDocumentOperationUndoResult, FolioReviewChange } from '@stll/folio-core/ai-edits';
		import { FolioAIEditApplyMode, FolioAIEditApplyResult, FolioAIEditOperation, FolioAIEditSnapshot, FolioCommentAnchor, FolioDocumentNavigationTarget, FolioDocumentOperationBatch, FolioDocumentOperationResult, FolioDocumentOperationUndoHandle, FolioDocumentOperationUndoResult, FolioReviewChange } from '@stll/folio-core/ai-edits';
		import { ContentControlFilter, SetContentControlContentInput, SetContentControlValueInput } from '@stll/folio-core/content-controls';
		@@ -415,2 +415,4 @@ import { FolioEditor } from '@stll/folio-core/controller/folioEditor';
		scrollToBlock: (blockId: string, snapshot?: FolioAIEditSnapshot) => boolean;
		/** Resolve a stable block or text-range target and reveal it in the editor. */
		showInDocument: (target: FolioDocumentNavigationTarget, snapshot?: FolioAIEditSnapshot) => boolean;
		/**
		@@ -438,2 +440,4 @@ * The tracked changes (insertions and deletions) present in the live
		getPageText: (page: number) => string \| null;
		/** Resolve a stable block or text range to its real 1-based rendered page. */
		getTargetPage: (target: FolioDocumentNavigationTarget, snapshot?: FolioAIEditSnapshot) => number \| null;
		/**
		@@ -440,0 +444,0 @@ * List every block-level content control in the live document, filtered by

+1

-1

dist/composables.cjs

		@@ -1,2 +0,2 @@
		Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./useZoom-BB6hSMvM.cjs");let t=require("vue"),n=require("prosemirror-history"),r=require("@stll/folio-core/utils/clipboard"),i=require("@stll/folio-core/managers/ClipboardManager"),a=require("@stll/folio-core/managers/TableSelectionManager"),o=require("@stll/folio-core/prosemirror/utils/visualLineNavigation"),s=require("@stll/folio-core/prosemirror/utils/extractTrackedChanges");function c(e={}){let{onCopy:n,onCut:i,onPaste:a,cleanWordFormatting:o=!0,editable:s=!0,onError:c}=e,l=(0,t.ref)(!1),u=(0,t.ref)(null),d=c?{onError:c}:{};async function f(e){if(l.value)return!1;l.value=!0;try{let t=await(0,r.copyRuns)(e.runs,d);return t&&n?.(e),t}finally{l.value=!1}}async function p(e){if(l.value\|\|!s)return!1;l.value=!0;try{let t=await(0,r.copyRuns)(e.runs,d);return t&&i?.(e),t}finally{l.value=!1}}async function m(e=!1){if(l.value\|\|!s)return null;l.value=!0;try{if(navigator.clipboard&&navigator.clipboard.read){let t=await navigator.clipboard.read(),n=``,i=``;for(let e of t)e.types.includes(`text/html`)&&(n=await(await e.getType(`text/html`)).text()),e.types.includes(`text/plain`)&&(i=await(await e.getType(`text/plain`)).text());e&&(n=``);let s=(0,r.parseClipboardHtml)(n,i,o);return u.value=s,a?.(s,e),s}return null}catch(e){return c?.(e instanceof Error?e:Error(String(e))),null}finally{l.value=!1}}return{copy:f,cut:p,paste:m,isProcessing:l,lastPastedContent:u}}function l({isOpen:e,onClose:n,align:r=`left`}){let i=(0,t.ref)(null),a=(0,t.ref)(null),o=(0,t.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:1e4});function s(e,t){o.value={position:`fixed`,top:e+`px`,left:t+`px`,zIndex:1e4}}function c(e){let t=e.target;t instanceof Node&&i.value&&!i.value.contains(t)&&a.value&&!a.value.contains(t)&&n()}function l(e){e.key===`Escape`&&n()}function u(e){let t=e.target;t instanceof Node&&a.value&&a.value.contains(t)\|\|n()}function d(){document.addEventListener(`mousedown`,c),document.addEventListener(`keydown`,l),window.addEventListener(`scroll`,u,!0)}function f(){document.removeEventListener(`mousedown`,c),document.removeEventListener(`keydown`,l),window.removeEventListener(`scroll`,u,!0)}(0,t.watch)(e,e=>{if(!e){f();return}let t=i.value;if(!t)return;let n=t.getBoundingClientRect();r===`right`?requestAnimationFrame(()=>{let e=a.value;if(e){let t=e.getBoundingClientRect();s(n.bottom+4,n.right-t.width)}else s(n.bottom+4,n.left)}):s(n.bottom+4,n.left),d()}),(0,t.onScopeDispose)(f);function p(e){e.preventDefault(),e.stopPropagation()}return{containerRef:i,dropdownRef:a,dropdownStyle:o,handleMouseDown:p}}function u(e,r){let i=(0,t.computed)(()=>{r.value;let t=e.value;return t?(0,n.undoDepth)(t.state)>0:!1}),a=(0,t.computed)(()=>{r.value;let t=e.value;return t?(0,n.redoDepth)(t.state)>0:!1});function o(){let t=e.value;return t?(0,n.undo)(t.state,t.dispatch):!1}function s(){let t=e.value;return t?(0,n.redo)(t.state,t.dispatch):!1}return{canUndo:i,canRedo:a,undo:o,redo:s}}var d={backgroundColor:`rgba(26, 115, 232, 0.3)`,borderRadius:0,zIndex:0,opacity:1,mixBlendMode:`multiply`};function f(e){let t=window.getSelection();if(!t\|\|t.rangeCount===0\|\|t.isCollapsed)return[];let n=t.getRangeAt(0);if(e&&!e.contains(n.commonAncestorContainer))return[];let r=0,i=0;if(e){let t=e.getBoundingClientRect();r=t.left+e.scrollLeft,i=t.top+e.scrollTop}let a=[];for(let e of n.getClientRects())e.width===0&&e.height===0\|\|a.push({left:e.left-r,top:e.top-i,width:e.width,height:e.height});return a}function p(e,t=2){if(e.length<=1)return e;let n=[...e].sort((e,n)=>Math.abs(e.top-n.top)<t?e.left-n.left:e.top-n.top),r=n[0];if(!r)return e;let i=[],a={...r};for(let e=1;e<n.length;e++){let r=n[e];if(!r)continue;let o=Math.abs(r.top-a.top)<t,s=r.left<=a.left+a.width+t;if(o&&s){let e=Math.max(a.left+a.width,r.left+r.width);a.width=e-a.left,a.height=Math.max(a.height,r.height)}else i.push(a),a={...r}}return i.push(a),i}function m(e){return p(f(e))}function h(){let e=window.getSelection();return e!==null&&!e.isCollapsed&&e.rangeCount>0}function g(e){let t=window.getSelection();return!t\|\|t.rangeCount===0?!1:e.contains(t.getRangeAt(0).commonAncestorContainer)}var _=`docx-selection-styles`,v=null;function y(){v&&=(v.remove(),null),document.getElementById(_)?.remove()}function b(e=d){y();let t=`
		Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./useZoom-C7jhL696.cjs");let t=require("vue"),n=require("prosemirror-history"),r=require("@stll/folio-core/utils/clipboard"),i=require("@stll/folio-core/managers/ClipboardManager"),a=require("@stll/folio-core/managers/TableSelectionManager"),o=require("@stll/folio-core/prosemirror/utils/visualLineNavigation"),s=require("@stll/folio-core/prosemirror/utils/extractTrackedChanges");function c(e={}){let{onCopy:n,onCut:i,onPaste:a,cleanWordFormatting:o=!0,editable:s=!0,onError:c}=e,l=(0,t.ref)(!1),u=(0,t.ref)(null),d=c?{onError:c}:{};async function f(e){if(l.value)return!1;l.value=!0;try{let t=await(0,r.copyRuns)(e.runs,d);return t&&n?.(e),t}finally{l.value=!1}}async function p(e){if(l.value\|\|!s)return!1;l.value=!0;try{let t=await(0,r.copyRuns)(e.runs,d);return t&&i?.(e),t}finally{l.value=!1}}async function m(e=!1){if(l.value\|\|!s)return null;l.value=!0;try{if(navigator.clipboard&&navigator.clipboard.read){let t=await navigator.clipboard.read(),n=``,i=``;for(let e of t)e.types.includes(`text/html`)&&(n=await(await e.getType(`text/html`)).text()),e.types.includes(`text/plain`)&&(i=await(await e.getType(`text/plain`)).text());e&&(n=``);let s=(0,r.parseClipboardHtml)(n,i,o);return u.value=s,a?.(s,e),s}return null}catch(e){return c?.(e instanceof Error?e:Error(String(e))),null}finally{l.value=!1}}return{copy:f,cut:p,paste:m,isProcessing:l,lastPastedContent:u}}function l({isOpen:e,onClose:n,align:r=`left`}){let i=(0,t.ref)(null),a=(0,t.ref)(null),o=(0,t.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:1e4});function s(e,t){o.value={position:`fixed`,top:e+`px`,left:t+`px`,zIndex:1e4}}function c(e){let t=e.target;t instanceof Node&&i.value&&!i.value.contains(t)&&a.value&&!a.value.contains(t)&&n()}function l(e){e.key===`Escape`&&n()}function u(e){let t=e.target;t instanceof Node&&a.value&&a.value.contains(t)\|\|n()}function d(){document.addEventListener(`mousedown`,c),document.addEventListener(`keydown`,l),window.addEventListener(`scroll`,u,!0)}function f(){document.removeEventListener(`mousedown`,c),document.removeEventListener(`keydown`,l),window.removeEventListener(`scroll`,u,!0)}(0,t.watch)(e,e=>{if(!e){f();return}let t=i.value;if(!t)return;let n=t.getBoundingClientRect();r===`right`?requestAnimationFrame(()=>{let e=a.value;if(e){let t=e.getBoundingClientRect();s(n.bottom+4,n.right-t.width)}else s(n.bottom+4,n.left)}):s(n.bottom+4,n.left),d()}),(0,t.onScopeDispose)(f);function p(e){e.preventDefault(),e.stopPropagation()}return{containerRef:i,dropdownRef:a,dropdownStyle:o,handleMouseDown:p}}function u(e,r){let i=(0,t.computed)(()=>{r.value;let t=e.value;return t?(0,n.undoDepth)(t.state)>0:!1}),a=(0,t.computed)(()=>{r.value;let t=e.value;return t?(0,n.redoDepth)(t.state)>0:!1});function o(){let t=e.value;return t?(0,n.undo)(t.state,t.dispatch):!1}function s(){let t=e.value;return t?(0,n.redo)(t.state,t.dispatch):!1}return{canUndo:i,canRedo:a,undo:o,redo:s}}var d={backgroundColor:`rgba(26, 115, 232, 0.3)`,borderRadius:0,zIndex:0,opacity:1,mixBlendMode:`multiply`};function f(e){let t=window.getSelection();if(!t\|\|t.rangeCount===0\|\|t.isCollapsed)return[];let n=t.getRangeAt(0);if(e&&!e.contains(n.commonAncestorContainer))return[];let r=0,i=0;if(e){let t=e.getBoundingClientRect();r=t.left+e.scrollLeft,i=t.top+e.scrollTop}let a=[];for(let e of n.getClientRects())e.width===0&&e.height===0\|\|a.push({left:e.left-r,top:e.top-i,width:e.width,height:e.height});return a}function p(e,t=2){if(e.length<=1)return e;let n=[...e].sort((e,n)=>Math.abs(e.top-n.top)<t?e.left-n.left:e.top-n.top),r=n[0];if(!r)return e;let i=[],a={...r};for(let e=1;e<n.length;e++){let r=n[e];if(!r)continue;let o=Math.abs(r.top-a.top)<t,s=r.left<=a.left+a.width+t;if(o&&s){let e=Math.max(a.left+a.width,r.left+r.width);a.width=e-a.left,a.height=Math.max(a.height,r.height)}else i.push(a),a={...r}}return i.push(a),i}function m(e){return p(f(e))}function h(){let e=window.getSelection();return e!==null&&!e.isCollapsed&&e.rangeCount>0}function g(e){let t=window.getSelection();return!t\|\|t.rangeCount===0?!1:e.contains(t.getRangeAt(0).commonAncestorContainer)}var _=`docx-selection-styles`,v=null;function y(){v&&=(v.remove(),null),document.getElementById(_)?.remove()}function b(e=d){y();let t=`
		/* DOCX Editor Selection Highlighting */
		@@ -3,0 +3,0 @@

+1

-1

dist/composables.js

		@@ -1,2 +0,2 @@
		import { a as e, i as t, n, o as r, r as i, t as a } from "./useZoom-BxDANpqb.js";
		import { a as e, i as t, n, o as r, r as i, t as a } from "./useZoom-zJvuJlUd.js";
		import { computed as o, onBeforeUnmount as s, onMounted as c, onScopeDispose as l, ref as u, watch as d } from "vue";
		@@ -3,0 +3,0 @@ import { redo as f, redoDepth as p, undo as m, undoDepth as h } from "prosemirror-history";

+1

-1

package.json

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

-1

dist/useZoom-BB6hSMvM.cjs

-629

dist/useZoom-BxDANpqb.js

		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 ee } from "@stll/folio-core/controller/folioEditorEvents";
		import { createHiddenEditorManager as g, createHiddenEditorState as _ } from "@stll/folio-core/controller/hiddenEditorManager";
		import { runLayoutPipeline as te } from "@stll/folio-core/controller/layoutPipeline";
		import { browserClock as v, createLayoutScheduler as ne } from "@stll/folio-core/controller/layoutScheduler";
		import { createLayoutSession as re } from "@stll/folio-core/controller/layoutSession";
		import { parseDocx as ie } from "@stll/folio-core/docx/parser";
		import { getFootnoteText as y } from "@stll/folio-core/docx/footnoteParser";
		import { convertHeaderFooterPmDocToContent as ae, convertHeaderFooterToContent as b } from "@stll/folio-core/layout-bridge/convert/headerFooterLayout";
		import { LayoutPainter as oe } from "@stll/folio-core/layout-painter";
		import { LayoutSelectionGate as se } from "@stll/folio-core/paged-layout/LayoutSelectionGate";
		import { getTransactionDirtyRange as ce } from "@stll/folio-core/paged-layout/transactionDirtyRange";
		import { fromProseDoc as x } from "@stll/folio-core/prosemirror/conversion/fromProseDoc";
		import { ExtensionManager as le } from "@stll/folio-core/prosemirror/extensions/ExtensionManager";
		import { getChangedParagraphIds as ue, hasStructuralChanges as de, hasUntrackedChanges as fe } from "@stll/folio-core/prosemirror/extensions/features/ParagraphChangeTrackerExtension";
		import { createStarterKit as pe } from "@stll/folio-core/prosemirror/extensions/StarterKit";
		import { createTemplatePreviewValuesPlugin as me } from "@stll/folio-core/prosemirror/plugins/templatePreviewValues";
		import { templateSlashMenuPlugin as he } from "@stll/folio-core/prosemirror/plugins/templateSlashMenu";
		import { findVerticalScrollParent as S } from "@stll/folio-core/utils/findVerticalScrollParent";
		import { MIN_CELL_WIDTH_TWIPS as C, MIN_ROW_HEIGHT_TWIPS as w, TWIPS_PER_PIXEL as T, commitColumnResize as E, commitRightEdgeResize as ge, commitRowResize as _e, readColumnWidthAt as ve, readColumnWidths as D, readRowHeight as ye } from "@stll/folio-core/prosemirror/tableResize";
		import { extractTrackedChanges as O } from "@stll/folio-core/prosemirror/utils/extractTrackedChanges";
		import { ZOOM_MAX as k, ZOOM_MIN as A, ZOOM_STEP as j } from "@stll/folio-core/utils/zoom";
		//#region src/composables/useDocxEditor.ts
		var be = 24, xe = 32, Se = 96, Ce = 250, we = [];
		function Te(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 M(e) {
		let t = {};
		e.titlePg !== void 0 && (t.titlePg = e.titlePg);
		for (let n of e.headerReferences ?? []) n.type === "default" ? t.headerDefault = n.rId : n.type === "first" ? t.headerFirst = n.rId : t.headerEven = n.rId;
		for (let n of e.footerReferences ?? []) n.type === "default" ? t.footerDefault = n.rId : n.type === "first" ? t.footerFirst = n.rId : t.footerEven = n.rId;
		return t;
		}
		function Ee(e) {
		let t = e?.package.document;
		if (!t) return;
		let n = t.sections;
		if (n && n.length > 0) return n.map((e) => M(e.properties));
		let r = t.finalSectionProperties;
		if (r) return [M(r)];
		}
		var N = {
		hf: null,
		rId: null
		};
		function De(e, t) {
		let n = e?.package;
		if (!n \|\| !t) return {
		header: N,
		footer: N,
		firstHeader: N,
		firstFooter: N
		};
		let r = n.headers, i = n.footers, a = (e) => e ? r?.get(e) ?? null : null, o = (e) => e ? i?.get(e) ?? null : null, s = null, c = null;
		for (let e of t.headerReferences ?? []) e.type === "default" ? s = e.rId : e.type === "first" && (c = e.rId);
		let l = null, u = null;
		for (let e of t.footerReferences ?? []) e.type === "default" ? l = e.rId : e.type === "first" && (u = e.rId);
		return {
		header: {
		hf: a(s),
		rId: s
		},
		footer: {
		hf: o(l),
		rId: l
		},
		firstHeader: {
		hf: a(c),
		rId: c
		},
		firstFooter: {
		hf: o(u),
		rId: u
		}
		};
		}
		function Oe(e, t, n, r, i, a) {
		if (!e) return;
		let o = t ? {
		...a,
		rId: t
		} : a, s = t ? n?.getView(t) : null;
		return s ? ae(s.state.doc, r, i, o) : b(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 = Oe(s, o, t, n, r, i);
		e && a.set(o, e);
		}
		return a.size > 0 ? a : void 0;
		}
		function Ae(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 P = /* @__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" && !P.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 Me() {
		return typeof document > "u" \|\| !("fonts" in document) \|\| document.fonts.status === "loaded";
		}
		function F(e) {
		let { hiddenContainer: t, pagesContainer: n, readOnly: u = !1, pageGap: y = be, documentKey: ae, password: b, editorMode: S, author: C, externalPlugins: w = [], onAnonymizationMatchesChange: T, showTemplateDirectives: E, onSlashMenuChange: ge, onSlashMenuKeyAction: _e, onChange: ve, onError: D, onSelectionUpdate: ye, onEditorViewReady: O, onReadOnlyEditAttempt: k, featureFlags: A, onSelectiveSaveTripwire: j } = e, M = a(null), N = a(null), P = a(null), F = a(null), I = a([]), L = a([]), R = i(!1), z = i(null), B = i(!1), V = new le(pe());
		V.buildSchema(), V.initializeRuntime();
		let H = p(!1), U = d({ onMatchesChange: (e) => T?.(e) }), W = f(), G = he({
		onChange: (e) => ge?.(e),
		onKeyAction: (e) => _e?.(e) ?? !1
		}), K = me(), q = () => o(E) === !0;
		function Ne() {
		return [
		H,
		...w,
		U,
		...q() ? [W, G] : [],
		K
		];
		}
		let J = ee(), Y = new se(), Pe = re(), Fe = new oe({
		pageGap: y,
		showShadow: !0
		});
		function Ie(e) {
		e.layout && (F.value = e.layout), e.blocks && (I.value = e.blocks), e.measures && (L.value = e.measures), e.blockLookup && Fe.setBlockLookup(e.blockLookup), e.layout && J.emit("layoutComplete", e.layout);
		}
		function X(e, t = {}) {
		let r = n.value, i = r instanceof HTMLDivElement ? r : null, a = M.value, o = a?.package.document, s = o?.sections?.[0]?.properties ?? o?.finalSectionProperties ?? null, u = l(s), d = c(s), f = Te(s), p = u.w - d.left - d.right, m = a?.package.styles ?? null, h = a?.package.theme ?? null, ee = a?.package.settings?.defaultTabStop, g = a?.package.settings, _ = g !== void 0 && "mirrorMargins" in g && g.mirrorMargins === !0, v = De(a, s);
		try {
		Ie(te({
		contentWidth: p,
		columns: f,
		pageSize: u,
		margins: d,
		pageGap: y,
		syncCoordinator: Y,
		headerContent: v.header.hf,
		footerContent: v.footer.hf,
		firstPageHeaderContent: v.firstHeader.hf,
		firstPageFooterContent: v.firstFooter.hf,
		headerContentRId: v.header.rId,
		footerContentRId: v.footer.rId,
		firstPageHeaderContentRId: v.firstHeader.rId,
		firstPageFooterContentRId: v.firstFooter.rId,
		sectionHeaderFooterRefs: Ee(a),
		theme: h,
		sectionProperties: s,
		document: a,
		defaultTabStop: ee,
		mirrorMargins: _,
		styles: m,
		layout: F.value,
		hfPMs: null,
		painter: Fe,
		pagesContainer: i,
		session: Pe,
		renderHfFromContentOrPm: Oe,
		renderHeaderFooterContentByRId: ke,
		documentFontsAreLoaded: Me,
		buildFootnoteRenderItems: Ae,
		describeInvalidHighlightMarks: je,
		emptyTemplatePreviewEntries: we
		}, e, t));
		} catch (e) {
		let t = e instanceof Error ? e : Error(String(e));
		D?.(t);
		}
		}
		let Z = ne({
		runLayout: (e, t) => X(e, t),
		debounceMs: xe,
		maxDelayMs: Se,
		clock: v
		}), Q = null;
		function Le() {
		Q !== null && (window.clearTimeout(Q), Q = null);
		let e = N.value, t = M.value;
		if (!(!e \|\| !t)) try {
		let n = x(e.state.doc, t);
		M.value = n, ve?.(n), J.emit("docChange", n);
		} catch (e) {
		D?.(e instanceof Error ? e : Error(String(e)));
		}
		}
		function Re() {
		Q !== null && window.clearTimeout(Q), Q = window.setTimeout(() => {
		Q = null, Le();
		}, Ce);
		}
		let $ = g({
		getHost: () => t.value,
		getDocument: () => M.value,
		getStyles: () => M.value?.package.styles ?? null,
		getExtensionManager: () => V,
		getExternalPlugins: Ne,
		getCollaboration: () => void 0,
		getCollaborationModules: () => null,
		getPrecomputedInitialState: () => null,
		getReadOnly: () => o(u),
		getDocumentKey: () => o(ae),
		getDocumentContext: () => M.value,
		onTransaction: ze,
		onSelectionChange: (e) => {
		P.value = e, ye?.(e), J.emit("selectionChange", {
		from: e.selection.from,
		to: e.selection.to
		});
		},
		onKeyDown: () => !1,
		onReadOnlyEditAttempt: () => k?.(),
		onEditorViewReady: Be,
		onEditorViewDestroy: () => {
		N.value = null, R.value = !1, O?.(null);
		},
		onRemoteSelectionsChange: () => {}
		});
		function ze(e, t) {
		P.value = t, e.docChanged && (B.value = !0, Y.incrementStateSeq(), Z.schedule(t, ce(e)), Re()), Y.requestRender();
		}
		function Be(e) {
		N.value = e, P.value = e.state, R.value = !0, X(e.state, { reason: "initial" }), Y.requestRender(), He(e), O?.(e), o(u) \|\| requestAnimationFrame(() => {
		N.value === e && e.focus();
		});
		}
		let Ve = h({
		getEditorApi: () => $.api,
		getLayout: () => F.value,
		runLayout: (e, t) => X(e, t),
		emitter: J
		});
		function He(e) {
		m(o(S) === "suggesting", e.state, e.dispatch, o(C));
		}
		s([() => o(S), () => o(C)], () => {
		let e = N.value;
		e && He(e);
		}), s(() => o(u), () => $.syncEditable());
		function Ue(e) {
		let t = q();
		if (t === e.state.plugins.includes(W)) return;
		let n = e.state.plugins.filter((e) => e !== W && e !== G);
		if (t) {
		let e = n.indexOf(K), t = e === -1 ? n.length : e;
		n.splice(t, 0, W, G);
		}
		e.updateState(e.state.reconfigure({ plugins: n }));
		}
		s(() => q(), () => {
		let e = N.value;
		e && Ue(e);
		});
		function We() {
		$.ensureView();
		}
		function Ge() {
		B.value = !1, Z.dispose(), $.destroyView(), $.ensureView(), $.getView() \|\| Ke();
		}
		function Ke() {
		let e = M.value;
		if (e) try {
		let t = _({
		document: e,
		styles: e.package.styles ?? null,
		manager: V,
		externalPlugins: Ne(),
		collaborationModules: null,
		reason: "mount"
		});
		P.value = t, X(t, { reason: "initial" });
		} catch (e) {
		D?.(e instanceof Error ? e : Error(String(e)));
		}
		}
		s([t, n], () => {
		t.value && M.value && !$.getView() && We();
		}, { flush: "post" });
		async function qe(e) {
		z.value = null, R.value = !1;
		try {
		let t = await ie(e, { password: o(b) });
		M.value = t, Ge();
		} catch (e) {
		let t = e instanceof Error ? e : Error(String(e));
		z.value = t.message, D?.(t);
		}
		}
		function Je(e) {
		z.value = null, M.value = e, Ge();
		}
		async function Ye(e) {
		let t = N.value, n = M.value;
		if (!t \|\| !n) return null;
		let r = t.state, { resolveSelectiveSaveFlags: i } = await import("@stll/folio-core/docx/selectiveSaveFlags"), a = i(o(A)), s = x(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: ue(r),
		structuralChange: de(r),
		hasUntrackedChanges: fe(r),
		maxBytes: a.selectiveSaveMaxBytes
		});
		}
		let m = l ? p : null, h = null;
		if (!m) h = c ? await d(s) : await f(s), m = h;
		else if (a.selectiveSaveTripwire) try {
		h = await d(s);
		} catch {}
		if (a.selectiveSaveTripwire && h && j) try {
		let { compareSelectiveVsFull: e } = await import("@stll/folio-core/docx/selectiveSaveTripwire");
		j(await e(p, h));
		} catch {}
		return B.value = !1, new Blob([m], { type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document" });
		}
		function Xe() {
		return M.value;
		}
		function Ze(e) {
		M.value = e;
		}
		function Qe() {
		return V.getCommands();
		}
		function $e() {
		N.value?.focus();
		}
		function et() {
		let e = N.value;
		e && X(e.state, { reason: "manual" });
		}
		function tt() {
		Z.dispose(), Q !== null && (window.clearTimeout(Q), Q = null), $.destroyView(), V.destroy(), P.value = null, F.value = null, M.value = null, R.value = !1;
		}
		return r(tt), {
		editor: Ve,
		editorView: N,
		editorState: P,
		isReady: R,
		isDirty: B,
		parseError: z,
		layout: F,
		blocks: I,
		measures: L,
		loadBuffer: qe,
		loadDocument: Je,
		save: Ye,
		getDocument: Xe,
		setDocument: Ze,
		getCommands: Qe,
		focus: $e,
		reLayout: et,
		destroy: tt
		};
		}
		function I(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 L({ 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 = S(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 = I(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 R() {
		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), z(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), B(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), V(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 * T), a = e.origWidths.left + i, o = e.origWidths.right - i;
		a >= C && o >= C && (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 * T), a = t.origHeight + i;
		a >= w && (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 * T), a = n.origWidth + i;
		a >= C && (n.origWidth = a);
		}
		}
		function s(i) {
		if (e.active) {
		e.active = !1, e.handle?.classList.remove("dragging"), r && E(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 && _e(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 && ge(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 z(e, t) {
		let n = D(e, t.tablePmStart, t.columnIndex);
		n && (t.origWidths = n);
		}
		function B(e, t, n) {
		let r = ye(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 * T);
		}
		function V(e, t) {
		let n = ve(e, t.tablePmStart, t.columnIndex);
		n != null && (t.origWidth = n);
		}
		//#endregion
		//#region src/composables/useTrackedChanges.ts
		function H(t, n) {
		return e(() => (n.value, O(t.value?.state ?? null)));
		}
		//#endregion
		//#region src/composables/useZoom.ts
		var U = A, W = k, G = [
		.5,
		.75,
		1,
		1.25,
		1.5,
		2
		];
		function K(r = 1) {
		let a = i(Math.max(U, Math.min(W, r))), o = e(() => Math.round(a.value * 100)), s = e(() => a.value <= U), c = e(() => a.value >= W);
		function l(e) {
		a.value = Math.max(U, Math.min(W, Math.round(e * 100) / 100));
		}
		function u() {
		l(a.value + j);
		}
		function d() {
		l(a.value - j);
		}
		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: G
		};
		}
		//#endregion
		export { L as a, R as i, O as n, F as o, H as r, K as t };

dist/index.cjs

Sorry, the diff of this file is too big to display

dist/index.js

Sorry, the diff of this file is too big to display

@stll/folio-vue - npm Package Compare versions

New alerts

Fixed alerts

Worsened metrics