@heyirisai/docx-editor-vue 1.9.0

package/dist/composables/usePageSetupControls.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { Document, SectionProperties } from '@heyirisai/docx-editor-core/types/document';
+export interface UsePageSetupControlsOptions {
+    editorView: Ref<EditorView | null>;
+    getDocument: () => Document | null;
+    readOnly: Ref<boolean>;
+    stateTick: Ref<number>;
+    reLayout: () => void;
+    emit: (event: string, ...args: unknown[]) => void;
+}
+export declare function usePageSetupControls(opts: UsePageSetupControlsOptions): {
+    handlePageSetupApply: (sp: Partial<SectionProperties>) => void;
+    handleLeftMarginChange: (twips: number) => void;
+    handleRightMarginChange: (twips: number) => void;
+    handleTopMarginChange: (twips: number) => void;
+    handleBottomMarginChange: (twips: number) => void;
+    handleIndentLeftChange: (twips: number) => void;
+    handleIndentRightChange: (twips: number) => void;
+    handleFirstLineIndentChange: (twips: number) => void;
+    handleTabStopRemove: (positionTwips: number) => void;
+};

package/dist/composables/usePagesPointer.d.ts

@@ -0,0 +1,86 @@
+import { Ref, ShallowRef } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { HeaderFooter, BlockContent } from '@heyirisai/docx-editor-core/types/content';
+import { Document } from '@heyirisai/docx-editor-core/types/document';
+import { ImageSelectionInfo } from '../components/imageSelectionTypes';
+import { Layout } from '@heyirisai/docx-editor-core/layout-engine';
+import { HyperlinkPopupData } from '../components/ui/hyperlinkPopupTypes';
+type TableResizeApi = {
+    tryStartResize: (e: MouseEvent, view: EditorView) => boolean;
+    isResizing: Ref<boolean>;
+};
+type Commands = Record<string, ((...args: unknown[]) => unknown) | undefined>;
+export interface TableInsertButton {
+    type: 'row' | 'column';
+    x: number;
+    y: number;
+    cellPmPos: number;
+}
+export interface HfEditState {
+    position: 'header' | 'footer';
+    rId: string | null;
+    headerFooter: HeaderFooter | null;
+    targetRect: {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    } | null;
+}
+export interface ScrollPageInfo {
+    currentPage: number;
+    totalPages: number;
+    visible: boolean;
+}
+export interface UsePagesPointerOptions {
+    editorView: Ref<EditorView | null>;
+    pagesRef: Ref<HTMLElement | null>;
+    pagesViewportRef: Ref<HTMLElement | null>;
+    selectedImage: ShallowRef<ImageSelectionInfo | null>;
+    imageInteracting: Ref<boolean>;
+    hyperlinkPopupData: Ref<HyperlinkPopupData | null>;
+    readOnly: Ref<boolean>;
+    zoom: Ref<number>;
+    layout: Ref<Layout | null>;
+    tableResize: TableResizeApi;
+    getCommands: () => Commands;
+    getDocument: () => Document | null;
+    reLayout: () => void;
+    emit: (event: string, ...args: unknown[]) => void;
+    clearOverlay: () => void;
+    /**
+     * Vue parity for the HF editing unification (openspec/changes/unify-hf-editing).
+     * Re-mount HF EditorViews when `package.headers/footers` content
+     * changes — exposed by `useDocxEditor.syncHfPMs`. Called after every
+     * save so the persistent PM points at the new HeaderFooter object.
+     * Optional so existing consumers can no-op until they wire it through.
+     */
+    syncHfPMs?: () => void;
+    /** Resolve the persistent EditorView for an HF instance (for click routing). */
+    getHfPmView?: (hf: import('@heyirisai/docx-editor-core/types/content').HeaderFooter) => import('prosemirror-view').EditorView | null;
+    /**
+     * Replace the loaded Document — used by HF materialisation to publish a
+     * fresh Document object instead of mutating in place. Optional; if absent,
+     * callers fall back to in-place mutation + `syncHfPMs()`.
+     */
+    setDocument?: (doc: Document) => void;
+}
+export interface UsePagesPointerReturn {
+    tableInsertButton: Ref<TableInsertButton | null>;
+    hfEdit: ShallowRef<HfEditState | null>;
+    scrollPageInfo: Ref<ScrollPageInfo>;
+    resolvePos: (clientX: number, clientY: number) => number | null;
+    setPmSelection: (anchor: number, head?: number) => void;
+    scrollVisiblePositionIntoView: (pmPos: number) => void;
+    navigateToBookmark: (bookmarkName: string) => void;
+    handlePagesMouseDown: (event: MouseEvent) => void;
+    handlePagesMouseMove: (event: MouseEvent) => void;
+    handlePagesClick: (event: MouseEvent) => void;
+    handlePagesDoubleClick: (event: MouseEvent) => void;
+    handleTableInsertClick: (event: MouseEvent) => void;
+    clearTableInsertTimer: () => void;
+    handleHfSave: (content: BlockContent[]) => void;
+    handleHfRemove: () => void;
+}
+export declare function usePagesPointer(opts: UsePagesPointerOptions): UsePagesPointerReturn;
+export {};

package/dist/composables/useParagraphStyleOptions.d.ts

@@ -0,0 +1,18 @@
+import { ComputedRef } from 'vue';
+import { StylePreviewProps } from '@heyirisai/docx-editor-core/utils/stylePreview';
+import { Style } from '@heyirisai/docx-editor-core/types/document';
+import { TranslationKey } from '@heyirisai/docx-editor-i18n';
+export interface ResolvedStyle {
+    id: string;
+    label: string;
+    previewStyle: StylePreviewProps;
+}
+export interface 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 '@heyirisai/docx-editor-core/utils';
+export interface UseSelectionHighlightOptions {
+    containerRef: Ref<HTMLElement | null>;
+    enabled?: boolean;
+    config?: SelectionHighlightConfig;
+    useOverlay?: boolean;
+    debounceMs?: number;
+    onSelectionChange?: (hasSelection: boolean, text: string) => void;
+}
+export interface 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,36 @@
+import { Ref, ShallowRef } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { ImageSelectionInfo } from '../components/imageSelectionTypes';
+export interface UseSelectionSyncOptions {
+    editorView: Ref<EditorView | null>;
+    pagesRef: Ref<HTMLElement | null>;
+    /**
+     * Current zoom factor. The caret + selection rects are painted into the
+     * `.docx-editor-vue__pages` container, which carries `transform: scale(zoom)`.
+     * `getBoundingClientRect` returns post-transform (viewport) coordinates, so
+     * the rects must be divided by zoom to land in the container's own
+     * coordinate space — otherwise the parent's scale multiplies them a second
+     * time and the highlight drifts off the text at any zoom ≠ 100%.
+     */
+    zoom: Ref<number>;
+    selectedImage: ShallowRef<ImageSelectionInfo | null>;
+    /**
+     * True while the user is editing a header/footer. When set, the body PM's
+     * caret + selection rects MUST stay hidden so the user doesn't see two
+     * carets blinking simultaneously (one in the painted header, one in the
+     * body). The HF view's own caret rect is drawn by DocxEditor.vue.
+     */
+    isHfEditing?: Ref<boolean>;
+    /**
+     * True while a resize / move / rotate gesture is in flight. Suppresses the
+     * post-transaction "clear the overlay" path so the handles don't vanish
+     * mid-drag when an intermediate state momentarily isn't an image
+     * NodeSelection. Mirrors React's `isImageInteractingRef`.
+     */
+    imageInteracting?: Ref<boolean>;
+}
+export interface UseSelectionSyncReturn {
+    clearOverlay: () => void;
+    updateSelectionOverlay: () => void;
+}
+export declare function useSelectionSync(opts: UseSelectionSyncOptions): UseSelectionSyncReturn;

package/dist/composables/useTableResize.d.ts

@@ -0,0 +1,7 @@
+import { EditorView } from 'prosemirror-view';
+export interface 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 '@heyirisai/docx-editor-core/managers/types';
+export interface 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 interface 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 interface 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 '@heyirisai/docx-editor-core/prosemirror/utils/extractTrackedChanges';
+export type { TrackedChangesResult };
+export { extractTrackedChanges };
+export type { TrackedChangeEntry } from '@heyirisai/docx-editor-core/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 '@heyirisai/docx-editor-core/prosemirror/utils/visualLineNavigation';
+import { EditorView } from 'prosemirror-view';
+export interface 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/useWatermarkControls.d.ts

@@ -0,0 +1,15 @@
+import { Ref, ComputedRef } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { Watermark } from '@heyirisai/docx-editor-core/types/document';
+export interface UseWatermarkControlsOptions {
+    editorView: Ref<EditorView | null>;
+    readOnly: Ref<boolean>;
+    /** Bumped on every edit/selection change; drives `currentWatermark` reactivity. */
+    stateTick: Ref<number>;
+}
+export interface UseWatermarkControlsReturn {
+    showWatermark: Ref<boolean>;
+    currentWatermark: ComputedRef<Watermark | undefined>;
+    handleWatermarkApply: (watermark: Watermark | null) => void;
+}
+export declare function useWatermarkControls(opts: UseWatermarkControlsOptions): UseWatermarkControlsReturn;

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 {} from './useZoom';

package/dist/composables/useZoom.d.ts

@@ -0,0 +1,16 @@
+import { Ref, ComputedRef } from 'vue';
+export interface 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 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useCommentSidebarItems-DBeGKNGA.cjs`),t=require(`./useDragAutoScroll-liP5PRvM.cjs`);let n=require(`vue`),r=require(`@heyirisai/docx-editor-core/utils`),i=require(`prosemirror-history`),a=require(`@heyirisai/docx-editor-core/prosemirror/utils/extractTrackedChanges`),o=require(`@heyirisai/docx-editor-core`),s=require(`@heyirisai/docx-editor-core/utils/findReplace`),c=require(`@heyirisai/docx-editor-core/managers/TableSelectionManager`),l=require(`@heyirisai/docx-editor-core/prosemirror/utils/visualLineNavigation`);function u(e,t={}){let r=(0,n.ref)(`idle`),i=(0,n.ref)(null),a=(0,n.ref)(!1),s=(0,n.ref)(!0),{storageKey:c,interval:l,enabled:u=!0,maxAge:d,onSave:f,onError:p,onRecoveryAvailable:m,saveOnChange:h,debounceDelay:g}=t;if(!(0,o.isAutoSaveSupported)())return{status:r,lastSaveTime:i,hasRecoveryData:a,isEnabled:s,save:async()=>!1,clearAutoSave:()=>{},getRecoveryData:()=>null,acceptRecovery:()=>null,dismissRecovery:()=>{},enable:()=>{},disable:()=>{}};let _=new o.AutoSaveManager({storageKey:c,interval:l,maxAge:d,saveOnChange:h,debounceDelay:g,onSave:f,onError:p,onRecoveryAvailable:m}),v=()=>{let e=_.getSnapshot();r.value=e.status,i.value=e.lastSaveTime,a.value=e.hasRecoveryData,s.value=e.isEnabled},y=_.subscribe(v);u?_.enable():_.disable(),v(),(0,n.watch)(()=>(0,n.unref)(e),e=>_.onDocumentChanged(e??null),{immediate:!0});function b(){return _.save()}function x(){_.clear()}function S(){return _.getRecoveryData()}function C(){return _.acceptRecovery()}function w(){_.dismissRecovery()}function T(){_.enable()}function E(){_.disable()}return(0,n.onBeforeUnmount)(()=>{y(),_.destroy()}),{status:r,lastSaveTime:i,hasRecoveryData:a,isEnabled:s,save:b,clearAutoSave:x,getRecoveryData:S,acceptRecovery:C,dismissRecovery:w,enable:T,disable:E}}function d(e={}){let{onCopy:t,onCut:i,onPaste:a,cleanWordFormatting:o=!0,editable:s=!0,onError:c,theme:l}=e,u=(0,n.ref)(!1),d=(0,n.ref)(null);async function f(e){if(u.value)return!1;u.value=!0;try{let n=await(0,r.copyRuns)(e.runs,{onError:c,theme:l});return n&&t?.(e),n}finally{u.value=!1}}async function p(e){if(u.value||!s)return!1;u.value=!0;try{let t=await(0,r.copyRuns)(e.runs,{onError:c,theme:l});return t&&i?.(e),t}finally{u.value=!1}}async function m(e=!1){if(u.value||!s)return null;u.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 d.value=s,a?.(s,e),s}return null}catch(e){return c?.(e instanceof Error?e:Error(String(e))),null}finally{u.value=!1}}return{copy:f,cut:p,paste:m,isProcessing:u,lastPastedContent:d}}function f(e={}){let t=(0,n.reactive)({isOpen:!1,searchText:``,replaceText:``,options:(0,s.createDefaultFindOptions)(),matches:[],currentIndex:0,replaceMode:e.initialReplaceMode??!1});function r(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 o(){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:(0,n.computed)(()=>t.matches.length===0?null:t.matches[t.currentIndex]??null),hasMatches:(0,n.computed)(()=>t.matches.length>0),openFind:r,openReplace:i,close:a,toggle:o,setSearchText:c,setReplaceText:l,setOptions:u,setMatches:d,goToNextMatch:f,goToPreviousMatch:p,goToMatch:m}}function p({isOpen:e,onClose:t,align:r=`left`}){let i=(0,n.ref)(null),a=(0,n.ref)(null),o=(0,n.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 n=e.target;i.value&&!i.value.contains(n)&&a.value&&!a.value.contains(n)&&t()}function l(e){e.key===`Escape`&&t()}function u(e){let n=e.target;n&&a.value&&a.value.contains(n)||t()}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,n.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,n.onBeforeUnmount)(f);function p(e){e.preventDefault(),e.stopPropagation()}return{containerRef:i,dropdownRef:a,dropdownStyle:o,handleMouseDown:p}}function m(e,t){let r=(0,n.computed)(()=>{t.value;let n=e.value;return n?(0,i.undoDepth)(n.state)>0:!1}),a=(0,n.computed)(()=>{t.value;let n=e.value;return n?(0,i.redoDepth)(n.state)>0:!1});function o(){let t=e.value;return t?(0,i.undo)(t.state,t.dispatch):!1}function s(){let t=e.value;return t?(0,i.redo)(t.state,t.dispatch):!1}return{canUndo:r,canRedo:a,undo:o,redo:s}}function h(e){let{containerRef:t,enabled:i=!0,config:a=r.DEFAULT_SELECTION_STYLE,useOverlay:o=!1,debounceMs:s=16,onSelectionChange:c}=e,l=(0,n.ref)(!1),u=(0,n.ref)(``),d=(0,n.ref)([]),f=(0,n.ref)(!1),p=null,m=0;function h(){let e=t.value,n=(0,r.hasActiveSelection)(),i=(0,r.getSelectedText)(),a=e?(0,r.isSelectionWithin)(e):!1;l.value=n,u.value=i,f.value=a,d.value=o&&a&&e?(0,r.getMergedSelectionRects)(e):[],c?.(n&&a,i)}function g(){h()}function _(){let e=performance.now();if(e-m<s){p&&clearTimeout(p),p=setTimeout(()=>{m=performance.now(),h(),p=null},s);return}m=e,h()}function v(e){return{position:`absolute`,left:e.left+`px`,top:e.top+`px`,width:e.width+`px`,height:e.height+`px`,backgroundColor:a.backgroundColor,borderRadius:a.borderRadius?a.borderRadius+`px`:void 0,border:a.borderColor?`1px solid ${a.borderColor}`:void 0,zIndex:a.zIndex??0,pointerEvents:`none`}}return(0,n.onMounted)(()=>{i&&((0,r.areSelectionStylesInjected)()||(0,r.injectSelectionStyles)(a),document.addEventListener(`selectionchange`,_))}),(0,n.onBeforeUnmount)(()=>{document.removeEventListener(`selectionchange`,_),p&&clearTimeout(p)}),(0,n.watch)(t,()=>h()),{hasSelection:(0,n.computed)(()=>l.value),selectedText:(0,n.computed)(()=>u.value),highlightRects:(0,n.computed)(()=>d.value),isSelectionInContainer:(0,n.computed)(()=>f.value),refresh:g,getOverlayStyle:v}}function g(){let e=new c.TableSelectionManager,t=(0,n.ref)(null),r=()=>{t.value=e.getSnapshot().selectedCell},i=e.subscribe(r);r(),(0,n.onBeforeUnmount)(()=>{i()});function a(t,n,r){e.selectCell({tableIndex:t,rowIndex:n,columnIndex:r})}function o(t,n){let r=(0,c.findTableFromClick)(t,n);r?e.selectCell(r):e.clearSelection()}function s(){e.clearSelection()}function l(t,n,r){return e.isCellSelected(t,n,r)}return{selectedCell:t,handleCellClick:a,handleClickTarget:o,clearSelection:s,isCellSelected:l}}function _(e,t){return(0,n.computed)(()=>(t.value,(0,a.extractTrackedChanges)(e.value?.state??null)))}function v(e){let t=(0,l.createVisualLineState)();function n(t){let n=e.value;return n?(0,l.getCaretClientX)(n,t):null}function r(t){let n=e.value;return n?(0,l.findLineElementAtPosition)(n,t):null}function i(e,t){return(0,l.findPositionOnLineAtClientX)(e,t)}function a(n,r){return(0,l.handleVisualLineKeyDown)(t,n,r,e.value)}return{state:t,getCaretClientX:n,findLineElementAtPosition:r,findPositionOnLineAtClientX:i,handlePMKeyDown:a}}exports.createSelectionFromDOM=o.createSelectionFromDOM,exports.extractTrackedChanges=a.extractTrackedChanges,exports.formatLastSaveTime=o.formatLastSaveTime,exports.formatStorageSize=o.formatStorageSize,exports.getAutoSaveStatusLabel=o.getAutoSaveStatusLabel,exports.getAutoSaveStorageSize=o.getAutoSaveStorageSize,exports.getSelectionRuns=o.getSelectionRuns,exports.isAutoSaveSupported=o.isAutoSaveSupported,exports.runsToClipboardContent=r.runsToClipboardContent,exports.useAutoSave=u,exports.useClipboard=d,exports.useCommentSidebarItems=e.t,exports.useDocxEditor=t.i,exports.useDragAutoScroll=t.t,exports.useFindReplace=f,exports.useFixedDropdown=p,exports.useHistory=m,exports.useSelectionHighlight=h,exports.useTableResize=t.n,exports.useTableSelection=g,exports.useTrackedChanges=_,exports.useVisualLineNavigation=v,exports.useWheelZoom=t.r,exports.useZoom=t.r;