@heyirisai/docx-editor-vue 1.9.0

package/dist/composables.js

@@ -0,0 +1,401 @@
+import { t as e } from "./useCommentSidebarItems-DXbF857R.js";
+import { i as t, n, r, t as i } from "./useDragAutoScroll-CVltVfKK.js";
+import { computed as a, onBeforeUnmount as o, onMounted as s, reactive as c, ref as l, unref as u, watch as d } from "vue";
+import { DEFAULT_SELECTION_STYLE as f, areSelectionStylesInjected as p, copyRuns as m, getMergedSelectionRects as h, getSelectedText as g, hasActiveSelection as _, injectSelectionStyles as v, isSelectionWithin as y, parseClipboardHtml as b, runsToClipboardContent as x } from "@heyirisai/docx-editor-core/utils";
+import { redo as S, redoDepth as C, undo as w, undoDepth as T } from "prosemirror-history";
+import { extractTrackedChanges as E } from "@heyirisai/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { AutoSaveManager as D, createSelectionFromDOM as O, formatLastSaveTime as k, formatStorageSize as A, getAutoSaveStatusLabel as j, getAutoSaveStorageSize as M, getSelectionRuns as N, isAutoSaveSupported as P } from "@heyirisai/docx-editor-core";
+import { createDefaultFindOptions as F } from "@heyirisai/docx-editor-core/utils/findReplace";
+import { TableSelectionManager as I, findTableFromClick as L } from "@heyirisai/docx-editor-core/managers/TableSelectionManager";
+import { createVisualLineState as R, findLineElementAtPosition as z, findPositionOnLineAtClientX as B, getCaretClientX as V, handleVisualLineKeyDown as H } from "@heyirisai/docx-editor-core/prosemirror/utils/visualLineNavigation";
+//#region src/composables/useAutoSave.ts
+function U(e, t = {}) {
+	let n = l("idle"), r = l(null), i = l(!1), a = l(!0), { storageKey: s, interval: c, enabled: f = !0, maxAge: p, onSave: m, onError: h, onRecoveryAvailable: g, saveOnChange: _, debounceDelay: v } = t;
+	if (!P()) return {
+		status: n,
+		lastSaveTime: r,
+		hasRecoveryData: i,
+		isEnabled: a,
+		save: async () => !1,
+		clearAutoSave: () => {},
+		getRecoveryData: () => null,
+		acceptRecovery: () => null,
+		dismissRecovery: () => {},
+		enable: () => {},
+		disable: () => {}
+	};
+	let y = new D({
+		storageKey: s,
+		interval: c,
+		maxAge: p,
+		saveOnChange: _,
+		debounceDelay: v,
+		onSave: m,
+		onError: h,
+		onRecoveryAvailable: g
+	}), b = () => {
+		let e = y.getSnapshot();
+		n.value = e.status, r.value = e.lastSaveTime, i.value = e.hasRecoveryData, a.value = e.isEnabled;
+	}, x = y.subscribe(b);
+	f ? y.enable() : y.disable(), b(), d(() => u(e), (e) => y.onDocumentChanged(e ?? null), { immediate: !0 });
+	function S() {
+		return y.save();
+	}
+	function C() {
+		y.clear();
+	}
+	function w() {
+		return y.getRecoveryData();
+	}
+	function T() {
+		return y.acceptRecovery();
+	}
+	function E() {
+		y.dismissRecovery();
+	}
+	function O() {
+		y.enable();
+	}
+	function k() {
+		y.disable();
+	}
+	return o(() => {
+		x(), y.destroy();
+	}), {
+		status: n,
+		lastSaveTime: r,
+		hasRecoveryData: i,
+		isEnabled: a,
+		save: S,
+		clearAutoSave: C,
+		getRecoveryData: w,
+		acceptRecovery: T,
+		dismissRecovery: E,
+		enable: O,
+		disable: k
+	};
+}
+//#endregion
+//#region src/composables/useClipboard.ts
+function W(e = {}) {
+	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o, theme: s } = e, c = l(!1), u = l(null);
+	async function d(e) {
+		if (c.value) return !1;
+		c.value = !0;
+		try {
+			let n = await m(e.runs, {
+				onError: o,
+				theme: s
+			});
+			return n && t?.(e), n;
+		} finally {
+			c.value = !1;
+		}
+	}
+	async function f(e) {
+		if (c.value || !a) return !1;
+		c.value = !0;
+		try {
+			let t = await m(e.runs, {
+				onError: o,
+				theme: s
+			});
+			return t && n?.(e), t;
+		} finally {
+			c.value = !1;
+		}
+	}
+	async function p(e = !1) {
+		if (c.value || !a) return null;
+		c.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 = b(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 {
+			c.value = !1;
+		}
+	}
+	return {
+		copy: d,
+		cut: f,
+		paste: p,
+		isProcessing: c,
+		lastPastedContent: u
+	};
+}
+//#endregion
+//#region src/composables/useFindReplace.ts
+function G(e = {}) {
+	let t = c({
+		isOpen: !1,
+		searchText: "",
+		replaceText: "",
+		options: F(),
+		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 r(e) {
+		t.isOpen = !0, t.replaceMode = !0, e && (t.searchText = e), t.matches = [], t.currentIndex = 0;
+	}
+	function i() {
+		t.isOpen = !1;
+	}
+	function o() {
+		t.isOpen = !t.isOpen;
+	}
+	function s(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: a(() => t.matches.length === 0 ? null : t.matches[t.currentIndex] ?? null),
+		hasMatches: a(() => t.matches.length > 0),
+		openFind: n,
+		openReplace: r,
+		close: i,
+		toggle: o,
+		setSearchText: s,
+		setReplaceText: l,
+		setOptions: u,
+		setMatches: d,
+		goToNextMatch: f,
+		goToPreviousMatch: p,
+		goToMatch: m
+	};
+}
+//#endregion
+//#region src/composables/useFixedDropdown.ts
+function K({ isOpen: e, onClose: t, align: n = "left" }) {
+	let r = l(null), i = l(null), a = l({
+		position: "fixed",
+		top: "0px",
+		left: "0px",
+		zIndex: 1e4
+	});
+	function s(e, t) {
+		a.value = {
+			position: "fixed",
+			top: e + "px",
+			left: t + "px",
+			zIndex: 1e4
+		};
+	}
+	function c(e) {
+		let n = e.target;
+		r.value && !r.value.contains(n) && i.value && !i.value.contains(n) && t();
+	}
+	function u(e) {
+		e.key === "Escape" && t();
+	}
+	function f(e) {
+		let n = e.target;
+		n && i.value && i.value.contains(n) || t();
+	}
+	function p() {
+		document.addEventListener("mousedown", c), document.addEventListener("keydown", u), window.addEventListener("scroll", f, !0);
+	}
+	function m() {
+		document.removeEventListener("mousedown", c), document.removeEventListener("keydown", u), window.removeEventListener("scroll", f, !0);
+	}
+	d(e, (e) => {
+		if (!e) {
+			m();
+			return;
+		}
+		let t = r.value;
+		if (!t) return;
+		let a = t.getBoundingClientRect();
+		n === "right" ? requestAnimationFrame(() => {
+			let e = i.value;
+			if (e) {
+				let t = e.getBoundingClientRect();
+				s(a.bottom + 4, a.right - t.width);
+			} else s(a.bottom + 4, a.left);
+		}) : s(a.bottom + 4, a.left), p();
+	}), o(m);
+	function h(e) {
+		e.preventDefault(), e.stopPropagation();
+	}
+	return {
+		containerRef: r,
+		dropdownRef: i,
+		dropdownStyle: a,
+		handleMouseDown: h
+	};
+}
+//#endregion
+//#region src/composables/useHistory.ts
+function q(e, t) {
+	let n = a(() => {
+		t.value;
+		let n = e.value;
+		return n ? T(n.state) > 0 : !1;
+	}), r = a(() => {
+		t.value;
+		let n = e.value;
+		return n ? C(n.state) > 0 : !1;
+	});
+	function i() {
+		let t = e.value;
+		return t ? w(t.state, t.dispatch) : !1;
+	}
+	function o() {
+		let t = e.value;
+		return t ? S(t.state, t.dispatch) : !1;
+	}
+	return {
+		canUndo: n,
+		canRedo: r,
+		undo: i,
+		redo: o
+	};
+}
+//#endregion
+//#region src/composables/useSelectionHighlight.ts
+function J(e) {
+	let { containerRef: t, enabled: n = !0, config: r = f, useOverlay: i = !1, debounceMs: c = 16, onSelectionChange: u } = e, m = l(!1), b = l(""), x = l([]), S = l(!1), C = null, w = 0;
+	function T() {
+		let e = t.value, n = _(), r = g(), a = e ? y(e) : !1;
+		m.value = n, b.value = r, S.value = a, x.value = i && a && e ? h(e) : [], u?.(n && a, r);
+	}
+	function E() {
+		T();
+	}
+	function D() {
+		let e = performance.now();
+		if (e - w < c) {
+			C && clearTimeout(C), C = setTimeout(() => {
+				w = performance.now(), T(), C = null;
+			}, c);
+			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: r.backgroundColor,
+			borderRadius: r.borderRadius ? r.borderRadius + "px" : void 0,
+			border: r.borderColor ? `1px solid ${r.borderColor}` : void 0,
+			zIndex: r.zIndex ?? 0,
+			pointerEvents: "none"
+		};
+	}
+	return s(() => {
+		n && (p() || v(r), document.addEventListener("selectionchange", D));
+	}), o(() => {
+		document.removeEventListener("selectionchange", D), C && clearTimeout(C);
+	}), d(t, () => T()), {
+		hasSelection: a(() => m.value),
+		selectedText: a(() => b.value),
+		highlightRects: a(() => x.value),
+		isSelectionInContainer: a(() => S.value),
+		refresh: E,
+		getOverlayStyle: O
+	};
+}
+//#endregion
+//#region src/composables/useTableSelection.ts
+function Y() {
+	let e = new I(), t = l(null), n = () => {
+		t.value = e.getSnapshot().selectedCell;
+	}, r = e.subscribe(n);
+	n(), o(() => {
+		r();
+	});
+	function i(t, n, r) {
+		e.selectCell({
+			tableIndex: t,
+			rowIndex: n,
+			columnIndex: r
+		});
+	}
+	function a(t, n) {
+		let r = L(t, n);
+		r ? e.selectCell(r) : e.clearSelection();
+	}
+	function s() {
+		e.clearSelection();
+	}
+	function c(t, n, r) {
+		return e.isCellSelected(t, n, r);
+	}
+	return {
+		selectedCell: t,
+		handleCellClick: i,
+		handleClickTarget: a,
+		clearSelection: s,
+		isCellSelected: c
+	};
+}
+//#endregion
+//#region src/composables/useTrackedChanges.ts
+function X(e, t) {
+	return a(() => (t.value, E(e.value?.state ?? null)));
+}
+//#endregion
+//#region src/composables/useVisualLineNavigation.ts
+function Z(e) {
+	let t = R();
+	function n(t) {
+		let n = e.value;
+		return n ? V(n, t) : null;
+	}
+	function r(t) {
+		let n = e.value;
+		return n ? z(n, t) : null;
+	}
+	function i(e, t) {
+		return B(e, t);
+	}
+	function a(n, r) {
+		return H(t, n, r, e.value);
+	}
+	return {
+		state: t,
+		getCaretClientX: n,
+		findLineElementAtPosition: r,
+		findPositionOnLineAtClientX: i,
+		handlePMKeyDown: a
+	};
+}
+//#endregion
+export { O as createSelectionFromDOM, E as extractTrackedChanges, k as formatLastSaveTime, A as formatStorageSize, j as getAutoSaveStatusLabel, M as getAutoSaveStorageSize, N as getSelectionRuns, P as isAutoSaveSupported, x as runsToClipboardContent, U as useAutoSave, W as useClipboard, e as useCommentSidebarItems, t as useDocxEditor, i as useDragAutoScroll, G as useFindReplace, K as useFixedDropdown, q as useHistory, J as useSelectionHighlight, n as useTableResize, Y as useTableSelection, X as useTrackedChanges, Z as useVisualLineNavigation, r as useWheelZoom, r as useZoom };

package/dist/dialogs.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./KeyboardShortcutsDialog-Cmezq6eJ.cjs`),t=require(`./TablePropertiesDialog-B6ncvNnv.cjs`);exports.FindReplaceDialog=e.o,exports.FootnotePropertiesDialog=t.s,exports.HyperlinkDialog=e.a,exports.ImagePositionDialog=t.o,exports.ImagePropertiesDialog=e.r,exports.InsertImageDialog=t.a,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, t as a } from "./KeyboardShortcutsDialog-B0fEvXnH.js";
+import { a as o, i as s, n as c, o as l, r as u, s as d, t as f } from "./TablePropertiesDialog-P_vyKNTn.js";
+export { r as FindReplaceDialog, d as FootnotePropertiesDialog, e as HyperlinkDialog, l as ImagePositionDialog, i as ImagePropertiesDialog, o as InsertImageDialog, t as InsertSymbolDialog, s as InsertTableDialog, a as KeyboardShortcutsDialog, n as PageSetupDialog, u as PasteSpecialDialog, c as SplitCellDialog, f as TablePropertiesDialog };