@eigenpal/docx-editor-vue 1.4.0 → 1.6.0

package/dist/components/DocxEditor/types.d.ts

@@ -38,6 +38,8 @@ export interface DocxEditorProps {
     i18n?: Translations;
     /** Theme override used for toolbar color palettes when the document has no theme. */
     theme?: Theme | null;
+    /** Color theme mode for UI styling. `'system'` follows the OS preference. */
+    colorMode?: 'light' | 'dark' | 'system';
     /** External ProseMirror plugins supplied by the host app. */
     externalPlugins?: Plugin[];
     /** Whether to show the zoom controls in the toolbar. */
@@ -63,6 +65,12 @@ export interface DocxEditorProps {
      * entries can share `family` to register different weights/styles.
      */
     fonts?: ReadonlyArray<FontDefinition>;
+    /**
+     * Text-watermark presets shown in the watermark dialog's preset dropdown.
+     * Omit to use the built-in MS Word phrases (`DEFAULT_WATERMARK_PRESETS`).
+     * Pass an empty array to hide the preset dropdown.
+     */
+    watermarkPresets?: readonly string[];
     /**
      * Callback fired when the print action is triggered. Pass it to enable the
      * `File > Print` menu entry; omit to hide. The `editor.print()` ref method
@@ -118,6 +126,24 @@ export type DocxEditorRef = EditorRefLike & {
     scrollToPage(pageNumber: number): void;
     /** Scroll to a raw ProseMirror document position. */
     scrollToPosition(pmPos: number): void;
+    /**
+     * Scroll the comment with the given id into view and select its anchored
+     * range so the selection overlay highlights it. False when the id no longer
+     * resolves (the comment was deleted or its anchored text removed).
+     */
+    scrollToCommentId(commentId: number): boolean;
+    /**
+     * Scroll the tracked change with the given revision id into view and select
+     * its range so the selection overlay highlights it. False when the id no
+     * longer resolves (the change was accepted/rejected/deleted).
+     */
+    scrollToChangeId(revisionId: number): boolean;
+    /**
+     * Select the position range `[from, to]` so the selection overlay highlights
+     * it, and scroll its start into view. No-op for a malformed range or a
+     * `from` past the document end; `to` is clamped to the document size.
+     */
+    highlightRange(from: number, to: number): void;
     /** Open print preview / browser print. */
     openPrintPreview(): void;
     /** Print the document. */

package/dist/components/Toolbar/presets.d.ts

@@ -7,7 +7,6 @@ export interface ParagraphStylePreset {
     /** Fallback label used if the i18n key resolves to nothing. */
     label: string;
     nameKey: TranslationKey;
-    previewStyle: Record<string, string>;
 }
 export declare const paragraphStyles: ParagraphStylePreset[];
 export interface LineSpacingPreset {

package/dist/components/ui/fontPickerValue.d.ts

@@ -0,0 +1 @@
+export declare function getPrimaryFontFamily(fontFamily: string): string;

package/dist/components/ui/fontPickerValue.test.d.ts

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

package/dist/composables/imageOverlayRect.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Pure geometry for the Vue image-selection overlay. Kept separate from the
+ * component so the scrollbar-gutter handling can be unit-tested without a DOM.
+ */
+export interface OverlayRectInputs {
+    /** `image.getBoundingClientRect()` (viewport coords). */
+    imageRect: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    /** `offsetParent.getBoundingClientRect()` (the scroll container, viewport coords). */
+    parentRect: {
+        left: number;
+        top: number;
+    };
+    scrollLeft: number;
+    scrollTop: number;
+    /** `offsetParent.offsetWidth` / `.clientWidth` — used to derive the gutter. */
+    parentOffsetWidth: number;
+    parentClientWidth: number;
+    zoom: number;
+}
+export interface OverlayRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+/**
+ * Position the overlay (absolute, inside the scroll container) over the image.
+ *
+ * The scroll container uses `scrollbar-gutter: stable both-edges`, which
+ * reserves an inline-start gutter that sits OUTSIDE the absolute-positioning
+ * origin. `getBoundingClientRect().left` is the border-box left (before the
+ * gutter), so `imageRect.left - parentRect.left` over-counts the left gutter
+ * and the frame lands shifted right by that width (issue #764). With
+ * `both-edges` the two gutters are equal, so the left gutter is half of the
+ * total reserved inline space (`offsetWidth - clientWidth`, no borders here).
+ * On overlay-scrollbar platforms (e.g. macOS) the reserved space is 0, so the
+ * correction is a no-op and behavior is unchanged.
+ */
+export declare function computeImageOverlayRect(i: OverlayRectInputs): OverlayRect;

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

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

package/dist/composables/useColorMode.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef } from 'vue';
+import { ColorMode } from '@eigenpal/docx-editor-core/utils';
+/**
+ * Resolve the effective dark flag from a reactive `colorMode`. `'system'`
+ * follows the OS via `subscribeSystemDark` (SSR-safe; re-syncs on entry).
+ * Mirrors the React adapter's inline colorMode logic via the shared core helpers.
+ */
+export declare function useColorMode(colorMode: () => ColorMode): ComputedRef<boolean>;

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

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

package/dist/composables/useDocxEditorRefApi.d.ts

@@ -39,6 +39,10 @@ export interface UseDocxEditorRefApiOptions {
         paraId: string;
         styleId: string;
     }) => boolean;
+    insertBreak: (options: {
+        paraId: string;
+        type: 'page' | 'sectionNextPage' | 'sectionContinuous';
+    }) => boolean;
     scrollVisiblePositionIntoView: (pmPos: number) => void;
     contentChangeSubscribers: Set<(document: unknown) => void>;
     selectionChangeSubscribers: Set<(selection: unknown) => void>;

package/dist/composables/useFileIO.d.ts

@@ -1,3 +1,4 @@
+import { EditorView } from 'prosemirror-view';
 import { Document } from '@eigenpal/docx-editor-core/types/document';
 export interface UseFileIOOptions {
     /** From useDocxEditor — loads a .docx buffer into the editor. */
@@ -15,11 +16,15 @@ export interface UseFileIOOptions {
     /** Accessor — read freshly inside the handler so prop updates are honored. */
     documentName: () => string | undefined;
     onDocumentNameChange?: (name: string) => void;
+    /** Active editor view to insert images into — the header/footer being edited, else the body. */
+    getActiveView: () => EditorView | null;
     /** Vue's `nextTick` — passed in so the composable doesn't require its own import wiring. */
     nextTick: () => Promise<void>;
 }
 export declare function useFileIO(opts: UseFileIOOptions): {
     docxInputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    imageInputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    handleImageFileChange: (event: Event) => void;
     handleDocxFileChange: (event: Event) => Promise<void>;
     handleDocumentNameChange: (name: string) => void;
     downloadCurrentDocument: () => Promise<void>;

package/dist/composables/useFormattingActions.d.ts

@@ -1,7 +1,7 @@
 import { Ref } from 'vue';
 import { EditorView } from 'prosemirror-view';
 import { Document } from '@eigenpal/docx-editor-core/types/document';
-import { ApplyFormattingOptions } from '@eigenpal/docx-editor-core/prosemirror/applyFormatting';
+import { ApplyFormattingOptions, InsertBreakOptions } from '@eigenpal/docx-editor-core/prosemirror/applyFormatting';
 export interface UseFormattingActionsOptions {
     editorView: Ref<EditorView | null>;
     /**
@@ -14,15 +14,18 @@ export interface UseFormattingActionsOptions {
     activeView?: Ref<EditorView | null>;
     getDocument: () => Document | null;
 }
-export type { ApplyFormattingOptions };
+export type { ApplyFormattingOptions, InsertBreakOptions };
 export declare function useFormattingActions(opts: UseFormattingActionsOptions): {
     handleClearFormatting: () => void;
     handleApplyStyle: (styleId: string) => void;
     handleInsertPageBreak: () => void;
+    handleInsertSectionBreakNextPage: () => void;
+    handleInsertSectionBreakContinuous: () => void;
     handleInsertSymbol: (symbol: string) => void;
     applyFormatting: (options: ApplyFormattingOptions) => boolean;
     setParagraphStyle: (options: {
         paraId: string;
         styleId: string;
     }) => boolean;
+    insertBreak: (options: InsertBreakOptions) => boolean;
 };

package/dist/composables/useImageActions.d.ts

@@ -17,12 +17,6 @@ export interface UseImageActionsReturn {
     selectedImage: import('vue').ShallowRef<ImageSelectionInfo | null>;
     imageInteracting: import('vue').Ref<boolean>;
     imageToolbarContext: import('vue').ComputedRef<ImageToolbarContext | null>;
-    handleInsertImage: (data: {
-        src: string;
-        width: number;
-        height: number;
-        alt: string;
-    }) => void;
     handleToolbarImageWrap: (value: string) => void;
     handleImageTransform: (action: 'rotateCW' | 'rotateCCW' | 'flipH' | 'flipV') => void;
 }

package/dist/composables/useMenuActions.d.ts

@@ -4,14 +4,16 @@ 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>;
-    showInsertImage: 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>;

package/dist/composables/useParagraphStyleOptions.d.ts

@@ -0,0 +1,18 @@
+import { ComputedRef } from 'vue';
+import { StylePreviewProps } from '@eigenpal/docx-editor-core/utils/stylePreview';
+import { Style } from '@eigenpal/docx-editor-core/types/document';
+import { TranslationKey } from '@eigenpal/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/useToolbarDropdowns.d.ts

@@ -11,4 +11,5 @@ 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.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useCommentSidebarItems-CbNvNCd3.cjs`),t=require(`./useDragAutoScroll-DCUotwOX.cjs`);let n=require(`vue`),r=require(`@eigenpal/docx-editor-core/utils`),i=require(`prosemirror-history`),a=require(`@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges`),o=require(`@eigenpal/docx-editor-core`),s=require(`@eigenpal/docx-editor-core/utils/findReplace`),c=require(`@eigenpal/docx-editor-core/managers/TableSelectionManager`),l=require(`@eigenpal/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(){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;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useCommentSidebarItems-DBeGKNGA.cjs`),t=require(`./useDragAutoScroll-BPnc7LEO.cjs`);let n=require(`vue`),r=require(`@eigenpal/docx-editor-core/utils`),i=require(`prosemirror-history`),a=require(`@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges`),o=require(`@eigenpal/docx-editor-core`),s=require(`@eigenpal/docx-editor-core/utils/findReplace`),c=require(`@eigenpal/docx-editor-core/managers/TableSelectionManager`),l=require(`@eigenpal/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;

package/dist/composables.js

@@ -1,5 +1,5 @@
-import { t as e } from "./useCommentSidebarItems-BHomCzpj.js";
-import { i as t, n, r, t as i } from "./useDragAutoScroll-BNPB-6SM.js";
+import { t as e } from "./useCommentSidebarItems-DXbF857R.js";
+import { i as t, n, r, t as i } from "./useDragAutoScroll-B21Ec-Zy.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 "@eigenpal/docx-editor-core/utils";
 import { redo as S, redoDepth as C, undo as w, undoDepth as T } from "prosemirror-history";
@@ -221,8 +221,9 @@ function K({ isOpen: e, onClose: t, align: n = "left" }) {
 	function u(e) {
 		e.key === "Escape" && t();
 	}
-	function f() {
-		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);

package/dist/dialogs.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./KeyboardShortcutsDialog-Bct8AJ0i.cjs`),t=require(`./TablePropertiesDialog-JWT68zEO.cjs`);exports.FindReplaceDialog=e.s,exports.FootnotePropertiesDialog=t.o,exports.HyperlinkDialog=e.a,exports.ImagePositionDialog=t.a,exports.ImagePropertiesDialog=e.r,exports.InsertImageDialog=e.o,exports.InsertSymbolDialog=e.i,exports.InsertTableDialog=t.i,exports.KeyboardShortcutsDialog=e.t,exports.PageSetupDialog=e.n,exports.PasteSpecialDialog=t.r,exports.SplitCellDialog=t.n,exports.TablePropertiesDialog=t.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./KeyboardShortcutsDialog-Dohz9D39.cjs`),t=require(`./TablePropertiesDialog-B-FVOqkH.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

@@ -1,3 +1,3 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./KeyboardShortcutsDialog-BbuDgglK.js";
-import { a as s, i as c, n as l, o as u, r as d, t as f } from "./TablePropertiesDialog-D5MIF3cj.js";
-export { a as FindReplaceDialog, u as FootnotePropertiesDialog, e as HyperlinkDialog, s as ImagePositionDialog, i as ImagePropertiesDialog, r as InsertImageDialog, t as InsertSymbolDialog, c as InsertTableDialog, o as KeyboardShortcutsDialog, n as PageSetupDialog, d as PasteSpecialDialog, l as SplitCellDialog, f as TablePropertiesDialog };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./KeyboardShortcutsDialog-OPAV0oVm.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-B3oZIIjw.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 };