@stll/folio-vue 0.2.0

package/dist/composables/useParagraphStyleOptions.d.ts

@@ -0,0 +1,18 @@
+import { ComputedRef } from 'vue';
+import { StylePreviewProps } from '../utils/stylePreview';
+import { Style } from '@stll/folio-core/types/document';
+import { TranslationKey } from '../components/Toolbar/presets';
+export type ResolvedStyle = {
+    id: string;
+    label: string;
+    previewStyle: StylePreviewProps;
+};
+export type UseParagraphStyleOptionsReturn = {
+    resolvedParagraphStyles: ComputedRef<ResolvedStyle[]>;
+    currentStyleLabel: ComputedRef<string>;
+};
+export declare function useParagraphStyleOptions(opts: {
+    documentStyles: () => Style[] | undefined;
+    currentStyleId: () => string;
+    t: (key: TranslationKey) => string;
+}): UseParagraphStyleOptionsReturn;

package/dist/composables/usePortalClass.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef, MaybeRef } from 'vue';
+export declare function provideDocxPortalClass(isDark: MaybeRef<boolean>): void;
+/**
+ * Class binding to apply to a teleported root so it inherits the editor's
+ * `--doc-*` tokens and theme. Falls back to a light `.ep-root` when used
+ * outside a provider (e.g. an isolated component test).
+ */
+export declare function useDocxPortalClass(): ComputedRef<Record<string, boolean>>;

package/dist/composables/useSelectionHighlight.d.ts

@@ -0,0 +1,19 @@
+import { Ref, ComputedRef, CSSProperties } from 'vue';
+import { HighlightRect, SelectionHighlightConfig } from '../utils/selectionHighlight';
+export type UseSelectionHighlightOptions = {
+    containerRef: Ref<HTMLElement | null>;
+    enabled?: boolean;
+    config?: SelectionHighlightConfig;
+    useOverlay?: boolean;
+    debounceMs?: number;
+    onSelectionChange?: (hasSelection: boolean, text: string) => void;
+};
+export type UseSelectionHighlightReturn = {
+    hasSelection: ComputedRef<boolean>;
+    selectedText: ComputedRef<string>;
+    highlightRects: ComputedRef<HighlightRect[]>;
+    isSelectionInContainer: ComputedRef<boolean>;
+    refresh: () => void;
+    getOverlayStyle: (rect: HighlightRect) => CSSProperties;
+};
+export declare function useSelectionHighlight(options: UseSelectionHighlightOptions): UseSelectionHighlightReturn;

package/dist/composables/useSelectionSync.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Selection-overlay composable — owns the text-caret blink + selection-rect
+ * painter, the cell-selection highlight, and the image-selection sync that
+ * re-derives `selectedImage` from the live PM NodeSelection.
+ *
+ * PORT-BLOCKED (multiple absent dependencies):
+ *   - `applyCellSelectionHighlight` — absent from our core. Upstream ships it in
+ *     `layout-bridge/cellSelectionHighlight.ts`; our `layout-bridge` barrel does
+ *     not expose it (see CORE-API-MAP Table 4, PORT). The multi-cell highlight
+ *     branch cannot run without it.
+ *   - `findImageElement` — absent from our core `layout-painter` barrel (which
+ *     exposes only `renderPages`/`LayoutPainter`/registry); it is a PORT item.
+ *     The image-overlay sync (`syncSelectedImageToSelection`) depends on it.
+ *   - `../components/imageSelectionTypes` (`ImageSelectionInfo`) — the Vue-package
+ *     image-selection type module has not been ported.
+ *   - `../styles/zIndex` (`Z_INDEX`) — the Vue-package z-index token module does
+ *     not exist in our fork (there is no `styles/` dir).
+ *
+ * The DOM primitives it also uses DO resolve, but at drifted paths
+ * (`getSelectionRectsFromDom`/`getCaretPositionFromDom` →
+ * `@stll/folio-core/layout-bridge/dom/clickToPositionDom`; `findBodyPmAnchor` →
+ * `@stll/folio-core/layout-bridge/dom/findBodyPmSpans`). With the four blockers
+ * above there is no coherent working subset, so the whole composable is blocked.
+ *
+ * Unblock: PORT `applyCellSelectionHighlight` and `findImageElement` into core
+ * (or a core barrel), then port the `imageSelectionTypes` + `styles/zIndex`
+ * Vue-package modules, and re-point the DOM-primitive imports to the drifted
+ * paths above.
+ */
+export {};

package/dist/composables/useTableResize.d.ts

@@ -0,0 +1,7 @@
+import { EditorView } from 'prosemirror-view';
+export type UseTableResizeReturn = {
+    tryStartResize: (e: MouseEvent, view: EditorView) => boolean;
+    install: () => () => void;
+    isResizing: () => boolean;
+};
+export declare function useTableResize(): UseTableResizeReturn;

package/dist/composables/useTableSelection.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { CellCoordinates } from '@stll/folio-core/managers/types';
+export type UseTableSelectionReturn = {
+    selectedCell: Ref<CellCoordinates | null>;
+    handleCellClick: (tableIndex: number, rowIndex: number, columnIndex: number) => void;
+    handleClickTarget: (target: EventTarget | null, container?: HTMLElement | null) => void;
+    clearSelection: () => void;
+    isCellSelected: (tableIndex: number, rowIndex: number, columnIndex: number) => boolean;
+};
+export declare function useTableSelection(): UseTableSelectionReturn;

package/dist/composables/useToolbarDropdowns.d.ts

@@ -0,0 +1,15 @@
+import { Ref, CSSProperties } from 'vue';
+export type UseToolbarDropdownsOptions = {
+    zoom: Ref<HTMLElement | null>;
+    style: Ref<HTMLElement | null>;
+    font: Ref<HTMLElement | null>;
+    size: Ref<HTMLElement | null>;
+    align: Ref<HTMLElement | null>;
+    spacing: Ref<HTMLElement | null>;
+};
+export declare function useToolbarDropdowns(refs: UseToolbarDropdownsOptions): {
+    openDropdown: Ref<string | null, string | null>;
+    dropdownMenuStyle: import('vue').ComputedRef<CSSProperties>;
+    toggleDropdown: (name: string) => void;
+    recomputeDropdownPos: (name: string) => void;
+};

package/dist/composables/useToolbarFontSize.d.ts

@@ -0,0 +1,15 @@
+import { Ref, ComputedRef } from 'vue';
+export type UseToolbarFontSizeReturn = {
+    onSizeFocus: () => void;
+    onSizeInput: () => void;
+    commitFontSize: (e: Event) => void;
+    pickFontSize: (size: number) => void;
+    increaseFontSize: () => void;
+    decreaseFontSize: () => void;
+};
+export declare function useToolbarFontSize(opts: {
+    currentFontSize: ComputedRef<number>;
+    openDropdown: Ref<string | null>;
+    recomputeDropdownPos: (name: string) => void;
+    execCommand: (name: string, ...args: unknown[]) => void;
+}): UseToolbarFontSizeReturn;

package/dist/composables/useTrackedChanges.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { extractTrackedChanges, TrackedChangesResult } from '@stll/folio-core/prosemirror/utils/extractTrackedChanges';
+export type { TrackedChangesResult };
+export { extractTrackedChanges };
+export type { TrackedChangeEntry } from '../utils/comments';
+/**
+ * Pass the editor view ref + a stateTick that bumps on every PM
+ * transaction (the same tick the Toolbar listens to). The computed
+ * re-runs whenever the tick advances.
+ */
+export declare function useTrackedChanges(view: Ref<EditorView | null>, stateTick: Ref<number>): import('vue').ComputedRef<TrackedChangesResult>;

package/dist/composables/useVisualLineNavigation.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { createVisualLineState } from '@stll/folio-core/prosemirror/utils/visualLineNavigation';
+import { EditorView } from 'prosemirror-view';
+export type UseVisualLineNavigationReturn = {
+    state: ReturnType<typeof createVisualLineState>;
+    getCaretClientX: (pmPos: number) => number | null;
+    findLineElementAtPosition: (pmPos: number) => HTMLElement | null;
+    findPositionOnLineAtClientX: (line: HTMLElement, clientX: number) => number | null;
+    handlePMKeyDown: (view: EditorView, event: KeyboardEvent) => boolean;
+};
+export declare function useVisualLineNavigation(pagesContainer: Ref<HTMLElement | null>): UseVisualLineNavigationReturn;

package/dist/composables/useWheelZoom.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Alias for cross-adapter parity — the React adapter has
+ * `useWheelZoom.ts` (Ctrl+wheel zoom + Ctrl+= / Ctrl+- / Ctrl+0
+ * shortcuts). Vue rolls the same behaviour into `useZoom`, which
+ * already exposes `handleWheel` and `installShortcuts()`. This file
+ * re-exports under the React-style name so plugin code can call
+ * `useWheelZoom()` either way and get the same composable.
+ */
+export { useZoom as useWheelZoom } from './useZoom';
+export type { UseZoomReturn } from './useZoom';

package/dist/composables/useZoom.d.ts

@@ -0,0 +1,16 @@
+import { Ref, ComputedRef } from 'vue';
+export type UseZoomReturn = {
+    zoom: Ref<number>;
+    zoomPercent: ComputedRef<number>;
+    isMinZoom: ComputedRef<boolean>;
+    isMaxZoom: ComputedRef<boolean>;
+    setZoom: (level: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    resetZoom: () => void;
+    handleWheel: (e: WheelEvent) => void;
+    handleKeyDown: (e: KeyboardEvent) => void;
+    installShortcuts: () => void;
+    ZOOM_PRESETS: number[];
+};
+export declare function useZoom(initialZoom?: number): UseZoomReturn;

package/dist/composables.cjs

@@ -0,0 +1,61 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./useZoom-BryUw3Cu.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 */
+
+    .docx-editor [contenteditable="true"]::selection,
+    .docx-editor [contenteditable="true"] *::selection,
+    .docx-run-editable::selection,
+    .docx-run-editable *::selection {
+      background-color: ${e.backgroundColor} !important;
+      color: inherit !important;
+    }
+
+    .docx-editor [contenteditable="true"]::-moz-selection,
+    .docx-editor [contenteditable="true"] *::-moz-selection,
+    .docx-run-editable::-moz-selection,
+    .docx-run-editable *::-moz-selection {
+      background-color: ${e.backgroundColor} !important;
+      color: inherit !important;
+    }
+
+    .docx-run-highlighted::selection,
+    .docx-run-highlighted *::selection {
+      background-color: rgba(26, 115, 232, 0.5) !important;
+    }
+
+    .docx-run-highlighted::-moz-selection,
+    .docx-run-highlighted *::-moz-selection {
+      background-color: rgba(26, 115, 232, 0.5) !important;
+    }
+
+    .docx-run-dark-bg::selection,
+    .docx-run-dark-bg *::selection {
+      background-color: rgba(100, 181, 246, 0.5) !important;
+    }
+
+    .docx-run-dark-bg::-moz-selection,
+    .docx-run-dark-bg *::-moz-selection {
+      background-color: rgba(100, 181, 246, 0.5) !important;
+    }
+
+    .docx-selection-highlight {
+      background-color: ${e.backgroundColor};
+      ${e.borderRadius?`border-radius: ${e.borderRadius}px;`:``}
+      ${e.mixBlendMode?`mix-blend-mode: ${e.mixBlendMode};`:``}
+    }
+
+    .docx-find-highlight {
+      background-color: rgba(255, 235, 59, 0.5);
+      border-radius: 2px;
+    }
+
+    .docx-find-highlight-current {
+      background-color: rgba(255, 152, 0, 0.6);
+      border-radius: 2px;
+      outline: 2px solid rgba(255, 152, 0, 0.8);
+    }
+
+    .docx-ai-selection-preview {
+      background-color: rgba(156, 39, 176, 0.2);
+      border-bottom: 2px dashed rgba(156, 39, 176, 0.6);
+    }
+  `;v=document.createElement(`style`),v.id=_,v.textContent=t,document.head.appendChild(v)}function x(){return v!==null||document.getElementById(_)!==null}function S(){return window.getSelection()?.toString()??``}function C(e){let{containerRef:n,enabled:r=!0,config:i=d,useOverlay:a=!1,debounceMs:o=16,onSelectionChange:s}=e,c=(0,t.ref)(!1),l=(0,t.ref)(``),u=(0,t.ref)([]),f=(0,t.ref)(!1),p=null,_=0;function v(){let e=n.value,t=h(),r=S(),i=e?g(e):!1;c.value=t,l.value=r,f.value=i,u.value=a&&i&&e?m(e):[],s?.(t&&i,r)}function y(){v()}function C(){let e=performance.now();if(e-_<o){p&&clearTimeout(p),p=setTimeout(()=>{_=performance.now(),v(),p=null},o);return}_=e,v()}function w(e){let t={position:`absolute`,left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`,backgroundColor:i.backgroundColor,zIndex:i.zIndex??0,pointerEvents:`none`};return i.borderRadius&&(t.borderRadius=`${i.borderRadius}px`),i.borderColor&&(t.border=`1px solid ${i.borderColor}`),t}return(0,t.onMounted)(()=>{r&&(x()||b(i),document.addEventListener(`selectionchange`,C))}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`selectionchange`,C),p&&clearTimeout(p)}),(0,t.watch)(n,()=>v()),{hasSelection:(0,t.computed)(()=>c.value),selectedText:(0,t.computed)(()=>l.value),highlightRects:(0,t.computed)(()=>u.value),isSelectionInContainer:(0,t.computed)(()=>f.value),refresh:y,getOverlayStyle:w}}function w(){let e=new a.TableSelectionManager,n=(0,t.ref)(null),r=()=>{let t=e.getSnapshot();n.value=t.tableIndex!==null&&t.rowIndex!==null&&t.columnIndex!==null?{tableIndex:t.tableIndex,rowIndex:t.rowIndex,columnIndex:t.columnIndex}:null},i=e.subscribe(r);r(),(0,t.onScopeDispose)(i);function o(e,t,n){}function s(t,n){(0,a.findTableFromClick)(t,n)||e.clearSelection()}function c(){e.clearSelection()}function l(t,n,r){return e.isCellSelected(t,n,r)}return{selectedCell:n,handleCellClick:o,handleClickTarget:s,clearSelection:c,isCellSelected:l}}function T(e){let t=(0,o.createVisualLineState)();function n(t){let n=e.value;return n?(0,o.getCaretClientX)(n,t):null}function r(t){let n=e.value;return n?(0,o.findLineElementAtPosition)(n,t):null}function i(e,t){return(0,o.findPositionOnLineAtClientX)(e,t)}function a(n,r){return(0,o.handleVisualLineKeyDown)(t,n,r,e.value)}return{state:t,getCaretClientX:n,findLineElementAtPosition:r,findPositionOnLineAtClientX:i,handlePMKeyDown:a}}exports.createSelectionFromDOM=i.createSelectionFromDOM,exports.extractTrackedChanges=s.extractTrackedChanges,exports.getSelectionRuns=i.getSelectionRuns,exports.runsToClipboardContent=r.runsToClipboardContent,exports.useClipboard=c,exports.useDocxEditor=e.a,exports.useDragAutoScroll=e.i,exports.useFixedDropdown=l,exports.useHistory=u,exports.useSelectionHighlight=C,exports.useTableResize=e.r,exports.useTableSelection=w,exports.useTrackedChanges=e.n,exports.useVisualLineNavigation=T,exports.useWheelZoom=e.t,exports.useZoom=e.t;

package/dist/composables.js

@@ -0,0 +1,378 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "./useZoom-CIIRid8U.js";
+import { computed as o, onBeforeUnmount as s, onMounted as c, onScopeDispose as l, ref as u, watch as d } from "vue";
+import { redo as f, redoDepth as p, undo as m, undoDepth as h } from "prosemirror-history";
+import { copyRuns as g, parseClipboardHtml as _, runsToClipboardContent as v } from "@stll/folio-core/utils/clipboard";
+import { createSelectionFromDOM as y, getSelectionRuns as b } from "@stll/folio-core/managers/ClipboardManager";
+import { TableSelectionManager as x, findTableFromClick as S } from "@stll/folio-core/managers/TableSelectionManager";
+import { createVisualLineState as C, findLineElementAtPosition as w, findPositionOnLineAtClientX as T, getCaretClientX as E, handleVisualLineKeyDown as D } from "@stll/folio-core/prosemirror/utils/visualLineNavigation";
+//#region src/composables/useClipboard.ts
+function O(e = {}) {
+	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o } = e, s = u(!1), c = u(null), l = o ? { onError: o } : {};
+	async function d(e) {
+		if (s.value) return !1;
+		s.value = !0;
+		try {
+			let n = await g(e.runs, l);
+			return n && t?.(e), n;
+		} finally {
+			s.value = !1;
+		}
+	}
+	async function f(e) {
+		if (s.value || !a) return !1;
+		s.value = !0;
+		try {
+			let t = await g(e.runs, l);
+			return t && n?.(e), t;
+		} finally {
+			s.value = !1;
+		}
+	}
+	async function p(e = !1) {
+		if (s.value || !a) return null;
+		s.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 = _(n, a, i);
+				return c.value = o, r?.(o, e), o;
+			}
+			return null;
+		} catch (e) {
+			return o?.(e instanceof Error ? e : Error(String(e))), null;
+		} finally {
+			s.value = !1;
+		}
+	}
+	return {
+		copy: d,
+		cut: f,
+		paste: p,
+		isProcessing: s,
+		lastPastedContent: c
+	};
+}
+//#endregion
+//#region src/composables/useFixedDropdown.ts
+function k({ isOpen: e, onClose: t, align: n = "left" }) {
+	let r = u(null), i = u(null), a = u({
+		position: "fixed",
+		top: "0px",
+		left: "0px",
+		zIndex: 1e4
+	});
+	function o(e, t) {
+		a.value = {
+			position: "fixed",
+			top: e + "px",
+			left: t + "px",
+			zIndex: 1e4
+		};
+	}
+	function s(e) {
+		let n = e.target;
+		n instanceof Node && r.value && !r.value.contains(n) && i.value && !i.value.contains(n) && t();
+	}
+	function c(e) {
+		e.key === "Escape" && t();
+	}
+	function f(e) {
+		let n = e.target;
+		n instanceof Node && i.value && i.value.contains(n) || t();
+	}
+	function p() {
+		document.addEventListener("mousedown", s), document.addEventListener("keydown", c), window.addEventListener("scroll", f, !0);
+	}
+	function m() {
+		document.removeEventListener("mousedown", s), document.removeEventListener("keydown", c), 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();
+				o(a.bottom + 4, a.right - t.width);
+			} else o(a.bottom + 4, a.left);
+		}) : o(a.bottom + 4, a.left), p();
+	}), l(m);
+	function h(e) {
+		e.preventDefault(), e.stopPropagation();
+	}
+	return {
+		containerRef: r,
+		dropdownRef: i,
+		dropdownStyle: a,
+		handleMouseDown: h
+	};
+}
+//#endregion
+//#region src/composables/useHistory.ts
+function A(e, t) {
+	let n = o(() => {
+		t.value;
+		let n = e.value;
+		return n ? h(n.state) > 0 : !1;
+	}), r = o(() => {
+		t.value;
+		let n = e.value;
+		return n ? p(n.state) > 0 : !1;
+	});
+	function i() {
+		let t = e.value;
+		return t ? m(t.state, t.dispatch) : !1;
+	}
+	function a() {
+		let t = e.value;
+		return t ? f(t.state, t.dispatch) : !1;
+	}
+	return {
+		canUndo: n,
+		canRedo: r,
+		undo: i,
+		redo: a
+	};
+}
+//#endregion
+//#region src/utils/selectionHighlight.ts
+var j = {
+	backgroundColor: "rgba(26, 115, 232, 0.3)",
+	borderRadius: 0,
+	zIndex: 0,
+	opacity: 1,
+	mixBlendMode: "multiply"
+};
+function M(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 N(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 P(e) {
+	return N(M(e));
+}
+function F() {
+	let e = window.getSelection();
+	return e !== null && !e.isCollapsed && e.rangeCount > 0;
+}
+function I(e) {
+	let t = window.getSelection();
+	return !t || t.rangeCount === 0 ? !1 : e.contains(t.getRangeAt(0).commonAncestorContainer);
+}
+var L = "docx-selection-styles", R = null;
+function z() {
+	R &&= (R.remove(), null), document.getElementById(L)?.remove();
+}
+function B(e = j) {
+	z();
+	let t = `
+    /* DOCX Editor Selection Highlighting */
+
+    .docx-editor [contenteditable="true"]::selection,
+    .docx-editor [contenteditable="true"] *::selection,
+    .docx-run-editable::selection,
+    .docx-run-editable *::selection {
+      background-color: ${e.backgroundColor} !important;
+      color: inherit !important;
+    }
+
+    .docx-editor [contenteditable="true"]::-moz-selection,
+    .docx-editor [contenteditable="true"] *::-moz-selection,
+    .docx-run-editable::-moz-selection,
+    .docx-run-editable *::-moz-selection {
+      background-color: ${e.backgroundColor} !important;
+      color: inherit !important;
+    }
+
+    .docx-run-highlighted::selection,
+    .docx-run-highlighted *::selection {
+      background-color: rgba(26, 115, 232, 0.5) !important;
+    }
+
+    .docx-run-highlighted::-moz-selection,
+    .docx-run-highlighted *::-moz-selection {
+      background-color: rgba(26, 115, 232, 0.5) !important;
+    }
+
+    .docx-run-dark-bg::selection,
+    .docx-run-dark-bg *::selection {
+      background-color: rgba(100, 181, 246, 0.5) !important;
+    }
+
+    .docx-run-dark-bg::-moz-selection,
+    .docx-run-dark-bg *::-moz-selection {
+      background-color: rgba(100, 181, 246, 0.5) !important;
+    }
+
+    .docx-selection-highlight {
+      background-color: ${e.backgroundColor};
+      ${e.borderRadius ? `border-radius: ${e.borderRadius}px;` : ""}
+      ${e.mixBlendMode ? `mix-blend-mode: ${e.mixBlendMode};` : ""}
+    }
+
+    .docx-find-highlight {
+      background-color: rgba(255, 235, 59, 0.5);
+      border-radius: 2px;
+    }
+
+    .docx-find-highlight-current {
+      background-color: rgba(255, 152, 0, 0.6);
+      border-radius: 2px;
+      outline: 2px solid rgba(255, 152, 0, 0.8);
+    }
+
+    .docx-ai-selection-preview {
+      background-color: rgba(156, 39, 176, 0.2);
+      border-bottom: 2px dashed rgba(156, 39, 176, 0.6);
+    }
+  `;
+	R = document.createElement("style"), R.id = L, R.textContent = t, document.head.appendChild(R);
+}
+function V() {
+	return R !== null || document.getElementById(L) !== null;
+}
+//#endregion
+//#region src/composables/useSelectionHighlight.ts
+function H() {
+	return window.getSelection()?.toString() ?? "";
+}
+function U(e) {
+	let { containerRef: t, enabled: n = !0, config: r = j, useOverlay: i = !1, debounceMs: a = 16, onSelectionChange: l } = e, f = u(!1), p = u(""), m = u([]), h = u(!1), g = null, _ = 0;
+	function v() {
+		let e = t.value, n = F(), r = H(), a = e ? I(e) : !1;
+		f.value = n, p.value = r, h.value = a, m.value = i && a && e ? P(e) : [], l?.(n && a, r);
+	}
+	function y() {
+		v();
+	}
+	function b() {
+		let e = performance.now();
+		if (e - _ < a) {
+			g && clearTimeout(g), g = setTimeout(() => {
+				_ = performance.now(), v(), g = null;
+			}, a);
+			return;
+		}
+		_ = e, v();
+	}
+	function x(e) {
+		let t = {
+			position: "absolute",
+			left: `${e.left}px`,
+			top: `${e.top}px`,
+			width: `${e.width}px`,
+			height: `${e.height}px`,
+			backgroundColor: r.backgroundColor,
+			zIndex: r.zIndex ?? 0,
+			pointerEvents: "none"
+		};
+		return r.borderRadius && (t.borderRadius = `${r.borderRadius}px`), r.borderColor && (t.border = `1px solid ${r.borderColor}`), t;
+	}
+	return c(() => {
+		n && (V() || B(r), document.addEventListener("selectionchange", b));
+	}), s(() => {
+		document.removeEventListener("selectionchange", b), g && clearTimeout(g);
+	}), d(t, () => v()), {
+		hasSelection: o(() => f.value),
+		selectedText: o(() => p.value),
+		highlightRects: o(() => m.value),
+		isSelectionInContainer: o(() => h.value),
+		refresh: y,
+		getOverlayStyle: x
+	};
+}
+//#endregion
+//#region src/composables/useTableSelection.ts
+function W() {
+	let e = new x(), t = u(null), n = () => {
+		let n = e.getSnapshot();
+		t.value = n.tableIndex !== null && n.rowIndex !== null && n.columnIndex !== null ? {
+			tableIndex: n.tableIndex,
+			rowIndex: n.rowIndex,
+			columnIndex: n.columnIndex
+		} : null;
+	}, r = e.subscribe(n);
+	n(), l(r);
+	function i(e, t, n) {}
+	function a(t, n) {
+		S(t, n) || e.clearSelection();
+	}
+	function o() {
+		e.clearSelection();
+	}
+	function s(t, n, r) {
+		return e.isCellSelected(t, n, r);
+	}
+	return {
+		selectedCell: t,
+		handleCellClick: i,
+		handleClickTarget: a,
+		clearSelection: o,
+		isCellSelected: s
+	};
+}
+//#endregion
+//#region src/composables/useVisualLineNavigation.ts
+function G(e) {
+	let t = C();
+	function n(t) {
+		let n = e.value;
+		return n ? E(n, t) : null;
+	}
+	function r(t) {
+		let n = e.value;
+		return n ? w(n, t) : null;
+	}
+	function i(e, t) {
+		return T(e, t);
+	}
+	function a(n, r) {
+		return D(t, n, r, e.value);
+	}
+	return {
+		state: t,
+		getCaretClientX: n,
+		findLineElementAtPosition: r,
+		findPositionOnLineAtClientX: i,
+		handlePMKeyDown: a
+	};
+}
+//#endregion
+export { y as createSelectionFromDOM, n as extractTrackedChanges, b as getSelectionRuns, v as runsToClipboardContent, O as useClipboard, r as useDocxEditor, e as useDragAutoScroll, k as useFixedDropdown, A as useHistory, U as useSelectionHighlight, t as useTableResize, W as useTableSelection, i as useTrackedChanges, G as useVisualLineNavigation, a as useWheelZoom, a as useZoom };

package/dist/dialogs.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./PageSetupDialog-CGBaBVzo.cjs"),t=require("./TablePropertiesDialog-A-1Pm1f9.cjs");exports.FindReplaceDialog=e.a,exports.FootnotePropertiesDialog=t.i,exports.HyperlinkDialog=e.i,exports.ImagePositionDialog=t.r,exports.ImagePropertiesDialog=e.r,exports.InsertSymbolDialog=e.n,exports.InsertTableDialog=t.n,exports.PageSetupDialog=e.t,exports.TablePropertiesDialog=t.t;

package/dist/dialogs.js

@@ -0,0 +1,3 @@
+import { a as e, i as t, n, r, t as i } from "./PageSetupDialog-DsjAfJy0.js";
+import { i as a, n as o, r as s, t as c } from "./TablePropertiesDialog-PyXEJC_o.js";
+export { e as FindReplaceDialog, a as FootnotePropertiesDialog, t as HyperlinkDialog, s as ImagePositionDialog, r as ImagePropertiesDialog, n as InsertSymbolDialog, o as InsertTableDialog, i as PageSetupDialog, c as TablePropertiesDialog };