oasis-editor 0.0.186 → 0.0.187

package/dist/app/controllers/createCropSession.d.ts

@@ -21,7 +21,7 @@ export interface CropSessionDeps {
  * stack on release.
  */
 export declare function createCropSession(deps: CropSessionDeps): {
-    start: (paragraphId: string, paragraphOffset: number, handleDirection: ResizeHandleDirection, event: MouseEvent, initialState: EditorState) => void;
-    startMove: (paragraphId: string, paragraphOffset: number, event: MouseEvent, initialState: EditorState) => void;
+    start: (paragraphId: string, paragraphOffset: number, handleDirection: ResizeHandleDirection, event: PointerEvent, initialState: EditorState) => void;
+    startMove: (paragraphId: string, paragraphOffset: number, event: PointerEvent, initialState: EditorState) => void;
     stop: () => void;
 };

package/dist/app/controllers/createResizeSession.d.ts

@@ -40,6 +40,6 @@ export interface ResizeSessionDeps {
  * supplied by {@link ResizeSessionAdapter}.
  */
 export declare function createResizeSession(adapter: ResizeSessionAdapter, deps: ResizeSessionDeps): {
-    start: (paragraphId: string, paragraphOffset: number, handleDirection: ResizeHandleDirection, event: MouseEvent, initialState: EditorState) => void;
+    start: (paragraphId: string, paragraphOffset: number, handleDirection: ResizeHandleDirection, event: PointerEvent, initialState: EditorState) => void;
     stop: () => void;
 };

package/dist/app/controllers/createRotateSession.d.ts

@@ -29,7 +29,7 @@ export interface RotateSessionDeps {
  * pre-rotation state onto the undo stack on release.
  */
 export declare function createRotateSession(adapter: RotateSessionAdapter, deps: RotateSessionDeps): {
-    start: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    start: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }, initialState: EditorState) => void;
     stop: () => void;

package/dist/app/controllers/pointerGesture.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tracks which pointer owns an in-flight drag gesture.
+ *
+ * Drag sessions listen on `window`, so every pointer on the screen reaches
+ * their move/up handlers. Without this filter a second finger — a thumb coming
+ * to rest on the page, or the start of a pinch — would steer a drag that
+ * another pointer began, snapping the dragged object to the wrong place.
+ */
+export interface PointerGesture {
+    /** Records the pointer that started the gesture. */
+    claim: (event: Pick<PointerEvent, "pointerId">) => void;
+    /** Whether an event belongs to the pointer that started the gesture. */
+    owns: (event: Pick<PointerEvent, "pointerId">) => boolean;
+    /** Forgets the owner so the next gesture can claim it. */
+    release: () => void;
+}
+export declare function createPointerGesture(): PointerGesture;

package/dist/app/controllers/tableResize/tableResizeTypes.d.ts

@@ -60,7 +60,7 @@ export interface TableResizeState {
 }
 export interface TableResizeOps {
     resizing: () => TableResizeState | null;
-    handleMouseMove: (event: MouseEvent) => void;
-    handleMouseDown: (event: MouseEvent) => boolean;
+    handlePointerMove: (event: PointerEvent) => void;
+    handlePointerDown: (event: PointerEvent) => boolean;
     stop: () => void;
 }

package/dist/app/controllers/useEditorImageOperations.d.ts

@@ -56,24 +56,24 @@ declare function createEditorImageOperationsImpl(deps: EditorImageOperationsDeps
         height: number;
         src: string;
     } | null;
-    startImageDrag: (paragraphId: string, paragraphOffset: number, event: MouseEvent, pointerBounds?: ImagePointerBounds) => void;
+    startImageDrag: (paragraphId: string, paragraphOffset: number, event: PointerEvent, pointerBounds?: ImagePointerBounds) => void;
     stopImageDrag: () => void;
     stopImageResize: () => void;
     stopImageRotate: () => void;
     stopImageCrop: () => void;
-    handleImageMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    handleImagePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    handleImageResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    handleImageResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    handleImageRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    handleImageRotateHandlePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    handleImageCropHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    handleImageCropHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    handleImageCropBodyMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    handleImageCropBodyPointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
 };

package/dist/app/controllers/useEditorSurfaceEvents.d.ts

@@ -5,12 +5,12 @@ export interface UseEditorSurfaceEventsProps {
     state: () => EditorState;
     applyState: (newState: EditorState) => void;
     tableResize: {
-        handleMouseDown: (event: MouseEvent) => boolean;
+        handlePointerDown: (event: PointerEvent) => boolean;
     };
     imageOps: {
         stopImageDrag: () => void;
         stopImageResize: () => void;
-        startImageDrag: (paragraphId: string, paragraphOffset: number, event: MouseEvent, pointerBounds?: {
+        startImageDrag: (paragraphId: string, paragraphOffset: number, event: PointerEvent, pointerBounds?: {
             left: number;
             top: number;
             width: number;
@@ -21,13 +21,15 @@ export interface UseEditorSurfaceEventsProps {
     clearPreferredColumn: () => void;
     resetTransactionGrouping: () => void;
     focusInputAfterPointerSelection: () => void;
+    /** Synchronous focus, required for touch to raise the on-screen keyboard. */
+    focusInputSync: () => void;
     resolveSurfaceHitAtPoint: (clientX: number, clientY: number, context?: {
         forDrag?: boolean;
         pierce?: boolean;
     }) => SurfaceHit | null;
     getParagraphById: (doc: EditorState["document"], id: string) => EditorParagraphNode | undefined;
     textDrag?: {
-        tryStartTextDrag: (event: MouseEvent, hit: SurfaceHit | null) => boolean;
+        tryStartTextDrag: (event: PointerEvent, hit: SurfaceHit | null) => boolean;
     };
     logger: {
         debug: (msg: string) => void;
@@ -37,10 +39,10 @@ export interface UseEditorSurfaceEventsProps {
 }
 export declare function createEditorSurfaceEvents(deps: UseEditorSurfaceEventsProps): ReturnType<typeof createEditorSurfaceEventsImpl>;
 declare function createEditorSurfaceEventsImpl(deps: UseEditorSurfaceEventsProps): {
-    handleSurfaceMouseDown: (event: MouseEvent) => void;
+    handleSurfacePointerDown: (event: PointerEvent) => void;
     handleSurfaceClick: (event: MouseEvent) => void;
     handleSurfaceDblClick: (event: MouseEvent) => void;
-    handleParagraphMouseDown: (_paragraphId: string, event: MouseEvent & {
+    handleParagraphPointerDown: (_paragraphId: string, event: PointerEvent & {
         currentTarget: HTMLParagraphElement;
     }) => void;
     stopDragging: () => void;

package/dist/app/controllers/useEditorTableCornerResize.d.ts

@@ -31,7 +31,7 @@ export interface TableCornerResizeOps {
         width: number;
         height: number;
     } | null>;
-    handleMouseDown: (tableId: string, event: MouseEvent) => void;
+    handlePointerDown: (tableId: string, event: PointerEvent) => void;
     stop: () => void;
 }
 /**

package/dist/app/controllers/useEditorTableDrag.d.ts

@@ -3,7 +3,7 @@ import { EditorState, EditorPosition } from '../../core/model.js';
 export interface TableDragOps {
     dragging: () => boolean;
     startClientY: () => number;
-    handleMouseDown: (tableId: string, event: MouseEvent) => void;
+    handlePointerDown: (tableId: string, event: PointerEvent) => void;
     dropTargetPos: () => EditorPosition | null;
     stop: () => void;
 }
@@ -32,7 +32,7 @@ declare function createEditorTableDragImpl(deps: {
         y: number;
     }>;
     dropTargetPos: import('solid-js').Accessor<EditorPosition | null>;
-    handleMouseDown: (tableId: string, event: MouseEvent) => void;
+    handlePointerDown: (tableId: string, event: PointerEvent) => void;
     stop: () => void;
 };
 export {};

package/dist/app/controllers/useEditorTextBoxOperations.d.ts

@@ -16,10 +16,10 @@ export interface EditorTextBoxOperationsDeps {
 }
 export declare function createEditorTextBoxOperations(deps: EditorTextBoxOperationsDeps): ReturnType<typeof createEditorTextBoxOperationsImpl>;
 declare function createEditorTextBoxOperationsImpl(deps: EditorTextBoxOperationsDeps): {
-    handleTextBoxResizeHandleMouseDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: MouseEvent & {
+    handleTextBoxResizeHandlePointerDown: (paragraphId: string, paragraphOffset: number, direction: ResizeHandleDirection, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
-    handleTextBoxRotateHandleMouseDown: (paragraphId: string, paragraphOffset: number, event: MouseEvent & {
+    handleTextBoxRotateHandlePointerDown: (paragraphId: string, paragraphOffset: number, event: PointerEvent & {
         currentTarget: HTMLElement;
     }) => void;
     stopTextBoxResize: () => void;

package/dist/app/controllers/useEditorTextDrag.d.ts

@@ -35,7 +35,7 @@ declare function createEditorTextDragImpl(deps: EditorTextDragDeps): {
         top: number;
         height: number;
     } | null>;
-    tryStartTextDrag: (event: MouseEvent, hit: SurfaceHit | null) => boolean;
+    tryStartTextDrag: (event: PointerEvent, hit: SurfaceHit | null) => boolean;
     stopDrag: () => void;
 };
 export {};

package/dist/{index-DazwB_Pd.js → index-sfDgngZ-.js}

@@ -2863,7 +2863,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-voAqwV96.js").then((m) => {
+    import("./OasisEditorApp-c25tbt9o.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -25980,14 +25980,14 @@ function CanvasEditorSurface(props) {
             get paintGeneration() {
               return layoutMetricsEpoch();
             },
-            get onSurfaceMouseDown() {
-              return props.onSurfaceMouseDown;
+            get onSurfacePointerDown() {
+              return props.onSurfacePointerDown;
             },
             get onSurfaceClick() {
               return props.onSurfaceClick;
             },
-            get onSurfaceMouseMove() {
-              return props.onSurfaceMouseMove;
+            get onSurfacePointerMove() {
+              return props.onSurfacePointerMove;
             },
             get onSurfaceDblClick() {
               return props.onSurfaceDblClick;
@@ -26092,9 +26092,9 @@ function CanvasPage(props) {
   return (() => {
     var _el$3 = _tmpl$3$l(), _el$4 = _el$3.firstChild;
     addEventListener(_el$3, "dblclick", props.onSurfaceDblClick, true);
-    addEventListener(_el$3, "mousemove", props.onSurfaceMouseMove, true);
+    addEventListener(_el$3, "pointermove", props.onSurfacePointerMove, true);
     addEventListener(_el$3, "click", props.onSurfaceClick, true);
-    addEventListener(_el$3, "mousedown", props.onSurfaceMouseDown, true);
+    addEventListener(_el$3, "pointerdown", props.onSurfacePointerDown, true);
     var _ref$ = canvasRef;
     typeof _ref$ === "function" ? use(_ref$, _el$4) : canvasRef = _el$4;
     insert(_el$3, createComponent(For, {
@@ -26103,7 +26103,7 @@ function CanvasPage(props) {
       },
       children: (revision) => (() => {
         var _el$5 = _tmpl$4$d();
-        addEventListener(_el$5, "mousedown", props.onSurfaceMouseDown, true);
+        addEventListener(_el$5, "pointerdown", props.onSurfacePointerDown, true);
         _el$5.addEventListener("mouseleave", (event) => {
           var _a2;
           return (_a2 = props.onRevisionMouseLeave) == null ? void 0 : _a2.call(props, revision.id, event);
@@ -26141,7 +26141,7 @@ function CanvasPage(props) {
     return _el$3;
   })();
 }
-delegateEvents(["mousedown", "click", "mousemove", "dblclick"]);
+delegateEvents(["pointerdown", "click", "pointermove", "dblclick"]);
 function selectionOverlapsRun(runStart, runEnd, selectionStart, selectionEnd) {
   return Math.max(runStart, selectionStart) < Math.min(runEnd, selectionEnd);
 }
@@ -40162,7 +40162,11 @@ async function parseRunsContainer(container, numberingMaps, zip, relsMap, assets
       continue;
     }
     if (element.localName === "sdt") {
-      const sdtContent = getFirstChildByTagNameNS(element, WORD_NS$3, "sdtContent");
+      const sdtContent = getFirstChildByTagNameNS(
+        element,
+        WORD_NS$3,
+        "sdtContent"
+      );
       if (!sdtContent) {
         continue;
       }
@@ -43472,7 +43476,10 @@ function createSdtEnvelope(parent, wrapper) {
   const document2 = parent.ownerDocument;
   if (!document2) return null;
   const sdt = document2.createElementNS(WORD_NS$1, "w:sdt");
-  const properties = parseWordFragment$1(serializeSdtPrXml(wrapper.sdtPr), "sdtPr");
+  const properties = parseWordFragment$1(
+    serializeSdtPrXml(wrapper.sdtPr),
+    "sdtPr"
+  );
   if (properties) {
     sdt.appendChild(properties.cloneNode(true));
   }
@@ -43528,18 +43535,22 @@ function wrapTableStructuralSdts(table, tableElement) {
     if (cellElements.length !== row.cells.length) continue;
     wrapSequence(
       rowElement,
-      cellElements.map((element, cellIndex) => ({
-        element,
-        wrappers: row.cells[cellIndex].sdtWrappers ?? []
-      }))
+      cellElements.map(
+        (element, cellIndex) => ({
+          element,
+          wrappers: row.cells[cellIndex].sdtWrappers ?? []
+        })
+      )
     );
   }
   wrapSequence(
     tableElement,
-    rowElements.map((element, rowIndex) => ({
-      element,
-      wrappers: table.rows[rowIndex].sdtWrappers ?? []
-    }))
+    rowElements.map(
+      (element, rowIndex) => ({
+        element,
+        wrappers: table.rows[rowIndex].sdtWrappers ?? []
+      })
+    )
   );
 }
 function elementChildren$1(node) {
@@ -44346,9 +44357,7 @@ function serializeRunRevisionWrapper(innerXml, revision) {
 }
 function serializeMoveRangeMarker(marker) {
   const element = `move${marker.move === "from" ? "From" : "To"}Range${marker.edge === "start" ? "Start" : "End"}`;
-  const attributes = [
-    `w:id="${revisionNumericId(marker.id)}"`
-  ];
+  const attributes = [`w:id="${revisionNumericId(marker.id)}"`];
   if (marker.displacedByCustomXml !== void 0) {
     attributes.push(
       `w:displacedByCustomXml="${escapeXml(marker.displacedByCustomXml)}"`
@@ -44452,7 +44461,11 @@ function serializeParagraphDecorations(style2) {
   return parts;
 }
 function serializeParagraphPropertyRevision(revision) {
-  const { propertyRevision: _nestedRevision, styleId, ...previous } = revision.previous;
+  const {
+    propertyRevision: _nestedRevision,
+    styleId,
+    ...previous
+  } = revision.previous;
   const serialized = serializeParagraphStyleXml(previous);
   const inner = serialized ? serialized.slice("<w:pPr>".length, -"</w:pPr>".length) : "";
   const styleXml = styleId ? `<w:pStyle w:val="${escapeXml(styleId)}"/>` : "";
@@ -44756,7 +44769,11 @@ function normalizeHighlightForDocx(highlight) {
   return bestName;
 }
 function serializeRunPropertyRevision(revision) {
-  const { propertyRevision: _nestedRevision, styleId, ...previous } = revision.previous;
+  const {
+    propertyRevision: _nestedRevision,
+    styleId,
+    ...previous
+  } = revision.previous;
   const serialized = serializeRunProperties(previous);
   const inner = serialized ? serialized.slice("<w:rPr>".length, -"</w:rPr>".length) : "";
   const styleXml = styleId ? `<w:rStyle w:val="${escapeXml(styleId)}"/>` : "";
@@ -48704,7 +48721,7 @@ var _tmpl$$G = /* @__PURE__ */ template(`<button aria-hidden=true class=oasis-ed
 function ResizeHandlesOverlay(props) {
   return (() => {
     var _el$ = _tmpl$2$p();
-    _el$.$$mousedown = (event) => {
+    _el$.$$pointerdown = (event) => {
       if (props.readOnly || !props.box() || !props.onBodyMouseDown) {
         return;
       }
@@ -48720,7 +48737,7 @@ function ResizeHandlesOverlay(props) {
           each: RESIZE_HANDLE_DIRECTIONS,
           children: (direction) => (() => {
             var _el$3 = _tmpl$3$h();
-            _el$3.$$mousedown = (event) => {
+            _el$3.$$pointerdown = (event) => {
               if (!props.box()) {
                 return;
               }
@@ -48735,7 +48752,7 @@ function ResizeHandlesOverlay(props) {
           },
           get children() {
             var _el$2 = _tmpl$$G();
-            _el$2.$$mousedown = (event) => {
+            _el$2.$$pointerdown = (event) => {
               var _a2;
               if (!props.box()) {
                 return;
@@ -48774,7 +48791,7 @@ function ResizeHandlesOverlay(props) {
     return _el$;
   })();
 }
-delegateEvents(["mousedown"]);
+delegateEvents(["pointerdown"]);
 var _tmpl$$F = /* @__PURE__ */ template(`<div aria-hidden=true class=oasis-editor-image-crop-preview><img alt>`);
 function fraction(value2) {
   return Number.isFinite(value2) ? Math.max(0, Math.min(0.99, value2 ?? 0)) : 0;
@@ -48856,10 +48873,10 @@ function TableHandlesOverlay(props) {
     },
     children: (box) => (() => {
       var _el$ = _tmpl$$E(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-      _el$2.$$mousedown = (event) => {
+      _el$2.$$pointerdown = (event) => {
         props.onMoveStart(event);
       };
-      _el$3.$$mousedown = (event) => {
+      _el$3.$$pointerdown = (event) => {
         props.onResizeStart(event);
       };
       createRenderEffect((_p$) => {
@@ -48879,7 +48896,7 @@ function TableHandlesOverlay(props) {
     })()
   });
 }
-delegateEvents(["mousedown"]);
+delegateEvents(["pointerdown"]);
 const ZOOM_MIN = 50;
 const ZOOM_MAX = 200;
 const ZOOM_STEP = 10;
@@ -49002,7 +49019,7 @@ function EditorStatusBar(props) {
   })();
 }
 delegateEvents(["click", "input"]);
-var _tmpl$$B = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><textarea aria-label="Editor input"autocomplete=off autocapitalize=off class=oasis-editor-input data-testid=editor-input value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none>`);
+var _tmpl$$B = /* @__PURE__ */ template(`<div data-testid=editor-editor-shell><div class=oasis-editor-editor data-testid=editor-editor><div class=oasis-editor-editor-zoom-sizer><div class=oasis-editor-editor-scroll-content data-testid=editor-editor-scroll-content style="position:absolute;top:0px;transform-origin:top left"><textarea aria-label="Editor input"autocomplete=off autocapitalize=off autocorrect=off class=oasis-editor-input data-testid=editor-input enterkeyhint=enter inputmode=text value style=pointer-events:none></textarea><input data-testid=editor-import-docx-input type=file style=display:none><input accept="image/png, image/jpeg, image/gif"data-testid=editor-insert-image-input type=file style=display:none>`);
 function OasisEditorEditor(props) {
   const layout = () => props.layout;
   const overlays = () => props.overlays;
@@ -49171,7 +49188,7 @@ function OasisEditorEditor(props) {
       }
     }), _el$2);
     addEventListener(_el$2, "contextmenu", surfaceHandlers().onEditorContextMenu, true);
-    addEventListener(_el$2, "mousedown", surfaceHandlers().onEditorMouseDown, true);
+    addEventListener(_el$2, "pointerdown", surfaceHandlers().onEditorPointerDown, true);
     addEventListener(_el$2, "drop", surfaceHandlers().onDrop);
     addEventListener(_el$2, "dragover", surfaceHandlers().onDragOver);
     use((el) => {
@@ -49236,35 +49253,35 @@ function OasisEditorEditor(props) {
         return layout().measuredParagraphLayouts;
       },
       viewportRef: () => viewportElement ?? void 0,
-      get onSurfaceMouseDown() {
-        return surfaceHandlers().onSurfaceMouseDown;
+      get onSurfacePointerDown() {
+        return surfaceHandlers().onSurfacePointerDown;
       },
       get onSurfaceClick() {
         return surfaceHandlers().onSurfaceClick;
       },
-      get onSurfaceMouseMove() {
-        return surfaceHandlers().onSurfaceMouseMove;
+      get onSurfacePointerMove() {
+        return surfaceHandlers().onSurfacePointerMove;
       },
       get onSurfaceDblClick() {
         return surfaceHandlers().onSurfaceDblClick;
       },
-      get onParagraphMouseDown() {
-        return surfaceHandlers().onParagraphMouseDown;
+      get onParagraphPointerDown() {
+        return surfaceHandlers().onParagraphPointerDown;
       },
-      get onImageMouseDown() {
-        return surfaceHandlers().onImageMouseDown;
+      get onImagePointerDown() {
+        return surfaceHandlers().onImagePointerDown;
       },
-      get onImageResizeHandleMouseDown() {
-        return surfaceHandlers().onImageResizeHandleMouseDown;
+      get onImageResizeHandlePointerDown() {
+        return surfaceHandlers().onImageResizeHandlePointerDown;
       },
-      get onTextBoxResizeHandleMouseDown() {
-        return surfaceHandlers().onTextBoxResizeHandleMouseDown;
+      get onTextBoxResizeHandlePointerDown() {
+        return surfaceHandlers().onTextBoxResizeHandlePointerDown;
       },
-      get onTableDragHandleMouseDown() {
-        return surfaceHandlers().onTableDragHandleMouseDown;
+      get onTableDragHandlePointerDown() {
+        return surfaceHandlers().onTableDragHandlePointerDown;
       },
-      get onTableCornerResizeHandleMouseDown() {
-        return surfaceHandlers().onTableCornerResizeHandleMouseDown;
+      get onTableCornerResizeHandlePointerDown() {
+        return surfaceHandlers().onTableCornerResizeHandlePointerDown;
       },
       get onRevisionMouseEnter() {
         return surfaceHandlers().onRevisionMouseEnter;
@@ -49328,17 +49345,17 @@ function OasisEditorEditor(props) {
             if (!image) return;
             event.preventDefault();
             event.stopPropagation();
-            surfaceHandlers().onImageResizeHandleMouseDown(image.paragraphId, image.startOffset, direction, event);
+            surfaceHandlers().onImageResizeHandlePointerDown(image.paragraphId, image.startOffset, direction, event);
           },
           onRotateStart: (event) => {
             const image = selectedImage();
             if (!image) return;
-            surfaceHandlers().onImageRotateHandleMouseDown(image.paragraphId, image.startOffset, event);
+            surfaceHandlers().onImageRotateHandlePointerDown(image.paragraphId, image.startOffset, event);
           },
           onBodyMouseDown: (event) => {
             const image = selectedImage();
             if (!image) return;
-            surfaceHandlers().onImageMouseDown(image.paragraphId, image.startOffset, event);
+            surfaceHandlers().onImagePointerDown(image.paragraphId, image.startOffset, event);
           }
         });
       },
@@ -49373,13 +49390,13 @@ function OasisEditorEditor(props) {
             if (!image) return;
             event.preventDefault();
             event.stopPropagation();
-            (_b2 = (_a2 = surfaceHandlers()).onImageCropHandleMouseDown) == null ? void 0 : _b2.call(_a2, image.paragraphId, image.startOffset, direction, event);
+            (_b2 = (_a2 = surfaceHandlers()).onImageCropHandlePointerDown) == null ? void 0 : _b2.call(_a2, image.paragraphId, image.startOffset, direction, event);
           },
           onBodyMouseDown: (event) => {
             var _a2, _b2;
             const image = selectedImage();
             if (!image) return;
-            (_b2 = (_a2 = surfaceHandlers()).onImageCropBodyMouseDown) == null ? void 0 : _b2.call(_a2, image.paragraphId, image.startOffset, event);
+            (_b2 = (_a2 = surfaceHandlers()).onImageCropBodyPointerDown) == null ? void 0 : _b2.call(_a2, image.paragraphId, image.startOffset, event);
           }
         })];
       }
@@ -49399,12 +49416,12 @@ function OasisEditorEditor(props) {
         if (!textBox) return;
         event.preventDefault();
         event.stopPropagation();
-        surfaceHandlers().onTextBoxResizeHandleMouseDown(textBox.paragraphId, textBox.startOffset, direction, event);
+        surfaceHandlers().onTextBoxResizeHandlePointerDown(textBox.paragraphId, textBox.startOffset, direction, event);
       },
       onRotateStart: (event) => {
         const textBox = selectedTextBox();
         if (!textBox) return;
-        surfaceHandlers().onTextBoxRotateHandleMouseDown(textBox.paragraphId, textBox.startOffset, event);
+        surfaceHandlers().onTextBoxRotateHandlePointerDown(textBox.paragraphId, textBox.startOffset, event);
       }
     }), _el$5);
     insert(_el$4, createComponent(TableHandlesOverlay, {
@@ -49415,12 +49432,12 @@ function OasisEditorEditor(props) {
       onMoveStart: (event) => {
         const table = selectedTable();
         if (!table) return;
-        surfaceHandlers().onTableDragHandleMouseDown(table.tableId, event);
+        surfaceHandlers().onTableDragHandlePointerDown(table.tableId, event);
       },
       onResizeStart: (event) => {
         const table = selectedTable();
         if (!table) return;
-        surfaceHandlers().onTableCornerResizeHandleMouseDown(table.tableId, event);
+        surfaceHandlers().onTableCornerResizeHandlePointerDown(table.tableId, event);
       }
     }), _el$5);
     insert(_el$4, createComponent(Show, {
@@ -49529,7 +49546,7 @@ function OasisEditorEditor(props) {
     return _el$;
   })();
 }
-delegateEvents(["mousedown", "contextmenu", "input", "keydown"]);
+delegateEvents(["pointerdown", "contextmenu", "input", "keydown"]);
 function resolveFloatingTopLeft(floating, opts) {
   const emuToPx2 = (value2) => value2 === void 0 ? 0 : value2 / EMU_PER_PX;
   const h = floating.positionH;
@@ -52159,7 +52176,9 @@ function collectParagraphsDeep(blocks) {
 function recordRemovedParagraphRelocations(before, after, context2) {
   const oldParagraphs = collectParagraphsDeep([before]);
   const newParagraphs = collectParagraphsDeep([after]);
-  const newById = new Map(newParagraphs.map((paragraph) => [paragraph.id, paragraph]));
+  const newById = new Map(
+    newParagraphs.map((paragraph) => [paragraph.id, paragraph])
+  );
   for (let index = 0; index < oldParagraphs.length; index += 1) {
     const paragraph = oldParagraphs[index];
     if (newById.has(paragraph.id) || context2.paragraphRelocations.has(paragraph.id)) {
@@ -52705,14 +52724,19 @@ function transformAnchor(anchor, transforms, relocations) {
   return paragraphId === anchor.paragraphId && offset === anchor.offset ? anchor : { ...anchor, paragraphId, offset };
 }
 function transformBookmarks(document2, transforms, relocations) {
-  if (!document2.bookmarks || transforms.size === 0 && relocations.size === 0) return;
+  if (!document2.bookmarks || transforms.size === 0 && relocations.size === 0)
+    return;
   let changed = false;
   const items = { ...document2.bookmarks.items };
   const order = [];
   for (const id of document2.bookmarks.order) {
     const bookmark = document2.bookmarks.items[id];
     if (!bookmark) continue;
-    const mappedStart = transformAnchor(bookmark.start, transforms, relocations);
+    const mappedStart = transformAnchor(
+      bookmark.start,
+      transforms,
+      relocations
+    );
     const mappedEnd = transformAnchor(bookmark.end, transforms, relocations);
     const start = mappedStart ?? (bookmark.start ? mappedEnd : void 0);
     const end = mappedEnd ?? (bookmark.end ? mappedStart : void 0);
@@ -52730,15 +52754,24 @@ function transformBookmarks(document2, transforms, relocations) {
   if (changed) document2.bookmarks = { ...document2.bookmarks, items, order };
 }
 function transformComments(comments, transforms, relocations) {
-  if (!comments || transforms.size === 0 && relocations.size === 0) return comments;
+  if (!comments || transforms.size === 0 && relocations.size === 0)
+    return comments;
   let changed = false;
   const items = { ...comments.items };
   const order = [];
   for (const id of comments.order) {
     const comment = comments.items[id];
     if (!comment) continue;
-    const mappedStart = transformAnchor(comment.start, transforms, relocations);
-    const mappedEnd = transformAnchor(comment.end, transforms, relocations);
+    const mappedStart = transformAnchor(
+      comment.start,
+      transforms,
+      relocations
+    );
+    const mappedEnd = transformAnchor(
+      comment.end,
+      transforms,
+      relocations
+    );
     const start = mappedStart ?? (comment.start ? mappedEnd : void 0);
     const end = mappedEnd ?? (comment.end ? mappedStart : void 0);
     if (!start && !end) {