@eigenpal/docx-editor-vue 1.3.0 → 1.3.1

package/dist/composables/useCommentLifecycle.d.ts

@@ -2,6 +2,7 @@ import { Ref } from 'vue';
 import { EditorView } from 'prosemirror-view';
 import { Document } from '@eigenpal/docx-editor-core/types/document';
 import { Comment } from '@eigenpal/docx-editor-core/types/content';
+import { CommentIdAllocator } from '@eigenpal/docx-editor-core/prosemirror/commentIdAllocator';
 import { TrackedChangeEntry } from '../components/sidebar/sidebarUtils';
 export interface UseCommentLifecycleOptions {
     editorView: Ref<EditorView | null>;
@@ -9,6 +10,8 @@ export interface UseCommentLifecycleOptions {
     comments: Ref<Comment[]>;
     trackedChanges: Ref<TrackedChangeEntry[]>;
     resolvedCommentIds: Ref<Set<number>>;
+    /** Shared per-instance ID allocator (see useCommentManagement). */
+    commentIdAllocator: CommentIdAllocator;
     activeSidebarItem: Ref<string | null>;
     showSidebar: Ref<boolean>;
     isAddingComment: Ref<boolean>;

package/dist/composables/useCommentManagement.d.ts

@@ -1,6 +1,7 @@
 import { Ref } from 'vue';
 import { EditorView } from 'prosemirror-view';
 import { Comment, Document } from '@eigenpal/docx-editor-core/types/document';
+import { CommentIdAllocator } from '@eigenpal/docx-editor-core/prosemirror/commentIdAllocator';
 import { TrackedChangeEntry } from '../components/sidebar/sidebarUtils';
 export interface UseCommentManagementOptions {
     editorView: Ref<EditorView | null>;
@@ -16,6 +17,11 @@ export interface UseCommentManagementOptions {
     contentChangeSubscribers: Set<(document: unknown) => void>;
     extractCommentsAndChanges: () => void;
     emit: (event: string, ...args: unknown[]) => void;
+    /**
+     * Per-editor-instance monotonic ID allocator, shared with
+     * `useCommentLifecycle` so comment and tracked-change IDs never collide.
+     */
+    commentIdAllocator: CommentIdAllocator;
 }
 export declare function useCommentManagement(opts: UseCommentManagementOptions): {
     addComment: (options: {

package/dist/composables/useFormattingActions.d.ts

@@ -1,32 +1,12 @@
 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';
 export interface UseFormattingActionsOptions {
     editorView: Ref<EditorView | null>;
     getDocument: () => Document | null;
 }
-export interface ApplyFormattingOptions {
-    paraId: string;
-    search?: string;
-    marks: {
-        bold?: boolean;
-        italic?: boolean;
-        underline?: boolean | {
-            style?: string;
-        };
-        strike?: boolean;
-        color?: {
-            rgb?: string;
-            themeColor?: string;
-        };
-        highlight?: string;
-        fontSize?: number;
-        fontFamily?: {
-            ascii?: string;
-            hAnsi?: string;
-        };
-    };
-}
+export type { ApplyFormattingOptions };
 export declare function useFormattingActions(opts: UseFormattingActionsOptions): {
     handleClearFormatting: () => void;
     handleApplyStyle: (styleId: string) => void;

package/dist/composables.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useCommentSidebarItems-CbNvNCd3.cjs`),t=require(`./useTableResize-DBpEiuGQ.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/findVerticalScrollParent`),c=require(`@eigenpal/docx-editor-core/utils/findReplace`),l=require(`@eigenpal/docx-editor-core/managers/TableSelectionManager`),u=require(`@eigenpal/docx-editor-core/prosemirror/utils/visualLineNavigation`);function d(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 f(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}}var p=40,m=12;function h({pagesContainer:e,onScrollExtendSelection:t}){let r=null,i=0,a=0,o=!1,c=null;function l(){if(c)return c;let t=e.value;return t?(c=(0,s.findVerticalScrollParent)(t),c):null}function u(){o=!1,r!==null&&(cancelAnimationFrame(r),r=null)}function d(){if(!o)return;let e=l();if(!e)return;let n=e.getBoundingClientRect(),s=0;if(a<n.top+p){let e=Math.max(0,n.top+p-a);s=-Math.min(m,e/p*m)}else if(a>n.bottom-p){let e=Math.max(0,a-(n.bottom-p));s=Math.min(m,e/p*m)}s!==0&&(e.scrollTop+=s,t(i,a)),r=requestAnimationFrame(d)}function f(){o||(o=!0,r=requestAnimationFrame(d))}function h(e,t){if(i=e,a=t,!o){let e=l();if(!e)return;let n=e.getBoundingClientRect();(t<n.top+p||t>n.bottom-p)&&f()}}return(0,n.onBeforeUnmount)(()=>u()),{updateMousePosition:h,stopAutoScroll:u}}function g(e={}){let t=(0,n.reactive)({isOpen:!1,searchText:``,replaceText:``,options:(0,c.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 s(e){t.searchText=e}function l(e){t.replaceText=e}function u(e){t.options={...t.options,...e}}function d(n,r=0){let i=Math.max(0,Math.min(r,n.length-1));t.matches=n,t.currentIndex=n.length>0?i:0,e.onMatchesChange?.(n),n.length>0?e.onCurrentMatchChange?.(n[i],i):e.onCurrentMatchChange?.(null,-1)}function f(){return t.matches.length===0?0:(t.currentIndex=(t.currentIndex+1)%t.matches.length,t.currentIndex)}function p(){return t.matches.length===0?0:(t.currentIndex=t.currentIndex===0?t.matches.length-1:t.currentIndex-1,t.currentIndex)}function m(e){t.matches.length===0||e<0||e>=t.matches.length||(t.currentIndex=e)}return{state:t,currentMatch:(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:s,setReplaceText:l,setOptions:u,setMatches:d,goToNextMatch:f,goToPreviousMatch:p,goToMatch:m}}function _({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 v(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 y(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 b(){let e=new l.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,l.findTableFromClick)(t,n);r?e.selectCell(r):e.clearSelection()}function s(){e.clearSelection()}function c(t,n,r){return e.isCellSelected(t,n,r)}return{selectedCell:t,handleCellClick:a,handleClickTarget:o,clearSelection:s,isCellSelected:c}}function x(e,t){return(0,n.computed)(()=>(t.value,(0,a.extractTrackedChanges)(e.value?.state??null)))}function S(e){let t=(0,u.createVisualLineState)();function n(t){let n=e.value;return n?(0,u.getCaretClientX)(n,t):null}function r(t){let n=e.value;return n?(0,u.findLineElementAtPosition)(n,t):null}function i(e,t){return(0,u.findPositionOnLineAtClientX)(e,t)}function a(n,r){return(0,u.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=d,exports.useClipboard=f,exports.useCommentSidebarItems=e.t,exports.useDocxEditor=t.r,exports.useDragAutoScroll=h,exports.useFindReplace=g,exports.useFixedDropdown=_,exports.useHistory=v,exports.useSelectionHighlight=y,exports.useTableResize=t.t,exports.useTableSelection=b,exports.useTrackedChanges=x,exports.useVisualLineNavigation=S,exports.useWheelZoom=t.n,exports.useZoom=t.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./useCommentSidebarItems-CbNvNCd3.cjs`),t=require(`./useDragAutoScroll-BT6oPYBj.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;

package/dist/composables.js

@@ -1,22 +1,21 @@
 import { t as e } from "./useCommentSidebarItems-BHomCzpj.js";
-import { n as t, r as n, t as r } from "./useTableResize-uq2ksRDf.js";
-import { computed as i, onBeforeUnmount as a, onMounted as o, reactive as s, ref as c, unref as l, watch as u } from "vue";
-import { DEFAULT_SELECTION_STYLE as d, areSelectionStylesInjected as f, copyRuns as p, getMergedSelectionRects as m, getSelectedText as h, hasActiveSelection as g, injectSelectionStyles as _, isSelectionWithin as v, parseClipboardHtml as y, runsToClipboardContent as b } from "@eigenpal/docx-editor-core/utils";
-import { redo as x, redoDepth as S, undo as C, undoDepth as w } from "prosemirror-history";
-import { extractTrackedChanges as T } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
-import { AutoSaveManager as E, createSelectionFromDOM as D, formatLastSaveTime as O, formatStorageSize as k, getAutoSaveStatusLabel as A, getAutoSaveStorageSize as j, getSelectionRuns as M, isAutoSaveSupported as N } from "@eigenpal/docx-editor-core";
-import { findVerticalScrollParent as P } from "@eigenpal/docx-editor-core/utils/findVerticalScrollParent";
+import { i as t, n, r, t as i } from "./useDragAutoScroll-C56F_WS_.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";
+import { extractTrackedChanges as E } from "@eigenpal/docx-editor-core/prosemirror/utils/extractTrackedChanges";
+import { AutoSaveManager as D, createSelectionFromDOM as O, formatLastSaveTime as k, formatStorageSize as A, getAutoSaveStatusLabel as j, getAutoSaveStorageSize as M, getSelectionRuns as N, isAutoSaveSupported as P } from "@eigenpal/docx-editor-core";
 import { createDefaultFindOptions as F } from "@eigenpal/docx-editor-core/utils/findReplace";
 import { TableSelectionManager as I, findTableFromClick as L } from "@eigenpal/docx-editor-core/managers/TableSelectionManager";
 import { createVisualLineState as R, findLineElementAtPosition as z, findPositionOnLineAtClientX as B, getCaretClientX as V, handleVisualLineKeyDown as H } from "@eigenpal/docx-editor-core/prosemirror/utils/visualLineNavigation";
 //#region src/composables/useAutoSave.ts
 function U(e, t = {}) {
-	let n = c("idle"), r = c(null), i = c(!1), o = c(!0), { storageKey: s, interval: d, enabled: f = !0, maxAge: p, onSave: m, onError: h, onRecoveryAvailable: g, saveOnChange: _, debounceDelay: v } = t;
-	if (!N()) return {
+	let n = l("idle"), r = l(null), i = l(!1), a = l(!0), { storageKey: s, interval: c, enabled: f = !0, maxAge: p, onSave: m, onError: h, onRecoveryAvailable: g, saveOnChange: _, debounceDelay: v } = t;
+	if (!P()) return {
 		status: n,
 		lastSaveTime: r,
 		hasRecoveryData: i,
-		isEnabled: o,
+		isEnabled: a,
 		save: async () => !1,
 		clearAutoSave: () => {},
 		getRecoveryData: () => null,
@@ -25,9 +24,9 @@ function U(e, t = {}) {
 		enable: () => {},
 		disable: () => {}
 	};
-	let y = new E({
+	let y = new D({
 		storageKey: s,
-		interval: d,
+		interval: c,
 		maxAge: p,
 		saveOnChange: _,
 		debounceDelay: v,
@@ -36,9 +35,9 @@ function U(e, t = {}) {
 		onRecoveryAvailable: g
 	}), b = () => {
 		let e = y.getSnapshot();
-		n.value = e.status, r.value = e.lastSaveTime, i.value = e.hasRecoveryData, o.value = e.isEnabled;
+		n.value = e.status, r.value = e.lastSaveTime, i.value = e.hasRecoveryData, a.value = e.isEnabled;
 	}, x = y.subscribe(b);
-	f ? y.enable() : y.disable(), b(), u(() => l(e), (e) => y.onDocumentChanged(e ?? null), { immediate: !0 });
+	f ? y.enable() : y.disable(), b(), d(() => u(e), (e) => y.onDocumentChanged(e ?? null), { immediate: !0 });
 	function S() {
 		return y.save();
 	}
@@ -51,7 +50,7 @@ function U(e, t = {}) {
 	function T() {
 		return y.acceptRecovery();
 	}
-	function D() {
+	function E() {
 		y.dismissRecovery();
 	}
 	function O() {
@@ -60,18 +59,18 @@ function U(e, t = {}) {
 	function k() {
 		y.disable();
 	}
-	return a(() => {
+	return o(() => {
 		x(), y.destroy();
 	}), {
 		status: n,
 		lastSaveTime: r,
 		hasRecoveryData: i,
-		isEnabled: o,
+		isEnabled: a,
 		save: S,
 		clearAutoSave: C,
 		getRecoveryData: w,
 		acceptRecovery: T,
-		dismissRecovery: D,
+		dismissRecovery: E,
 		enable: O,
 		disable: k
 	};
@@ -79,106 +78,63 @@ function U(e, t = {}) {
 //#endregion
 //#region src/composables/useClipboard.ts
 function W(e = {}) {
-	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o, theme: s } = e, l = c(!1), u = c(null);
+	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o, theme: s } = e, c = l(!1), u = l(null);
 	async function d(e) {
-		if (l.value) return !1;
-		l.value = !0;
+		if (c.value) return !1;
+		c.value = !0;
 		try {
-			let n = await p(e.runs, {
+			let n = await m(e.runs, {
 				onError: o,
 				theme: s
 			});
 			return n && t?.(e), n;
 		} finally {
-			l.value = !1;
+			c.value = !1;
 		}
 	}
 	async function f(e) {
-		if (l.value || !a) return !1;
-		l.value = !0;
+		if (c.value || !a) return !1;
+		c.value = !0;
 		try {
-			let t = await p(e.runs, {
+			let t = await m(e.runs, {
 				onError: o,
 				theme: s
 			});
 			return t && n?.(e), t;
 		} finally {
-			l.value = !1;
+			c.value = !1;
 		}
 	}
-	async function m(e = !1) {
-		if (l.value || !a) return null;
-		l.value = !0;
+	async function p(e = !1) {
+		if (c.value || !a) return null;
+		c.value = !0;
 		try {
 			if (navigator.clipboard && navigator.clipboard.read) {
 				let t = await navigator.clipboard.read(), n = "", a = "";
 				for (let e of t) e.types.includes("text/html") && (n = await (await e.getType("text/html")).text()), e.types.includes("text/plain") && (a = await (await e.getType("text/plain")).text());
 				e && (n = "");
-				let o = y(n, a, i);
+				let o = b(n, a, i);
 				return u.value = o, r?.(o, e), o;
 			}
 			return null;
 		} catch (e) {
 			return o?.(e instanceof Error ? e : Error(String(e))), null;
 		} finally {
-			l.value = !1;
+			c.value = !1;
 		}
 	}
 	return {
 		copy: d,
 		cut: f,
-		paste: m,
-		isProcessing: l,
+		paste: p,
+		isProcessing: c,
 		lastPastedContent: u
 	};
 }
 //#endregion
-//#region src/composables/useDragAutoScroll.ts
-var G = 40, K = 12;
-function q({ pagesContainer: e, onScrollExtendSelection: t }) {
-	let n = null, r = 0, i = 0, o = !1, s = null;
-	function c() {
-		if (s) return s;
-		let t = e.value;
-		return t ? (s = P(t), s) : null;
-	}
-	function l() {
-		o = !1, n !== null && (cancelAnimationFrame(n), n = null);
-	}
-	function u() {
-		if (!o) return;
-		let e = c();
-		if (!e) return;
-		let a = e.getBoundingClientRect(), s = 0;
-		if (i < a.top + G) {
-			let e = Math.max(0, a.top + G - i);
-			s = -Math.min(K, e / G * K);
-		} else if (i > a.bottom - G) {
-			let e = Math.max(0, i - (a.bottom - G));
-			s = Math.min(K, e / G * K);
-		}
-		s !== 0 && (e.scrollTop += s, t(r, i)), n = requestAnimationFrame(u);
-	}
-	function d() {
-		o || (o = !0, n = requestAnimationFrame(u));
-	}
-	function f(e, t) {
-		if (r = e, i = t, !o) {
-			let e = c();
-			if (!e) return;
-			let n = e.getBoundingClientRect();
-			(t < n.top + G || t > n.bottom - G) && d();
-		}
-	}
-	return a(() => l()), {
-		updateMousePosition: f,
-		stopAutoScroll: l
-	};
-}
-//#endregion
 //#region src/composables/useFindReplace.ts
-function J(e = {}) {
-	let t = s({
+function G(e = {}) {
+	let t = c({
 		isOpen: !1,
 		searchText: "",
 		replaceText: "",
@@ -193,13 +149,13 @@ function J(e = {}) {
 	function r(e) {
 		t.isOpen = !0, t.replaceMode = !0, e && (t.searchText = e), t.matches = [], t.currentIndex = 0;
 	}
-	function a() {
+	function i() {
 		t.isOpen = !1;
 	}
 	function o() {
 		t.isOpen = !t.isOpen;
 	}
-	function c(e) {
+	function s(e) {
 		t.searchText = e;
 	}
 	function l(e) {
@@ -226,13 +182,13 @@ function J(e = {}) {
 	}
 	return {
 		state: t,
-		currentMatch: i(() => t.matches.length === 0 ? null : t.matches[t.currentIndex] ?? null),
-		hasMatches: i(() => t.matches.length > 0),
+		currentMatch: a(() => t.matches.length === 0 ? null : t.matches[t.currentIndex] ?? null),
+		hasMatches: a(() => t.matches.length > 0),
 		openFind: n,
 		openReplace: r,
-		close: a,
+		close: i,
 		toggle: o,
-		setSearchText: c,
+		setSearchText: s,
 		setReplaceText: l,
 		setOptions: u,
 		setMatches: d,
@@ -243,38 +199,38 @@ function J(e = {}) {
 }
 //#endregion
 //#region src/composables/useFixedDropdown.ts
-function Y({ isOpen: e, onClose: t, align: n = "left" }) {
-	let r = c(null), i = c(null), o = c({
+function K({ isOpen: e, onClose: t, align: n = "left" }) {
+	let r = l(null), i = l(null), a = l({
 		position: "fixed",
 		top: "0px",
 		left: "0px",
 		zIndex: 1e4
 	});
 	function s(e, t) {
-		o.value = {
+		a.value = {
 			position: "fixed",
 			top: e + "px",
 			left: t + "px",
 			zIndex: 1e4
 		};
 	}
-	function l(e) {
+	function c(e) {
 		let n = e.target;
 		r.value && !r.value.contains(n) && i.value && !i.value.contains(n) && t();
 	}
-	function d(e) {
+	function u(e) {
 		e.key === "Escape" && t();
 	}
 	function f() {
 		t();
 	}
 	function p() {
-		document.addEventListener("mousedown", l), document.addEventListener("keydown", d), window.addEventListener("scroll", f, !0);
+		document.addEventListener("mousedown", c), document.addEventListener("keydown", u), window.addEventListener("scroll", f, !0);
 	}
 	function m() {
-		document.removeEventListener("mousedown", l), document.removeEventListener("keydown", d), window.removeEventListener("scroll", f, !0);
+		document.removeEventListener("mousedown", c), document.removeEventListener("keydown", u), window.removeEventListener("scroll", f, !0);
 	}
-	u(e, (e) => {
+	d(e, (e) => {
 		if (!e) {
 			m();
 			return;
@@ -289,61 +245,61 @@ function Y({ isOpen: e, onClose: t, align: n = "left" }) {
 				s(a.bottom + 4, a.right - t.width);
 			} else s(a.bottom + 4, a.left);
 		}) : s(a.bottom + 4, a.left), p();
-	}), a(m);
+	}), o(m);
 	function h(e) {
 		e.preventDefault(), e.stopPropagation();
 	}
 	return {
 		containerRef: r,
 		dropdownRef: i,
-		dropdownStyle: o,
+		dropdownStyle: a,
 		handleMouseDown: h
 	};
 }
 //#endregion
 //#region src/composables/useHistory.ts
-function X(e, t) {
-	let n = i(() => {
+function q(e, t) {
+	let n = a(() => {
 		t.value;
 		let n = e.value;
-		return n ? w(n.state) > 0 : !1;
-	}), r = i(() => {
+		return n ? T(n.state) > 0 : !1;
+	}), r = a(() => {
 		t.value;
 		let n = e.value;
-		return n ? S(n.state) > 0 : !1;
+		return n ? C(n.state) > 0 : !1;
 	});
-	function a() {
+	function i() {
 		let t = e.value;
-		return t ? C(t.state, t.dispatch) : !1;
+		return t ? w(t.state, t.dispatch) : !1;
 	}
 	function o() {
 		let t = e.value;
-		return t ? x(t.state, t.dispatch) : !1;
+		return t ? S(t.state, t.dispatch) : !1;
 	}
 	return {
 		canUndo: n,
 		canRedo: r,
-		undo: a,
+		undo: i,
 		redo: o
 	};
 }
 //#endregion
 //#region src/composables/useSelectionHighlight.ts
-function Z(e) {
-	let { containerRef: t, enabled: n = !0, config: r = d, useOverlay: s = !1, debounceMs: l = 16, onSelectionChange: p } = e, y = c(!1), b = c(""), x = c([]), S = c(!1), C = null, w = 0;
+function J(e) {
+	let { containerRef: t, enabled: n = !0, config: r = f, useOverlay: i = !1, debounceMs: c = 16, onSelectionChange: u } = e, m = l(!1), b = l(""), x = l([]), S = l(!1), C = null, w = 0;
 	function T() {
-		let e = t.value, n = g(), r = h(), i = e ? v(e) : !1;
-		y.value = n, b.value = r, S.value = i, x.value = s && i && e ? m(e) : [], p?.(n && i, r);
+		let e = t.value, n = _(), r = g(), a = e ? y(e) : !1;
+		m.value = n, b.value = r, S.value = a, x.value = i && a && e ? h(e) : [], u?.(n && a, r);
 	}
 	function E() {
 		T();
 	}
 	function D() {
 		let e = performance.now();
-		if (e - w < l) {
+		if (e - w < c) {
 			C && clearTimeout(C), C = setTimeout(() => {
 				w = performance.now(), T(), C = null;
-			}, l);
+			}, c);
 			return;
 		}
 		w = e, T();
@@ -362,26 +318,26 @@ function Z(e) {
 			pointerEvents: "none"
 		};
 	}
-	return o(() => {
-		n && (f() || _(r), document.addEventListener("selectionchange", D));
-	}), a(() => {
+	return s(() => {
+		n && (p() || v(r), document.addEventListener("selectionchange", D));
+	}), o(() => {
 		document.removeEventListener("selectionchange", D), C && clearTimeout(C);
-	}), u(t, () => T()), {
-		hasSelection: i(() => y.value),
-		selectedText: i(() => b.value),
-		highlightRects: i(() => x.value),
-		isSelectionInContainer: i(() => S.value),
+	}), d(t, () => T()), {
+		hasSelection: a(() => m.value),
+		selectedText: a(() => b.value),
+		highlightRects: a(() => x.value),
+		isSelectionInContainer: a(() => S.value),
 		refresh: E,
 		getOverlayStyle: O
 	};
 }
 //#endregion
 //#region src/composables/useTableSelection.ts
-function Q() {
-	let e = new I(), t = c(null), n = () => {
+function Y() {
+	let e = new I(), t = l(null), n = () => {
 		t.value = e.getSnapshot().selectedCell;
 	}, r = e.subscribe(n);
-	n(), a(() => {
+	n(), o(() => {
 		r();
 	});
 	function i(t, n, r) {
@@ -391,32 +347,32 @@ function Q() {
 			columnIndex: r
 		});
 	}
-	function o(t, n) {
+	function a(t, n) {
 		let r = L(t, n);
 		r ? e.selectCell(r) : e.clearSelection();
 	}
 	function s() {
 		e.clearSelection();
 	}
-	function l(t, n, r) {
+	function c(t, n, r) {
 		return e.isCellSelected(t, n, r);
 	}
 	return {
 		selectedCell: t,
 		handleCellClick: i,
-		handleClickTarget: o,
+		handleClickTarget: a,
 		clearSelection: s,
-		isCellSelected: l
+		isCellSelected: c
 	};
 }
 //#endregion
 //#region src/composables/useTrackedChanges.ts
-function $(e, t) {
-	return i(() => (t.value, T(e.value?.state ?? null)));
+function X(e, t) {
+	return a(() => (t.value, E(e.value?.state ?? null)));
 }
 //#endregion
 //#region src/composables/useVisualLineNavigation.ts
-function ee(e) {
+function Z(e) {
 	let t = R();
 	function n(t) {
 		let n = e.value;
@@ -441,4 +397,4 @@ function ee(e) {
 	};
 }
 //#endregion
-export { D as createSelectionFromDOM, T as extractTrackedChanges, O as formatLastSaveTime, k as formatStorageSize, A as getAutoSaveStatusLabel, j as getAutoSaveStorageSize, M as getSelectionRuns, N as isAutoSaveSupported, b as runsToClipboardContent, U as useAutoSave, W as useClipboard, e as useCommentSidebarItems, n as useDocxEditor, q as useDragAutoScroll, J as useFindReplace, Y as useFixedDropdown, X as useHistory, Z as useSelectionHighlight, r as useTableResize, Q as useTableSelection, $ as useTrackedChanges, ee as useVisualLineNavigation, t as useWheelZoom, t as useZoom };
+export { O as createSelectionFromDOM, E as extractTrackedChanges, k as formatLastSaveTime, A as formatStorageSize, j as getAutoSaveStatusLabel, M as getAutoSaveStorageSize, N as getSelectionRuns, P as isAutoSaveSupported, x as runsToClipboardContent, U as useAutoSave, W as useClipboard, e as useCommentSidebarItems, t as useDocxEditor, i as useDragAutoScroll, G as useFindReplace, K as useFixedDropdown, q as useHistory, J as useSelectionHighlight, n as useTableResize, Y as useTableSelection, X as useTrackedChanges, Z as useVisualLineNavigation, r as useWheelZoom, r as useZoom };