@xcrong/docx-editor-vue 1.10.1

package/dist/composables/useHyperlinkManagement.d.ts

@@ -0,0 +1,38 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { HyperlinkPopupData } from '../components/ui/hyperlinkPopupTypes';
+export type { HyperlinkPopupData };
+type Commands = Record<string, (...args: unknown[]) => unknown>;
+export interface UseHyperlinkManagementOptions {
+    editorView: Ref<EditorView | null>;
+    getCommands: () => Commands;
+}
+export declare function useHyperlinkManagement(opts: UseHyperlinkManagementOptions): {
+    hyperlinkPopupData: Ref<{
+        href: string;
+        displayText: string;
+        tooltip?: string | undefined;
+        position: {
+            top: number;
+            left: number;
+        };
+    } | null, HyperlinkPopupData | {
+        href: string;
+        displayText: string;
+        tooltip?: string | undefined;
+        position: {
+            top: number;
+            left: number;
+        };
+    } | null>;
+    handleHyperlinkSubmit: (data: {
+        url?: string;
+        bookmark?: string;
+        displayText: string;
+        tooltip: string;
+    }) => void;
+    handleHyperlinkRemove: () => void;
+    handleHyperlinkPopupNavigate: (href: string) => void;
+    handleHyperlinkPopupEdit: (displayText: string, href: string) => void;
+    handleHyperlinkPopupRemove: () => void;
+};

package/dist/composables/useImageActions.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { ImageSelectionInfo } from '../components/imageSelectionTypes';
+type Commands = Record<string, ((...args: unknown[]) => unknown) | undefined>;
+export interface UseImageActionsOptions {
+    editorView: Ref<EditorView | null>;
+    zoom: Ref<number>;
+    stateTick: Ref<number>;
+    getCommands: () => Commands;
+}
+export interface ImageToolbarContext {
+    wrapType: string;
+    displayMode: string;
+    cssFloat: string | null;
+}
+export interface UseImageActionsReturn {
+    selectedImage: import('vue').ShallowRef<ImageSelectionInfo | null>;
+    imageInteracting: import('vue').Ref<boolean>;
+    imageToolbarContext: import('vue').ComputedRef<ImageToolbarContext | null>;
+    handleToolbarImageWrap: (value: string) => void;
+    handleImageTransform: (action: 'rotateCW' | 'rotateCCW' | 'flipH' | 'flipV') => void;
+}
+export declare function useImageActions(opts: UseImageActionsOptions): UseImageActionsReturn;
+export {};

package/dist/composables/useKeyboardShortcuts.d.ts

@@ -0,0 +1,25 @@
+import { Ref } from 'vue';
+export interface UseKeyboardShortcutsOptions {
+    showKeyboardShortcuts: Ref<boolean>;
+    showFindReplace: Ref<boolean>;
+    showHyperlink: Ref<boolean>;
+    /** From useZoom — handles Ctrl+= / Ctrl+- / Ctrl+0. */
+    handleZoomKeyDown: (e: KeyboardEvent) => void;
+    /**
+     * Host prop accessor — read freshly inside the handler so a host
+     * toggle at runtime is honored. (Capturing the prop value at setup
+     * time would freeze it.)
+     */
+    disableFindReplaceShortcuts?: () => boolean | undefined;
+    /**
+     * Whether `File > Open` / Cmd+O is enabled. Read freshly so a runtime host
+     * toggle is honored. When false (or `onOpenDocument` is absent), Cmd+O is
+     * left unhandled so the browser default stands.
+     */
+    showFileOpen?: () => boolean | undefined;
+    /** Opens the DOCX picker — wired to the same hidden input as File > Open. */
+    onOpenDocument?: () => void;
+}
+export declare function useKeyboardShortcuts(opts: UseKeyboardShortcutsOptions): {
+    handleKeyDown: (e: KeyboardEvent) => void;
+};

package/dist/composables/useMenuActions.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+export interface UseMenuActionsOptions {
+    editorView: Ref<EditorView | null>;
+    getCommands: () => Record<string, (...args: any[]) => any>;
+    docxInputRef: Ref<HTMLInputElement | null>;
+    imageInputRef: Ref<HTMLInputElement | null>;
+    showPageSetup: Ref<boolean>;
+    showWatermark: Ref<boolean>;
+    showHyperlink: Ref<boolean>;
+    showInsertSymbol: Ref<boolean>;
+    showKeyboardShortcuts: Ref<boolean>;
+    handleClearFormatting: () => void;
+    handleInsertPageBreak: () => void;
+    handleInsertSectionBreakNextPage: () => void;
+    handleInsertSectionBreakContinuous: () => void;
+    handleToggleOutline: () => void;
+    handleToggleSidebar: () => void;
+    downloadCurrentDocument: () => Promise<void>;
+    emit: (event: string, ...args: unknown[]) => void;
+}
+export declare function useMenuActions(opts: UseMenuActionsOptions): {
+    handleMenuAction: (action: string) => void;
+    handleMenuTableInsert: (rows: number, cols: number) => void;
+    execSimpleCommand: (name: string) => void;
+};

package/dist/composables/useOutlineSidebar.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { HeadingInfo } from '@xcrong/docx-editor-core/utils/headingCollector';
+export interface UseOutlineSidebarOptions {
+    editorView: Ref<EditorView | null>;
+    showOutline: Ref<boolean>;
+    showSidebar: Ref<boolean>;
+    outlineHeadings: Ref<HeadingInfo[]>;
+    activeSidebarItem: Ref<string | null>;
+    extractCommentsAndChanges: () => void;
+    /**
+     * Scroll the VISIBLE paged viewport to a PM position. The hidden PM
+     * (`left: -9999px`) is never what the user sees, so `tr.scrollIntoView()`
+     * on it does nothing; the outline must drive the painter viewport instead
+     * (mirrors React's `scrollToPosition`; #930).
+     */
+    scrollToVisiblePosition: (pmPos: number) => void;
+}
+export declare function useOutlineSidebar(opts: UseOutlineSidebarOptions): {
+    handleToggleOutline: () => void;
+    handleOutlineNavigate: (pmPos: number) => void;
+    handleToggleSidebar: () => void;
+    handleEditorScrollMouseDown: (event: MouseEvent) => void;
+};

package/dist/composables/useOutlineSidebar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/usePageSetupControls.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { Document, SectionProperties } from '@xcrong/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 '@xcrong/docx-editor-core/types/content';
+import { Document } from '@xcrong/docx-editor-core/types/document';
+import { ImageSelectionInfo } from '../components/imageSelectionTypes';
+import { Layout } from '@xcrong/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('@xcrong/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 '@xcrong/docx-editor-core/utils/stylePreview';
+import { Style } from '@xcrong/docx-editor-core/types/document';
+import { TranslationKey } from '@xcrong/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 '@xcrong/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,37 @@
+import { Ref, ShallowRef } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { ImageSelectionInfo } from '../components/imageSelectionTypes';
+export interface UseSelectionSyncOptions {
+    editorView: Ref<EditorView | null>;
+    hiddenContainer?: Ref<HTMLElement | 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 '@xcrong/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 '@xcrong/docx-editor-core/prosemirror/utils/extractTrackedChanges';
+export type { TrackedChangesResult };
+export { extractTrackedChanges };
+export type { TrackedChangeEntry } from '@xcrong/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 '@xcrong/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 '@xcrong/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-BzP7c_lM.cjs`);let n=require(`vue`),r=require(`@xcrong/docx-editor-core/utils`),i=require(`prosemirror-history`),a=require(`@xcrong/docx-editor-core/prosemirror/utils/extractTrackedChanges`),o=require(`@xcrong/docx-editor-core`),s=require(`@xcrong/docx-editor-core/utils/findReplace`),c=require(`@xcrong/docx-editor-core/managers/TableSelectionManager`),l=require(`@xcrong/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;