@stll/folio-vue 0.8.1 → 0.9.0

package/dist/composables/useFindReplace.d.ts

@@ -1,22 +1,24 @@
-/**
- * Vue port of the find/replace UI-state container.
- *
- * PORT-BLOCKED (missing `utils/findReplace` UI-util): upstream builds this
- * composable's entire state on three symbols from
- * `@eigenpal/docx-editor-core/utils/findReplace` — the `FindMatch` and
- * `FindOptions` data contracts and the `createDefaultFindOptions()` factory.
- * That util is absent from our fork: it is neither in `@stll/folio-core`
- * (whose search surface is the lower-level `prosemirror/findReplaceSelection`
- * `FindMatchPosition` + `managers/FindReplaceManager`, a different shape) nor
- * in our ported Vue `../utils/*`. Every field of the reactive state
- * (`options: createDefaultFindOptions()`, `matches: FindMatch[]`, the
- * `currentMatch`/`setMatches`/`goToMatch` surface) depends on those types, so
- * there is no working subset to port without fabricating the data contract.
- *
- * Unblock: port upstream `packages/core/src/utils/findReplace.ts` (pure, no
- * runtime deps) into the Vue package as `../utils/findReplace.ts`, reconciling
- * its `FindMatch`/`FindOptions` with core's `FindMatchPosition` /
- * `FindReplaceManager`, then restore the full composable — its body is a direct
- * `reactive()` translation of the React hook with no other blockers.
- */
-export {};
+import { ComputedRef, Ref, ShallowRef } from 'vue';
+import { EditorView } from 'prosemirror-view';
+import { ProseMirrorFindMatch } from '@stll/folio-core/prosemirror/findReplaceSelection';
+import { FindOptions } from '@stll/folio-core/utils/findReplace';
+export type UseFindReplaceOptions = {
+    editorView: Readonly<Ref<EditorView | null>>;
+    scrollVisiblePositionIntoView?: (pmPos: number) => void;
+};
+export type UseFindReplaceReturn = {
+    searchText: Ref<string>;
+    replaceText: Ref<string>;
+    options: FindOptions;
+    matches: ShallowRef<ProseMirrorFindMatch[]>;
+    currentIndex: Ref<number>;
+    currentMatch: ComputedRef<ProseMirrorFindMatch | null>;
+    performSearch: () => ProseMirrorFindMatch[];
+    goToMatch: (index: number) => boolean;
+    findNext: () => ProseMirrorFindMatch | null;
+    findPrevious: () => ProseMirrorFindMatch | null;
+    replaceCurrent: () => boolean;
+    replaceAll: () => number;
+    clear: () => void;
+};
+export declare function useFindReplace({ editorView, scrollVisiblePositionIntoView, }: UseFindReplaceOptions): UseFindReplaceReturn;

package/dist/composables/usePagesPointer.d.ts

@@ -1,7 +1,6 @@
 import { Ref, ShallowRef } from 'vue';
 import { Command } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import { HeaderFooter, BlockContent } from '@stll/folio-core/types/content';
 import { Document } from '@stll/folio-core/types/document';
 import { Layout } from '@stll/folio-core/layout-engine';
 import { ImageSelectionInfo } from '../components/imageSelectionTypes';
@@ -19,9 +18,10 @@ export type TableInsertButton = {
     cellPmPos: number;
 };
 export type HfEditState = {
+    isFirstPage: boolean;
+    pageNumber: number;
     position: "header" | "footer";
     rId: string | null;
-    headerFooter: HeaderFooter | null;
     targetRect: {
         top: number;
         left: number;
@@ -42,29 +42,25 @@ export type UsePagesPointerOptions = {
     imageInteracting: Ref<boolean>;
     hyperlinkPopupData: Ref<HyperlinkPopupData | null>;
     readOnly: Ref<boolean>;
+    showHeaderFooterEditing: Ref<boolean>;
     zoom: Ref<number>;
     layout: Ref<Layout | null>;
     tableResize: TableResizeApi;
     getCommands: () => Commands;
     getDocument: () => Document | null;
     reLayout: () => void;
-    emit: (event: string, ...args: unknown[]) => void;
+    onDocumentChange: (document: Document) => void;
     clearOverlay: () => void;
-    /**
-     * 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;
+    /** Synchronize persistent header/footer views after document-model changes. */
+    syncHfPMs: () => void;
     /** Resolve the persistent EditorView for an HF instance (for click routing). */
-    getHfPmView?: (hf: HeaderFooter) => EditorView | null;
+    getHfPmView: (rId: string) => 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;
+    setDocument: (doc: Document) => void;
 };
 export type UsePagesPointerReturn = {
     tableInsertButton: Ref<TableInsertButton | null>;
@@ -80,7 +76,7 @@ export type UsePagesPointerReturn = {
     handlePagesDoubleClick: (event: MouseEvent) => void;
     handleTableInsertClick: (event: MouseEvent) => void;
     clearTableInsertTimer: () => void;
-    handleHfSave: (content: BlockContent[]) => void;
+    handleHfSave: () => void;
     handleHfRemove: () => void;
 };
 export declare function usePagesPointer(opts: UsePagesPointerOptions): UsePagesPointerReturn;

package/dist/composables/useRemoteSelectionSync.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { HiddenProseMirrorRemoteSelection } from '@stll/folio-core/controller/hiddenEditorManager';
+import { LayoutSelectionGate } from '@stll/folio-core/paged-layout/LayoutSelectionGate';
+export type UseRemoteSelectionSyncOptions = {
+    pagesRef: Ref<HTMLElement | null>;
+    remoteSelections: Ref<HiddenProseMirrorRemoteSelection[]>;
+    syncCoordinator: LayoutSelectionGate;
+    zoom: Ref<number>;
+};
+export declare const useRemoteSelectionSync: (options: UseRemoteSelectionSyncOptions) => void;

package/dist/composables/useSelectionSync.d.ts

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

package/dist/composables.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./useZoom-C7jhL696.cjs");let t=require("vue"),n=require("prosemirror-history"),r=require("@stll/folio-core/utils/clipboard"),i=require("@stll/folio-core/managers/ClipboardManager"),a=require("@stll/folio-core/managers/TableSelectionManager"),o=require("@stll/folio-core/prosemirror/utils/visualLineNavigation"),s=require("@stll/folio-core/prosemirror/utils/extractTrackedChanges");function c(e={}){let{onCopy:n,onCut:i,onPaste:a,cleanWordFormatting:o=!0,editable:s=!0,onError:c}=e,l=(0,t.ref)(!1),u=(0,t.ref)(null),d=c?{onError:c}:{};async function f(e){if(l.value)return!1;l.value=!0;try{let t=await(0,r.copyRuns)(e.runs,d);return t&&n?.(e),t}finally{l.value=!1}}async function p(e){if(l.value||!s)return!1;l.value=!0;try{let t=await(0,r.copyRuns)(e.runs,d);return t&&i?.(e),t}finally{l.value=!1}}async function m(e=!1){if(l.value||!s)return null;l.value=!0;try{if(navigator.clipboard&&navigator.clipboard.read){let t=await navigator.clipboard.read(),n=``,i=``;for(let e of t)e.types.includes(`text/html`)&&(n=await(await e.getType(`text/html`)).text()),e.types.includes(`text/plain`)&&(i=await(await e.getType(`text/plain`)).text());e&&(n=``);let s=(0,r.parseClipboardHtml)(n,i,o);return u.value=s,a?.(s,e),s}return null}catch(e){return c?.(e instanceof Error?e:Error(String(e))),null}finally{l.value=!1}}return{copy:f,cut:p,paste:m,isProcessing:l,lastPastedContent:u}}function l({isOpen:e,onClose:n,align:r=`left`}){let i=(0,t.ref)(null),a=(0,t.ref)(null),o=(0,t.ref)({position:`fixed`,top:`0px`,left:`0px`,zIndex:1e4});function s(e,t){o.value={position:`fixed`,top:e+`px`,left:t+`px`,zIndex:1e4}}function c(e){let t=e.target;t instanceof Node&&i.value&&!i.value.contains(t)&&a.value&&!a.value.contains(t)&&n()}function l(e){e.key===`Escape`&&n()}function u(e){let t=e.target;t instanceof Node&&a.value&&a.value.contains(t)||n()}function d(){document.addEventListener(`mousedown`,c),document.addEventListener(`keydown`,l),window.addEventListener(`scroll`,u,!0)}function f(){document.removeEventListener(`mousedown`,c),document.removeEventListener(`keydown`,l),window.removeEventListener(`scroll`,u,!0)}(0,t.watch)(e,e=>{if(!e){f();return}let t=i.value;if(!t)return;let n=t.getBoundingClientRect();r===`right`?requestAnimationFrame(()=>{let e=a.value;if(e){let t=e.getBoundingClientRect();s(n.bottom+4,n.right-t.width)}else s(n.bottom+4,n.left)}):s(n.bottom+4,n.left),d()}),(0,t.onScopeDispose)(f);function p(e){e.preventDefault(),e.stopPropagation()}return{containerRef:i,dropdownRef:a,dropdownStyle:o,handleMouseDown:p}}function u(e,r){let i=(0,t.computed)(()=>{r.value;let t=e.value;return t?(0,n.undoDepth)(t.state)>0:!1}),a=(0,t.computed)(()=>{r.value;let t=e.value;return t?(0,n.redoDepth)(t.state)>0:!1});function o(){let t=e.value;return t?(0,n.undo)(t.state,t.dispatch):!1}function s(){let t=e.value;return t?(0,n.redo)(t.state,t.dispatch):!1}return{canUndo:i,canRedo:a,undo:o,redo:s}}var d={backgroundColor:`rgba(26, 115, 232, 0.3)`,borderRadius:0,zIndex:0,opacity:1,mixBlendMode:`multiply`};function f(e){let t=window.getSelection();if(!t||t.rangeCount===0||t.isCollapsed)return[];let n=t.getRangeAt(0);if(e&&!e.contains(n.commonAncestorContainer))return[];let r=0,i=0;if(e){let t=e.getBoundingClientRect();r=t.left+e.scrollLeft,i=t.top+e.scrollTop}let a=[];for(let e of n.getClientRects())e.width===0&&e.height===0||a.push({left:e.left-r,top:e.top-i,width:e.width,height:e.height});return a}function p(e,t=2){if(e.length<=1)return e;let n=[...e].sort((e,n)=>Math.abs(e.top-n.top)<t?e.left-n.left:e.top-n.top),r=n[0];if(!r)return e;let i=[],a={...r};for(let e=1;e<n.length;e++){let r=n[e];if(!r)continue;let o=Math.abs(r.top-a.top)<t,s=r.left<=a.left+a.width+t;if(o&&s){let e=Math.max(a.left+a.width,r.left+r.width);a.width=e-a.left,a.height=Math.max(a.height,r.height)}else i.push(a),a={...r}}return i.push(a),i}function m(e){return p(f(e))}function h(){let e=window.getSelection();return e!==null&&!e.isCollapsed&&e.rangeCount>0}function g(e){let t=window.getSelection();return!t||t.rangeCount===0?!1:e.contains(t.getRangeAt(0).commonAncestorContainer)}var _=`docx-selection-styles`,v=null;function y(){v&&=(v.remove(),null),document.getElementById(_)?.remove()}function b(e=d){y();let t=`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./useFindReplace-ZCrdvwEk.cjs"),t=require("./useZoom-BYEcnpS0.cjs");let n=require("vue"),r=require("prosemirror-history"),i=require("@stll/folio-core/utils/clipboard"),a=require("@stll/folio-core/managers/ClipboardManager"),o=require("@stll/folio-core/managers/TableSelectionManager"),s=require("@stll/folio-core/prosemirror/utils/visualLineNavigation"),c=require("@stll/folio-core/prosemirror/utils/extractTrackedChanges");function l(e={}){let{onCopy:t,onCut:r,onPaste:a,cleanWordFormatting:o=!0,editable:s=!0,onError:c}=e,l=(0,n.ref)(!1),u=(0,n.ref)(null),d=c?{onError:c}:{};async function f(e){if(l.value)return!1;l.value=!0;try{let n=await(0,i.copyRuns)(e.runs,d);return n&&t?.(e),n}finally{l.value=!1}}async function p(e){if(l.value||!s)return!1;l.value=!0;try{let t=await(0,i.copyRuns)(e.runs,d);return t&&r?.(e),t}finally{l.value=!1}}async function m(e=!1){if(l.value||!s)return null;l.value=!0;try{if(navigator.clipboard&&navigator.clipboard.read){let t=await navigator.clipboard.read(),n=``,r=``;for(let e of t)e.types.includes(`text/html`)&&(n=await(await e.getType(`text/html`)).text()),e.types.includes(`text/plain`)&&(r=await(await e.getType(`text/plain`)).text());e&&(n=``);let s=(0,i.parseClipboardHtml)(n,r,o);return u.value=s,a?.(s,e),s}return null}catch(e){return c?.(e instanceof Error?e:Error(String(e))),null}finally{l.value=!1}}return{copy:f,cut:p,paste:m,isProcessing:l,lastPastedContent:u}}function u({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;n instanceof Node&&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 instanceof Node&&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.onScopeDispose)(f);function p(e){e.preventDefault(),e.stopPropagation()}return{containerRef:i,dropdownRef:a,dropdownStyle:o,handleMouseDown:p}}function d(e,t){let i=(0,n.computed)(()=>{t.value;let n=e.value;return n?(0,r.undoDepth)(n.state)>0:!1}),a=(0,n.computed)(()=>{t.value;let n=e.value;return n?(0,r.redoDepth)(n.state)>0:!1});function o(){let t=e.value;return t?(0,r.undo)(t.state,t.dispatch):!1}function s(){let t=e.value;return t?(0,r.redo)(t.state,t.dispatch):!1}return{canUndo:i,canRedo:a,undo:o,redo:s}}var f={backgroundColor:`rgba(26, 115, 232, 0.3)`,borderRadius:0,zIndex:0,opacity:1,mixBlendMode:`multiply`};function p(e){let t=window.getSelection();if(!t||t.rangeCount===0||t.isCollapsed)return[];let n=t.getRangeAt(0);if(e&&!e.contains(n.commonAncestorContainer))return[];let r=0,i=0;if(e){let t=e.getBoundingClientRect();r=t.left+e.scrollLeft,i=t.top+e.scrollTop}let a=[];for(let e of n.getClientRects())e.width===0&&e.height===0||a.push({left:e.left-r,top:e.top-i,width:e.width,height:e.height});return a}function m(e,t=2){if(e.length<=1)return e;let n=[...e].sort((e,n)=>Math.abs(e.top-n.top)<t?e.left-n.left:e.top-n.top),r=n[0];if(!r)return e;let i=[],a={...r};for(let e=1;e<n.length;e++){let r=n[e];if(!r)continue;let o=Math.abs(r.top-a.top)<t,s=r.left<=a.left+a.width+t;if(o&&s){let e=Math.max(a.left+a.width,r.left+r.width);a.width=e-a.left,a.height=Math.max(a.height,r.height)}else i.push(a),a={...r}}return i.push(a),i}function h(e){return m(p(e))}function g(){let e=window.getSelection();return e!==null&&!e.isCollapsed&&e.rangeCount>0}function _(e){let t=window.getSelection();return!t||t.rangeCount===0?!1:e.contains(t.getRangeAt(0).commonAncestorContainer)}var v=`docx-selection-styles`,y=null;function b(){y&&=(y.remove(),null),document.getElementById(v)?.remove()}function x(e=f){b();let t=`
     /* DOCX Editor Selection Highlighting */
 
     .docx-editor [contenteditable="true"]::selection,
@@ -58,4 +58,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
       background-color: rgba(156, 39, 176, 0.2);
       border-bottom: 2px dashed rgba(156, 39, 176, 0.6);
     }
-  `;v=document.createElement(`style`),v.id=_,v.textContent=t,document.head.appendChild(v)}function x(){return v!==null||document.getElementById(_)!==null}function S(){return window.getSelection()?.toString()??``}function C(e){let{containerRef:n,enabled:r=!0,config:i=d,useOverlay:a=!1,debounceMs:o=16,onSelectionChange:s}=e,c=(0,t.ref)(!1),l=(0,t.ref)(``),u=(0,t.ref)([]),f=(0,t.ref)(!1),p=null,_=0;function v(){let e=n.value,t=h(),r=S(),i=e?g(e):!1;c.value=t,l.value=r,f.value=i,u.value=a&&i&&e?m(e):[],s?.(t&&i,r)}function y(){v()}function C(){let e=performance.now();if(e-_<o){p&&clearTimeout(p),p=setTimeout(()=>{_=performance.now(),v(),p=null},o);return}_=e,v()}function w(e){let t={position:`absolute`,left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`,backgroundColor:i.backgroundColor,zIndex:i.zIndex??0,pointerEvents:`none`};return i.borderRadius&&(t.borderRadius=`${i.borderRadius}px`),i.borderColor&&(t.border=`1px solid ${i.borderColor}`),t}return(0,t.onMounted)(()=>{r&&(x()||b(i),document.addEventListener(`selectionchange`,C))}),(0,t.onBeforeUnmount)(()=>{document.removeEventListener(`selectionchange`,C),p&&clearTimeout(p)}),(0,t.watch)(n,()=>v()),{hasSelection:(0,t.computed)(()=>c.value),selectedText:(0,t.computed)(()=>l.value),highlightRects:(0,t.computed)(()=>u.value),isSelectionInContainer:(0,t.computed)(()=>f.value),refresh:y,getOverlayStyle:w}}function w(){let e=new a.TableSelectionManager,n=(0,t.ref)(null),r=()=>{let t=e.getSnapshot();n.value=t.tableIndex!==null&&t.rowIndex!==null&&t.columnIndex!==null?{tableIndex:t.tableIndex,rowIndex:t.rowIndex,columnIndex:t.columnIndex}:null},i=e.subscribe(r);r(),(0,t.onScopeDispose)(i);function o(e,t,n){}function s(t,n){(0,a.findTableFromClick)(t,n)||e.clearSelection()}function c(){e.clearSelection()}function l(t,n,r){return e.isCellSelected(t,n,r)}return{selectedCell:n,handleCellClick:o,handleClickTarget:s,clearSelection:c,isCellSelected:l}}function T(e){let t=(0,o.createVisualLineState)();function n(t){let n=e.value;return n?(0,o.getCaretClientX)(n,t):null}function r(t){let n=e.value;return n?(0,o.findLineElementAtPosition)(n,t):null}function i(e,t){return(0,o.findPositionOnLineAtClientX)(e,t)}function a(n,r){return(0,o.handleVisualLineKeyDown)(t,n,r,e.value)}return{state:t,getCaretClientX:n,findLineElementAtPosition:r,findPositionOnLineAtClientX:i,handlePMKeyDown:a}}exports.createSelectionFromDOM=i.createSelectionFromDOM,exports.extractTrackedChanges=s.extractTrackedChanges,exports.getSelectionRuns=i.getSelectionRuns,exports.runsToClipboardContent=r.runsToClipboardContent,exports.useClipboard=c,exports.useDocxEditor=e.a,exports.useDragAutoScroll=e.i,exports.useFixedDropdown=l,exports.useHistory=u,exports.useSelectionHighlight=C,exports.useTableResize=e.r,exports.useTableSelection=w,exports.useTrackedChanges=e.n,exports.useVisualLineNavigation=T,exports.useWheelZoom=e.t,exports.useZoom=e.t;
+  `;y=document.createElement(`style`),y.id=v,y.textContent=t,document.head.appendChild(y)}function S(){return y!==null||document.getElementById(v)!==null}function C(){return window.getSelection()?.toString()??``}function w(e){let{containerRef:t,enabled:r=!0,config:i=f,useOverlay:a=!1,debounceMs:o=16,onSelectionChange:s}=e,c=(0,n.ref)(!1),l=(0,n.ref)(``),u=(0,n.ref)([]),d=(0,n.ref)(!1),p=null,m=0;function v(){let e=t.value,n=g(),r=C(),i=e?_(e):!1;c.value=n,l.value=r,d.value=i,u.value=a&&i&&e?h(e):[],s?.(n&&i,r)}function y(){v()}function b(){let e=performance.now();if(e-m<o){p&&clearTimeout(p),p=setTimeout(()=>{m=performance.now(),v(),p=null},o);return}m=e,v()}function w(e){let t={position:`absolute`,left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`,backgroundColor:i.backgroundColor,zIndex:i.zIndex??0,pointerEvents:`none`};return i.borderRadius&&(t.borderRadius=`${i.borderRadius}px`),i.borderColor&&(t.border=`1px solid ${i.borderColor}`),t}return(0,n.onMounted)(()=>{r&&(S()||x(i),document.addEventListener(`selectionchange`,b))}),(0,n.onBeforeUnmount)(()=>{document.removeEventListener(`selectionchange`,b),p&&clearTimeout(p)}),(0,n.watch)(t,()=>v()),{hasSelection:(0,n.computed)(()=>c.value),selectedText:(0,n.computed)(()=>l.value),highlightRects:(0,n.computed)(()=>u.value),isSelectionInContainer:(0,n.computed)(()=>d.value),refresh:y,getOverlayStyle:w}}function T(){let e=new o.TableSelectionManager,t=(0,n.ref)(null),r=()=>{let n=e.getSnapshot();t.value=n.tableIndex!==null&&n.rowIndex!==null&&n.columnIndex!==null?{tableIndex:n.tableIndex,rowIndex:n.rowIndex,columnIndex:n.columnIndex}:null},i=e.subscribe(r);r(),(0,n.onScopeDispose)(i);function a(t,n,r){e.selectCellCoordinates({tableIndex:t,rowIndex:n,columnIndex:r})}function s(t,n){let r=(0,o.findTableFromClick)(t,n);if(!r){e.clearSelection();return}e.selectCellCoordinates(r)}function c(){e.clearSelection()}function l(t,n,r){return e.isCellSelected(t,n,r)}return{selectedCell:t,handleCellClick:a,handleClickTarget:s,clearSelection:c,isCellSelected:l}}function E(e){let t=(0,s.createVisualLineState)();function n(t){let n=e.value;return n?(0,s.getCaretClientX)(n,t):null}function r(t){let n=e.value;return n?(0,s.findLineElementAtPosition)(n,t):null}function i(e,t){return(0,s.findPositionOnLineAtClientX)(e,t)}function a(n,r){return(0,s.handleVisualLineKeyDown)(t,n,r,e.value)}return{state:t,getCaretClientX:n,findLineElementAtPosition:r,findPositionOnLineAtClientX:i,handlePMKeyDown:a}}exports.createSelectionFromDOM=a.createSelectionFromDOM,exports.extractTrackedChanges=c.extractTrackedChanges,exports.getSelectionRuns=a.getSelectionRuns,exports.runsToClipboardContent=i.runsToClipboardContent,exports.useClipboard=l,exports.useDocxEditor=t.a,exports.useDragAutoScroll=t.i,exports.useFindReplace=e.t,exports.useFixedDropdown=u,exports.useHistory=d,exports.useSelectionHighlight=w,exports.useTableResize=t.r,exports.useTableSelection=T,exports.useTrackedChanges=t.n,exports.useVisualLineNavigation=E,exports.useWheelZoom=t.t,exports.useZoom=t.t;

package/dist/composables.js

@@ -1,18 +1,19 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "./useZoom-zJvuJlUd.js";
-import { computed as o, onBeforeUnmount as s, onMounted as c, onScopeDispose as l, ref as u, watch as d } from "vue";
-import { redo as f, redoDepth as p, undo as m, undoDepth as h } from "prosemirror-history";
-import { copyRuns as g, parseClipboardHtml as _, runsToClipboardContent as v } from "@stll/folio-core/utils/clipboard";
-import { createSelectionFromDOM as y, getSelectionRuns as b } from "@stll/folio-core/managers/ClipboardManager";
-import { TableSelectionManager as x, findTableFromClick as S } from "@stll/folio-core/managers/TableSelectionManager";
-import { createVisualLineState as C, findLineElementAtPosition as w, findPositionOnLineAtClientX as T, getCaretClientX as E, handleVisualLineKeyDown as D } from "@stll/folio-core/prosemirror/utils/visualLineNavigation";
+import { t as e } from "./useFindReplace-CL8Rbc3y.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./useZoom-C0p0o54p.js";
+import { computed as s, onBeforeUnmount as c, onMounted as l, onScopeDispose as u, ref as d, watch as f } from "vue";
+import { redo as p, redoDepth as m, undo as h, undoDepth as g } from "prosemirror-history";
+import { copyRuns as _, parseClipboardHtml as v, runsToClipboardContent as y } from "@stll/folio-core/utils/clipboard";
+import { createSelectionFromDOM as b, getSelectionRuns as x } from "@stll/folio-core/managers/ClipboardManager";
+import { TableSelectionManager as S, findTableFromClick as C } from "@stll/folio-core/managers/TableSelectionManager";
+import { createVisualLineState as w, findLineElementAtPosition as T, findPositionOnLineAtClientX as E, getCaretClientX as D, handleVisualLineKeyDown as O } from "@stll/folio-core/prosemirror/utils/visualLineNavigation";
 //#region src/composables/useClipboard.ts
-function O(e = {}) {
-	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o } = e, s = u(!1), c = u(null), l = o ? { onError: o } : {};
-	async function d(e) {
+function k(e = {}) {
+	let { onCopy: t, onCut: n, onPaste: r, cleanWordFormatting: i = !0, editable: a = !0, onError: o } = e, s = d(!1), c = d(null), l = o ? { onError: o } : {};
+	async function u(e) {
 		if (s.value) return !1;
 		s.value = !0;
 		try {
-			let n = await g(e.runs, l);
+			let n = await _(e.runs, l);
 			return n && t?.(e), n;
 		} finally {
 			s.value = !1;
@@ -22,7 +23,7 @@ function O(e = {}) {
 		if (s.value || !a) return !1;
 		s.value = !0;
 		try {
-			let t = await g(e.runs, l);
+			let t = await _(e.runs, l);
 			return t && n?.(e), t;
 		} finally {
 			s.value = !1;
@@ -36,7 +37,7 @@ function O(e = {}) {
 				let t = await navigator.clipboard.read(), n = "", a = "";
 				for (let e of t) e.types.includes("text/html") && (n = await (await e.getType("text/html")).text()), e.types.includes("text/plain") && (a = await (await e.getType("text/plain")).text());
 				e && (n = "");
-				let o = _(n, a, i);
+				let o = v(n, a, i);
 				return c.value = o, r?.(o, e), o;
 			}
 			return null;
@@ -47,7 +48,7 @@ function O(e = {}) {
 		}
 	}
 	return {
-		copy: d,
+		copy: u,
 		cut: f,
 		paste: p,
 		isProcessing: s,
@@ -56,8 +57,8 @@ function O(e = {}) {
 }
 //#endregion
 //#region src/composables/useFixedDropdown.ts
-function k({ isOpen: e, onClose: t, align: n = "left" }) {
-	let r = u(null), i = u(null), a = u({
+function A({ isOpen: e, onClose: t, align: n = "left" }) {
+	let r = d(null), i = d(null), a = d({
 		position: "fixed",
 		top: "0px",
 		left: "0px",
@@ -78,17 +79,17 @@ function k({ isOpen: e, onClose: t, align: n = "left" }) {
 	function c(e) {
 		e.key === "Escape" && t();
 	}
-	function f(e) {
+	function l(e) {
 		let n = e.target;
 		n instanceof Node && i.value && i.value.contains(n) || t();
 	}
 	function p() {
-		document.addEventListener("mousedown", s), document.addEventListener("keydown", c), window.addEventListener("scroll", f, !0);
+		document.addEventListener("mousedown", s), document.addEventListener("keydown", c), window.addEventListener("scroll", l, !0);
 	}
 	function m() {
-		document.removeEventListener("mousedown", s), document.removeEventListener("keydown", c), window.removeEventListener("scroll", f, !0);
+		document.removeEventListener("mousedown", s), document.removeEventListener("keydown", c), window.removeEventListener("scroll", l, !0);
 	}
-	d(e, (e) => {
+	f(e, (e) => {
 		if (!e) {
 			m();
 			return;
@@ -103,7 +104,7 @@ function k({ isOpen: e, onClose: t, align: n = "left" }) {
 				o(a.bottom + 4, a.right - t.width);
 			} else o(a.bottom + 4, a.left);
 		}) : o(a.bottom + 4, a.left), p();
-	}), l(m);
+	}), u(m);
 	function h(e) {
 		e.preventDefault(), e.stopPropagation();
 	}
@@ -116,23 +117,23 @@ function k({ isOpen: e, onClose: t, align: n = "left" }) {
 }
 //#endregion
 //#region src/composables/useHistory.ts
-function A(e, t) {
-	let n = o(() => {
+function j(e, t) {
+	let n = s(() => {
 		t.value;
 		let n = e.value;
-		return n ? h(n.state) > 0 : !1;
-	}), r = o(() => {
+		return n ? g(n.state) > 0 : !1;
+	}), r = s(() => {
 		t.value;
 		let n = e.value;
-		return n ? p(n.state) > 0 : !1;
+		return n ? m(n.state) > 0 : !1;
 	});
 	function i() {
 		let t = e.value;
-		return t ? m(t.state, t.dispatch) : !1;
+		return t ? h(t.state, t.dispatch) : !1;
 	}
 	function a() {
 		let t = e.value;
-		return t ? f(t.state, t.dispatch) : !1;
+		return t ? p(t.state, t.dispatch) : !1;
 	}
 	return {
 		canUndo: n,
@@ -143,14 +144,14 @@ function A(e, t) {
 }
 //#endregion
 //#region src/utils/selectionHighlight.ts
-var j = {
+var M = {
 	backgroundColor: "rgba(26, 115, 232, 0.3)",
 	borderRadius: 0,
 	zIndex: 0,
 	opacity: 1,
 	mixBlendMode: "multiply"
 };
-function M(e) {
+function N(e) {
 	let t = window.getSelection();
 	if (!t || t.rangeCount === 0 || t.isCollapsed) return [];
 	let n = t.getRangeAt(0);
@@ -169,7 +170,7 @@ function M(e) {
 	});
 	return a;
 }
-function N(e, t = 2) {
+function P(e, t = 2) {
 	if (e.length <= 1) return e;
 	let n = [...e].sort((e, n) => Math.abs(e.top - n.top) < t ? e.left - n.left : e.top - n.top), r = n[0];
 	if (!r) return e;
@@ -185,23 +186,23 @@ function N(e, t = 2) {
 	}
 	return i.push(a), i;
 }
-function P(e) {
-	return N(M(e));
+function F(e) {
+	return P(N(e));
 }
-function F() {
+function I() {
 	let e = window.getSelection();
 	return e !== null && !e.isCollapsed && e.rangeCount > 0;
 }
-function I(e) {
+function L(e) {
 	let t = window.getSelection();
 	return !t || t.rangeCount === 0 ? !1 : e.contains(t.getRangeAt(0).commonAncestorContainer);
 }
-var L = "docx-selection-styles", R = null;
-function z() {
-	R &&= (R.remove(), null), document.getElementById(L)?.remove();
+var R = "docx-selection-styles", z = null;
+function B() {
+	z &&= (z.remove(), null), document.getElementById(R)?.remove();
 }
-function B(e = j) {
-	z();
+function V(e = M) {
+	B();
 	let t = `
     /* DOCX Editor Selection Highlighting */
 
@@ -263,21 +264,21 @@ function B(e = j) {
       border-bottom: 2px dashed rgba(156, 39, 176, 0.6);
     }
   `;
-	R = document.createElement("style"), R.id = L, R.textContent = t, document.head.appendChild(R);
+	z = document.createElement("style"), z.id = R, z.textContent = t, document.head.appendChild(z);
 }
-function V() {
-	return R !== null || document.getElementById(L) !== null;
+function H() {
+	return z !== null || document.getElementById(R) !== null;
 }
 //#endregion
 //#region src/composables/useSelectionHighlight.ts
-function H() {
+function U() {
 	return window.getSelection()?.toString() ?? "";
 }
-function U(e) {
-	let { containerRef: t, enabled: n = !0, config: r = j, useOverlay: i = !1, debounceMs: a = 16, onSelectionChange: l } = e, f = u(!1), p = u(""), m = u([]), h = u(!1), g = null, _ = 0;
+function W(e) {
+	let { containerRef: t, enabled: n = !0, config: r = M, useOverlay: i = !1, debounceMs: a = 16, onSelectionChange: o } = e, u = d(!1), p = d(""), m = d([]), h = d(!1), g = null, _ = 0;
 	function v() {
-		let e = t.value, n = F(), r = H(), a = e ? I(e) : !1;
-		f.value = n, p.value = r, h.value = a, m.value = i && a && e ? P(e) : [], l?.(n && a, r);
+		let e = t.value, n = I(), r = U(), a = e ? L(e) : !1;
+		u.value = n, p.value = r, h.value = a, m.value = i && a && e ? F(e) : [], o?.(n && a, r);
 	}
 	function y() {
 		v();
@@ -305,23 +306,23 @@ function U(e) {
 		};
 		return r.borderRadius && (t.borderRadius = `${r.borderRadius}px`), r.borderColor && (t.border = `1px solid ${r.borderColor}`), t;
 	}
-	return c(() => {
-		n && (V() || B(r), document.addEventListener("selectionchange", b));
-	}), s(() => {
+	return l(() => {
+		n && (H() || V(r), document.addEventListener("selectionchange", b));
+	}), c(() => {
 		document.removeEventListener("selectionchange", b), g && clearTimeout(g);
-	}), d(t, () => v()), {
-		hasSelection: o(() => f.value),
-		selectedText: o(() => p.value),
-		highlightRects: o(() => m.value),
-		isSelectionInContainer: o(() => h.value),
+	}), f(t, () => v()), {
+		hasSelection: s(() => u.value),
+		selectedText: s(() => p.value),
+		highlightRects: s(() => m.value),
+		isSelectionInContainer: s(() => h.value),
 		refresh: y,
 		getOverlayStyle: x
 	};
 }
 //#endregion
 //#region src/composables/useTableSelection.ts
-function W() {
-	let e = new x(), t = u(null), n = () => {
+function G() {
+	let e = new S(), t = d(null), n = () => {
 		let n = e.getSnapshot();
 		t.value = n.tableIndex !== null && n.rowIndex !== null && n.columnIndex !== null ? {
 			tableIndex: n.tableIndex,
@@ -329,10 +330,21 @@ function W() {
 			columnIndex: n.columnIndex
 		} : null;
 	}, r = e.subscribe(n);
-	n(), l(r);
-	function i(e, t, n) {}
+	n(), u(r);
+	function i(t, n, r) {
+		e.selectCellCoordinates({
+			tableIndex: t,
+			rowIndex: n,
+			columnIndex: r
+		});
+	}
 	function a(t, n) {
-		S(t, n) || e.clearSelection();
+		let r = C(t, n);
+		if (!r) {
+			e.clearSelection();
+			return;
+		}
+		e.selectCellCoordinates(r);
 	}
 	function o() {
 		e.clearSelection();
@@ -350,21 +362,21 @@ function W() {
 }
 //#endregion
 //#region src/composables/useVisualLineNavigation.ts
-function G(e) {
-	let t = C();
+function K(e) {
+	let t = w();
 	function n(t) {
 		let n = e.value;
-		return n ? E(n, t) : null;
+		return n ? D(n, t) : null;
 	}
 	function r(t) {
 		let n = e.value;
-		return n ? w(n, t) : null;
+		return n ? T(n, t) : null;
 	}
 	function i(e, t) {
-		return T(e, t);
+		return E(e, t);
 	}
 	function a(n, r) {
-		return D(t, n, r, e.value);
+		return O(t, n, r, e.value);
 	}
 	return {
 		state: t,
@@ -375,4 +387,4 @@ function G(e) {
 	};
 }
 //#endregion
-export { y as createSelectionFromDOM, n as extractTrackedChanges, b as getSelectionRuns, v as runsToClipboardContent, O as useClipboard, r as useDocxEditor, e as useDragAutoScroll, k as useFixedDropdown, A as useHistory, U as useSelectionHighlight, t as useTableResize, W as useTableSelection, i as useTrackedChanges, G as useVisualLineNavigation, a as useWheelZoom, a as useZoom };
+export { b as createSelectionFromDOM, r as extractTrackedChanges, x as getSelectionRuns, y as runsToClipboardContent, k as useClipboard, i as useDocxEditor, t as useDragAutoScroll, e as useFindReplace, A as useFixedDropdown, j as useHistory, W as useSelectionHighlight, n as useTableResize, G as useTableSelection, a as useTrackedChanges, K as useVisualLineNavigation, o as useWheelZoom, o as useZoom };

package/dist/dialogs.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./WatermarkDialog-DHfk8jrg.cjs");var t=e.m,n=e.l,r=e.p,i=e.c,a=e.f,o=e.s,s=e.d,c=e.a,l=e.u,u=e.i,d=e.r,f=e.n,p=e.t;exports.FindReplaceDialog=t,exports.FootnotePropertiesDialog=n,exports.HyperlinkDialog=r,exports.ImagePositionDialog=i,exports.ImagePropertiesDialog=a,exports.InsertImageDialog=o,exports.InsertSymbolDialog=s,exports.InsertTableDialog=c,exports.PageSetupDialog=l,exports.PasteSpecialDialog=u,exports.SplitCellDialog=d,exports.TablePropertiesDialog=f,exports.WatermarkDialog=p;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./WatermarkDialog-ChJtT7Bs.cjs");var t=e.m,n=e.l,r=e.p,i=e.c,a=e.f,o=e.s,s=e.d,c=e.a,l=e.u,u=e.i,d=e.r,f=e.n,p=e.t;exports.FindReplaceDialog=t,exports.FootnotePropertiesDialog=n,exports.HyperlinkDialog=r,exports.ImagePositionDialog=i,exports.ImagePropertiesDialog=a,exports.InsertImageDialog=o,exports.InsertSymbolDialog=s,exports.InsertTableDialog=c,exports.PageSetupDialog=l,exports.PasteSpecialDialog=u,exports.SplitCellDialog=d,exports.TablePropertiesDialog=f,exports.WatermarkDialog=p;

package/dist/dialogs.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, p as c, r as l, s as u, t as d, u as f } from "./WatermarkDialog-r4wmldt4.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, p as c, r as l, s as u, t as d, u as f } from "./WatermarkDialog-Cf9ISDvv.js";
 //#region src/components/dialogs/index.ts
 var p = o, m = a, h = c, g = t, _ = r, v = u, y = n, b = e, x = f, S = i, C = l, w = s, T = d;
 //#endregion