@eigenpal/docx-editor-vue 0.0.0

package/dist/composables.js

@@ -0,0 +1,485 @@
+import { n as e, r as t, t as n } from "./useTableResize-1oSe9Kjk.js";
+import { computed as r, onBeforeUnmount as i, onMounted as a, reactive as o, ref as s, unref as c, watch as l } from "vue";
+import { redo as u, redoDepth as d, undo as f, undoDepth as p } from "prosemirror-history";
+import { DEFAULT_SELECTION_STYLE as m, areSelectionStylesInjected as h, copyRuns as g, getMergedSelectionRects as _, getSelectedText as v, hasActiveSelection as y, injectSelectionStyles as b, isSelectionWithin as x, parseClipboardHtml as S, runsToClipboardContent as C } from "@eigenpal/docx-editor-core/utils";
+import { extractTrackedChanges as w } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { AutoSaveManager as T, createSelectionFromDOM as E, formatLastSaveTime as D, formatStorageSize as O, getAutoSaveStatusLabel as k, getAutoSaveStorageSize as A, getSelectionRuns as j, isAutoSaveSupported as M } from "@eigenpal/docx-editor-core";
+import { findVerticalScrollParent as N } from "@eigenpal/docx-editor-core/utils/findVerticalScrollParent";
+import { createDefaultFindOptions as P } from "@eigenpal/docx-editor-core/utils/findReplace";
+import { TableSelectionManager as F, findTableFromClick as I } from "@eigenpal/docx-editor-core/managers/TableSelectionManager";
+import { createVisualLineState as L, findLineElementAtPosition as R, findPositionOnLineAtClientX as z, getCaretClientX as B, handleVisualLineKeyDown as V } from "@eigenpal/docx-editor-core/prosemirror/utils/visualLineNavigation";
+//#region src/composables/useAutoSave.ts
+function H(e, t = {}) {
+	let n = s("idle"), r = s(null), a = s(!1), o = s(!0), { storageKey: u, interval: d, enabled: f = !0, maxAge: p, onSave: m, onError: h, onRecoveryAvailable: g, saveOnChange: _, debounceDelay: v } = t;
+	if (!M()) return {
+		status: n,
+		lastSaveTime: r,
+		hasRecoveryData: a,
+		isEnabled: o,
+		save: async () => !1,
+		clearAutoSave: () => {},
+		getRecoveryData: () => null,
+		acceptRecovery: () => null,
+		dismissRecovery: () => {},
+		enable: () => {},
+		disable: () => {}
+	};
+	let y = new T({
+		storageKey: u,
+		interval: d,
+		maxAge: p,
+		saveOnChange: _,
+		debounceDelay: v,
+		onSave: m,
+		onError: h,
+		onRecoveryAvailable: g
+	}), b = () => {
+		let e = y.getSnapshot();
+		n.value = e.status, r.value = e.lastSaveTime, a.value = e.hasRecoveryData, o.value = e.isEnabled;
+	}, x = y.subscribe(b);
+	f ? y.enable() : y.disable(), b(), l(() => c(e), (e) => y.onDocumentChanged(e ?? null), { immediate: !0 });
+	function S() {
+		return y.save();
+	}
+	function C() {
+		y.clear();
+	}
+	function w() {
+		return y.getRecoveryData();
+	}
+	function E() {
+		return y.acceptRecovery();
+	}
+	function D() {
+		y.dismissRecovery();
+	}
+	function O() {
+		y.enable();
+	}
+	function k() {
+		y.disable();
+	}
+	return i(() => {
+		x(), y.destroy();
+	}), {
+		status: n,
+		lastSaveTime: r,
+		hasRecoveryData: a,
+		isEnabled: o,
+		save: S,
+		clearAutoSave: C,
+		getRecoveryData: w,
+		acceptRecovery: E,
+		dismissRecovery: D,
+		enable: O,
+		disable: k
+	};
+}
+//#endregion
+//#region src/composables/useClipboard.ts
+function U(e = {}) {
+	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o, theme: c } = e, l = s(!1), u = s(null);
+	async function d(e) {
+		if (l.value) return !1;
+		l.value = !0;
+		try {
+			let n = await g(e.runs, {
+				onError: o,
+				theme: c
+			});
+			return n && t?.(e), n;
+		} finally {
+			l.value = !1;
+		}
+	}
+	async function f(e) {
+		if (l.value || !a) return !1;
+		l.value = !0;
+		try {
+			let t = await g(e.runs, {
+				onError: o,
+				theme: c
+			});
+			return t && n?.(e), t;
+		} finally {
+			l.value = !1;
+		}
+	}
+	async function p(e = !1) {
+		if (l.value || !a) return null;
+		l.value = !0;
+		try {
+			if (navigator.clipboard && navigator.clipboard.read) {
+				let t = await navigator.clipboard.read(), n = "", a = "";
+				for (let e of t) e.types.includes("text/html") && (n = await (await e.getType("text/html")).text()), e.types.includes("text/plain") && (a = await (await e.getType("text/plain")).text());
+				e && (n = "");
+				let o = S(n, a, i);
+				return u.value = o, r?.(o, e), o;
+			}
+			return null;
+		} catch (e) {
+			return o?.(e instanceof Error ? e : Error(String(e))), null;
+		} finally {
+			l.value = !1;
+		}
+	}
+	return {
+		copy: d,
+		cut: f,
+		paste: p,
+		isProcessing: l,
+		lastPastedContent: u
+	};
+}
+//#endregion
+//#region src/composables/useCommentSidebarItems.ts
+function W({ comments: e, trackedChanges: t, showResolved: n, isAddingComment: i, addCommentYPosition: a }) {
+	return r(() => {
+		let r = [];
+		i?.value && a?.value != null && r.push({
+			id: "new-comment-input",
+			anchorPos: 0,
+			fixedY: a.value,
+			priority: -1e3,
+			isTemporary: !0,
+			estimatedHeight: 120,
+			kind: "add-comment"
+		});
+		let o = /* @__PURE__ */ new Map();
+		for (let t of e.value) if (t.parentId != null) {
+			let e = o.get(t.parentId);
+			e ? e.push(t) : o.set(t.parentId, [t]);
+		}
+		for (let t of e.value) t.parentId ?? (t.done && !n?.value || r.push({
+			id: `comment-${t.id}`,
+			anchorPos: 0,
+			anchorKey: `comment-${t.id}`,
+			priority: 0,
+			estimatedHeight: t.done ? 28 : 80,
+			kind: "comment",
+			comment: t,
+			replies: o.get(t.id) ?? []
+		}));
+		return t.value.forEach((e, t) => {
+			r.push({
+				id: `tc-${e.revisionId}-${t}`,
+				anchorPos: e.from,
+				anchorKey: `revision-${e.revisionId}`,
+				priority: 1,
+				estimatedHeight: 80,
+				kind: "tracked-change",
+				change: e
+			});
+		}), r;
+	});
+}
+//#endregion
+//#region src/composables/useDragAutoScroll.ts
+var G = 40, K = 12;
+function q({ 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 = N(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 = e.getBoundingClientRect(), s = 0;
+		if (a < i.top + G) {
+			let e = Math.max(0, i.top + G - a);
+			s = -Math.min(K, e / G * K);
+		} else if (a > i.bottom - G) {
+			let e = Math.max(0, a - (i.bottom - G));
+			s = Math.min(K, e / G * K);
+		}
+		s !== 0 && (e.scrollTop += s, 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 + G || t > n.bottom - G) && d();
+		}
+	}
+	return i(() => l()), {
+		updateMousePosition: f,
+		stopAutoScroll: l
+	};
+}
+//#endregion
+//#region src/composables/useFindReplace.ts
+function J(e = {}) {
+	let t = o({
+		isOpen: !1,
+		searchText: "",
+		replaceText: "",
+		options: P(),
+		matches: [],
+		currentIndex: 0,
+		replaceMode: e.initialReplaceMode ?? !1
+	});
+	function n(e) {
+		t.isOpen = !0, t.replaceMode = !1, e && (t.searchText = e), t.matches = [], t.currentIndex = 0;
+	}
+	function i(e) {
+		t.isOpen = !0, t.replaceMode = !0, e && (t.searchText = e), t.matches = [], t.currentIndex = 0;
+	}
+	function a() {
+		t.isOpen = !1;
+	}
+	function s() {
+		t.isOpen = !t.isOpen;
+	}
+	function c(e) {
+		t.searchText = e;
+	}
+	function l(e) {
+		t.replaceText = e;
+	}
+	function u(e) {
+		t.options = {
+			...t.options,
+			...e
+		};
+	}
+	function d(n, r = 0) {
+		let i = Math.max(0, Math.min(r, n.length - 1));
+		t.matches = n, t.currentIndex = n.length > 0 ? i : 0, e.onMatchesChange?.(n), n.length > 0 ? e.onCurrentMatchChange?.(n[i], i) : e.onCurrentMatchChange?.(null, -1);
+	}
+	function f() {
+		return t.matches.length === 0 ? 0 : (t.currentIndex = (t.currentIndex + 1) % t.matches.length, t.currentIndex);
+	}
+	function p() {
+		return t.matches.length === 0 ? 0 : (t.currentIndex = t.currentIndex === 0 ? t.matches.length - 1 : t.currentIndex - 1, t.currentIndex);
+	}
+	function m(e) {
+		t.matches.length === 0 || e < 0 || e >= t.matches.length || (t.currentIndex = e);
+	}
+	return {
+		state: t,
+		currentMatch: r(() => t.matches.length === 0 ? null : t.matches[t.currentIndex] ?? null),
+		hasMatches: r(() => t.matches.length > 0),
+		openFind: n,
+		openReplace: i,
+		close: a,
+		toggle: s,
+		setSearchText: c,
+		setReplaceText: l,
+		setOptions: u,
+		setMatches: d,
+		goToNextMatch: f,
+		goToPreviousMatch: p,
+		goToMatch: m
+	};
+}
+//#endregion
+//#region src/composables/useFixedDropdown.ts
+function Y({ isOpen: e, onClose: t, align: n = "left" }) {
+	let r = s(null), a = s(null), o = s({
+		position: "fixed",
+		top: "0px",
+		left: "0px",
+		zIndex: 1e4
+	});
+	function c(e, t) {
+		o.value = {
+			position: "fixed",
+			top: e + "px",
+			left: t + "px",
+			zIndex: 1e4
+		};
+	}
+	function u(e) {
+		let n = e.target;
+		r.value && !r.value.contains(n) && a.value && !a.value.contains(n) && t();
+	}
+	function d(e) {
+		e.key === "Escape" && t();
+	}
+	function f() {
+		t();
+	}
+	function p() {
+		document.addEventListener("mousedown", u), document.addEventListener("keydown", d), window.addEventListener("scroll", f, !0);
+	}
+	function m() {
+		document.removeEventListener("mousedown", u), document.removeEventListener("keydown", d), window.removeEventListener("scroll", f, !0);
+	}
+	l(e, (e) => {
+		if (!e) {
+			m();
+			return;
+		}
+		let t = r.value;
+		if (!t) return;
+		let i = t.getBoundingClientRect();
+		n === "right" ? requestAnimationFrame(() => {
+			let e = a.value;
+			if (e) {
+				let t = e.getBoundingClientRect();
+				c(i.bottom + 4, i.right - t.width);
+			} else c(i.bottom + 4, i.left);
+		}) : c(i.bottom + 4, i.left), p();
+	}), i(m);
+	function h(e) {
+		e.preventDefault(), e.stopPropagation();
+	}
+	return {
+		containerRef: r,
+		dropdownRef: a,
+		dropdownStyle: o,
+		handleMouseDown: h
+	};
+}
+//#endregion
+//#region src/composables/useHistory.ts
+function X(e, t) {
+	let n = r(() => {
+		t.value;
+		let n = e.value;
+		return n ? p(n.state) > 0 : !1;
+	}), i = r(() => {
+		t.value;
+		let n = e.value;
+		return n ? d(n.state) > 0 : !1;
+	});
+	function a() {
+		let t = e.value;
+		return t ? f(t.state, t.dispatch) : !1;
+	}
+	function o() {
+		let t = e.value;
+		return t ? u(t.state, t.dispatch) : !1;
+	}
+	return {
+		canUndo: n,
+		canRedo: i,
+		undo: a,
+		redo: o
+	};
+}
+//#endregion
+//#region src/composables/useSelectionHighlight.ts
+function Z(e) {
+	let { containerRef: t, enabled: n = !0, config: o = m, useOverlay: c = !1, debounceMs: u = 16, onSelectionChange: d } = e, f = s(!1), p = s(""), g = s([]), S = s(!1), C = null, w = 0;
+	function T() {
+		let e = t.value, n = y(), r = v(), i = e ? x(e) : !1;
+		f.value = n, p.value = r, S.value = i, g.value = c && i && e ? _(e) : [], d?.(n && i, r);
+	}
+	function E() {
+		T();
+	}
+	function D() {
+		let e = performance.now();
+		if (e - w < u) {
+			C && clearTimeout(C), C = setTimeout(() => {
+				w = performance.now(), T(), C = null;
+			}, u);
+			return;
+		}
+		w = e, T();
+	}
+	function O(e) {
+		return {
+			position: "absolute",
+			left: e.left + "px",
+			top: e.top + "px",
+			width: e.width + "px",
+			height: e.height + "px",
+			backgroundColor: o.backgroundColor,
+			borderRadius: o.borderRadius ? o.borderRadius + "px" : void 0,
+			border: o.borderColor ? `1px solid ${o.borderColor}` : void 0,
+			zIndex: o.zIndex ?? 0,
+			pointerEvents: "none"
+		};
+	}
+	return a(() => {
+		n && (h() || b(o), document.addEventListener("selectionchange", D));
+	}), i(() => {
+		document.removeEventListener("selectionchange", D), C && clearTimeout(C);
+	}), l(t, () => T()), {
+		hasSelection: r(() => f.value),
+		selectedText: r(() => p.value),
+		highlightRects: r(() => g.value),
+		isSelectionInContainer: r(() => S.value),
+		refresh: E,
+		getOverlayStyle: O
+	};
+}
+//#endregion
+//#region src/composables/useTableSelection.ts
+function Q() {
+	let e = new F(), t = s(null), n = () => {
+		t.value = e.getSnapshot().selectedCell;
+	}, r = e.subscribe(n);
+	n(), i(() => {
+		r();
+	});
+	function a(t, n, r) {
+		e.selectCell({
+			tableIndex: t,
+			rowIndex: n,
+			columnIndex: r
+		});
+	}
+	function o(t, n) {
+		let r = I(t, n);
+		r ? e.selectCell(r) : e.clearSelection();
+	}
+	function c() {
+		e.clearSelection();
+	}
+	function l(t, n, r) {
+		return e.isCellSelected(t, n, r);
+	}
+	return {
+		selectedCell: t,
+		handleCellClick: a,
+		handleClickTarget: o,
+		clearSelection: c,
+		isCellSelected: l
+	};
+}
+//#endregion
+//#region src/composables/useTrackedChanges.ts
+function $(e, t) {
+	return r(() => (t.value, w(e.value?.state ?? null)));
+}
+//#endregion
+//#region src/composables/useVisualLineNavigation.ts
+function ee(e) {
+	let t = L();
+	function n(t) {
+		let n = e.value;
+		return n ? B(n, t) : null;
+	}
+	function r(t) {
+		let n = e.value;
+		return n ? R(n, t) : null;
+	}
+	function i(e, t) {
+		return z(e, t);
+	}
+	function a(n, r) {
+		return V(t, n, r, e.value);
+	}
+	return {
+		state: t,
+		getCaretClientX: n,
+		findLineElementAtPosition: r,
+		findPositionOnLineAtClientX: i,
+		handlePMKeyDown: a
+	};
+}
+//#endregion
+export { E as createSelectionFromDOM, w as extractTrackedChanges, D as formatLastSaveTime, O as formatStorageSize, k as getAutoSaveStatusLabel, A as getAutoSaveStorageSize, j as getSelectionRuns, M as isAutoSaveSupported, C as runsToClipboardContent, H as useAutoSave, U as useClipboard, W as useCommentSidebarItems, t as useDocxEditor, q as useDragAutoScroll, J as useFindReplace, Y as useFixedDropdown, X as useHistory, Z as useSelectionHighlight, n as useTableResize, Q as useTableSelection, $ as useTrackedChanges, ee as useVisualLineNavigation, e as useWheelZoom, e as useZoom };

package/dist/dialogs.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./KeyboardShortcutsDialog-D72k5DXR.cjs`),t=require(`./TablePropertiesDialog-Ct5XChwd.cjs`);exports.FindReplaceDialog=e.s,exports.FootnotePropertiesDialog=t.o,exports.HyperlinkDialog=e.a,exports.ImagePositionDialog=t.a,exports.ImagePropertiesDialog=e.r,exports.InsertImageDialog=e.o,exports.InsertSymbolDialog=e.i,exports.InsertTableDialog=t.i,exports.KeyboardShortcutsDialog=e.t,exports.PageSetupDialog=e.n,exports.PasteSpecialDialog=t.r,exports.SplitCellDialog=t.n,exports.TablePropertiesDialog=t.t;

package/dist/dialogs.js

@@ -0,0 +1,3 @@
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./KeyboardShortcutsDialog-BtJB9UOD.js";
+import { a as s, i as c, n as l, o as u, r as d, t as f } from "./TablePropertiesDialog-cJx_xxxE.js";
+export { a as FindReplaceDialog, u as FootnotePropertiesDialog, e as HyperlinkDialog, s as ImagePositionDialog, i as ImagePropertiesDialog, r as InsertImageDialog, t as InsertSymbolDialog, c as InsertTableDialog, o as KeyboardShortcutsDialog, n as PageSetupDialog, d as PasteSpecialDialog, l as SplitCellDialog, f as TablePropertiesDialog };