oasis-editor 0.0.185 → 0.0.187

package/dist/{OasisEditorApp-WP25r3Sz.js → OasisEditorApp-c25tbt9o.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: true, configurable: true, writable: true, value }) : obj[key2] = value;
 var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
-import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, q as createSignal, r as cloneEditorState, s as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, v as probeLocalFontFamilies, w as createEditorParagraphFromRuns, x as isInlineObjectRun, y as stylesEqual, z as cloneStyle, A as createEditorStyledRun, B as cloneParagraphList, C as cloneParagraph, D as getParagraphLength, G as cloneRun, H as getActiveZone, I as getActiveSectionIndex, J as getParagraphs, K as normalizeSelection, L as positionToParagraphOffset, M as cloneParagraphs, N as paragraphOffsetToPosition, O as findParagraphIndex, P as createCollapsedSelection, Q as isSelectionCollapsed, R as MATH_OBJECT_REPLACEMENT, T as setValueStyle, U as setBooleanStyle, V as parseFontSizePtToPx, W as formatFontSizePt, X as setParagraphStyleValue, Y as createEditorParagraph, Z as cloneBlocks, _ as resolveDefaultParagraphStyleId, $ as findParagraphTablePathLocation, a0 as findParagraphLocation, a1 as resolveTablePath, a2 as buildTableCellLayout, a3 as PT_PER_PX, a4 as createEditorTableCell, a5 as createEditorTableRow, a6 as createEditorTable, a7 as clampPosition, a8 as PX_PER_POINT, a9 as underlineStyleToCssDecorationStyle, aa as resolveImageSrc, ab as listKindForTag, ac as isParagraphTag, ad as collectInlineRuns, ae as parseParagraphStyle, af as getRunImage, ag as InlineShell, ah as BalloonShell, ai as DocumentShell, aj as findParagraphTableLocation, ak as createMemo, al as getCaretRectFromSnapshot, am as getParagraphRectFromSnapshot, an as createComponent, ao as CaretOverlay, ap as Show, aq as createRenderEffect, ar as style, as as setStyleProperty, at as setAttribute, au as memo, av as template, aw as Button, ax as useI18n, ay as createEffect, az as TextField, aA as Dialog, aB as insert, aC as className, aD as Grid, aE as SelectField, aF as StatusText, aG as ColorField, aH as UNDERLINE_STYLE_OPTIONS, aI as Stack, aJ as For, aK as ToggleChip, aL as FormField, aM as Checkbox, aN as FieldGroup, aO as Tabs, aP as NumberField, aQ as parseNumber, aR as createStore, aS as reconcile, aT as RadioGroup, aU as Radio$1, aV as TextAreaField, aW as COMMON_SYMBOLS, aX as getRecentSymbols, aY as SYMBOL_CATEGORIES, aZ as rememberSymbol, a_ as delegateEvents, a$ as EMPTY_EDITOR_MATH_EXPRESSION, b0 as serializeLinearMath, b1 as parseLinearMath, b2 as Text, b3 as SurfaceButton, b4 as onMount, b5 as onCleanup, b6 as CheckIcon, b7 as use, b8 as PluginUiHost, b9 as OasisEditorEditor, ba as OasisBrandMark, bb as setPreciseFontPreference, bc as setWelcomeSeen, bd as enablePreciseFontMode, be as WORD_NS$6, bf as XMLSerializer, bg as DOMParser, bh as WORD14_NS, bi as mergeNestedExtensionMarkup, bj as resolveOpcRelationships, bk as parseOpcRelationships, bl as JSZip, bm as normalizeOpcPartPath, bn as OPC_CONTENT_TYPES_PATH, bo as getOpcRelationshipOwnerPath, bp as serializeOpcRelationships, bq as OPC_ROOT_RELATIONSHIPS_PATH, br as hashDocxPartBytes, bs as parseOpcContentTypes, bt as serializeOpcContentTypes, bu as mergeParagraphPropertiesXmlSource, bv as setEditorRunOoxmlSource, bw as mergeRunOoxmlSourceIntoGeneratedXml, bx as mergeTableCellPropertiesXmlSource, by as mergeTableRowPropertiesXmlSource, bz as mergeTablePropertiesXmlSource, bA as getDocumentSectionsCanonical, bB as exportEditorDocumentToDocxBlob, bC as exportEditorDocumentToDocx, bD as pxToPt$1, bE as resolveFloatingObjectRect, bF as getTextBoxFloatingGeometry, bG as getPresetPathSegments, bH as buildListLabels, bI as assertNever, bJ as lineDashPatternPt, bK as DEFAULT_FONT_SIZE_PX, bL as resolveGradientAxis, bM as isDoubleUnderlineStyle, bN as isWavyUnderlineStyle, bO as underlineStyleLineWidthPx, bP as WAVY_UNDERLINE_WAVELENGTH_PX, bQ as WAVY_UNDERLINE_AMPLITUDE_PX, bR as DOUBLE_UNDERLINE_OFFSET_PX, bS as underlineStyleDashArray, bT as resolveEffectiveParagraphStyle, bU as EMPHASIS_GLYPH, bV as parseHexColorToRgb255, bW as rgb255ToHex, bX as getImageFloatingGeometry, bY as resolveEffectiveTextStyleForParagraph, bZ as textStyleToFontSizePt, b_ as mathDisplayText, b$ as TEXT_BASELINE_RATIO, c0 as resolveTextAlignmentBaselineOffset, c1 as resolveRenderedTextChar, c2 as resolveOpenTypeFeatureTags, c3 as isLowercaseSmallCapsChar, c4 as resolveDecorationLineY, c5 as DOUBLE_STRIKE_OFFSET_PX, c6 as resolveListLabel, c7 as getListLabelInset, c8 as getAlignedListLabelInset, c9 as getParagraphBorderInsets, ca as buildSegmentTable, cb as buildCanvasTableLayout, cc as resolveCanvasTableWidth, cd as resolveFloatingTableRect, ce as paragraphBetweenBorderMatches, cf as normalizeFamily, cg as ROBOTO_FONT_FILES, ch as loadFontAsset, ci as getRemotePdfFontFaces, cj as OFFICE_COMPAT_FONT_FAMILIES, ck as BinaryReader, cl as buildSfnt, cm as defaultFontDecoderRegistry, cn as SfntFontProgram, co as zlibSync, cp as renumberImageCaptionsInDocument, cq as collectPdfFontFamilies, cr as outlineFrom, cs as getPageHeaderZoneTop, ct as getPageColumnRects, cu as findFootnoteReference, cv as resolveImporterForFile, cw as roundTo, cx as getDocumentParagraphsCanonical, cy as getDocumentParagraphs, cz as getImageCaptionText, cA as isImageCaptionParagraph, cB as updateImageCaptionParagraph, cC as createImageCaptionParagraph, cD as renumberImageCaptionParagraphs, cE as getCaptionSelectionOffset, cF as PX_PER_CM, cG as getDocumentPageSettings, cH as getTableCellContentWidthForParagraph, cI as layoutMetricsEpoch, cJ as bumpLayoutMetricsEpoch, cK as createCanvasLayoutSnapshotProvider, cL as on, cM as debounce, cN as unwrap, cO as cloneSection, cP as perfTimer, cQ as prepareDocumentFonts, cR as getRunTextBox, cS as EMU_PER_PX, cT as createEditorDocument, cU as cloneBlock, cV as resolveResizedDimensions, cW as axisSignForDirection, cX as clamp$1, cY as MIN_RESIZE_SIZE_PX, cZ as resolveTextBoxRenderHeight, c_ as getToolbarStyleState, c$ as VERTICAL_HIT_WEIGHT, d0 as getCachedCanvasImage, d1 as measureParagraphMinContentWidthPx, d2 as createSectionBoundaryParagraph, d3 as normalizePageSettings, d4 as DEFAULT_EDITOR_PAGE_SETTINGS, d5 as markStart, d6 as markEnd, d7 as getParagraphEntries, d8 as getParagraphById, d9 as createEditorFootnote, da as createFootnoteReferenceRun, db as renumberFootnotes, dc as iterateFootnoteReferenceRuns, dd as preciseFontModeVersion, de as isPreciseFontModeEnabled, df as getRunFieldChar, dg as getRunFieldInstruction, dh as getHeadingLevel, di as createEditorRun, dj as TWIPS_PER_INCH, dk as PX_PER_INCH, dl as togglePreciseFontMode, dm as nextFontSizePt, dn as previousFontSizePt, dp as fontSizePtToPx, dq as resolveNamedTextStyle, dr as resolveNamedTableStyle, ds as resolveEffectiveTableStyle, dt as createDefaultToolbarPreset, du as MenuRegistry, dv as createToolbarRegistry, dw as Editor, dx as resolveCommandRef, dy as commandRefName, dz as createOasisEditorClient, dA as createEditorZoom, dB as startLongTaskObserver, dC as installGlobalReport, dD as applyStoredPreciseFontPreference, dE as getWelcomeSeen, dF as isLocalFontAccessSupported, dG as EDITOR_SCROLL_PADDING_PX, dH as Toolbar, dI as OasisEditorLoading, dJ as I18nProvider, dK as createTranslator, dL as registerDomStatsSurface, dM as createEditorLogger } from "./index-CdeBKnqS.js";
+import { E as EMPTY_PROJECTION_CONTEXT, d as domTextMeasurer, g as getProjectedParagraphBlockHeight, e as estimateTableBlockHeight, p as projectParagraphLayout, a as getPageBodyBottom, b as getPageBodyTop, c as getPageContentWidth, F as FOOTNOTE_MARKER_GUTTER_PX, f as getParagraphText, h as getBlockParagraphs, i as getRunFootnoteReference, l as listReferencedEndnotes, j as getFootnoteDisplayMarker, k as createProjectionContext, m as getDocumentSections, n as getRunField, o as projectBlocksLayout, q as createSignal, r as cloneEditorState, s as createEditorStateFromDocument, t as createInitialEditorState, S as STANDARD_FONT_SIZES_PT, u as fontSizePxToPt, v as probeLocalFontFamilies, w as createEditorParagraphFromRuns, x as isInlineObjectRun, y as stylesEqual, z as cloneStyle, A as createEditorStyledRun, B as cloneParagraphList, C as cloneParagraph, D as getParagraphLength, G as cloneRun, H as getActiveZone, I as getActiveSectionIndex, J as getParagraphs, K as normalizeSelection, L as positionToParagraphOffset, M as cloneParagraphs, N as paragraphOffsetToPosition, O as findParagraphIndex, P as createCollapsedSelection, Q as isSelectionCollapsed, R as MATH_OBJECT_REPLACEMENT, T as setValueStyle, U as setBooleanStyle, V as parseFontSizePtToPx, W as formatFontSizePt, X as setParagraphStyleValue, Y as createEditorParagraph, Z as cloneBlocks, _ as resolveDefaultParagraphStyleId, $ as findParagraphTablePathLocation, a0 as findParagraphLocation, a1 as resolveTablePath, a2 as buildTableCellLayout, a3 as PT_PER_PX, a4 as createEditorTableCell, a5 as createEditorTableRow, a6 as createEditorTable, a7 as clampPosition, a8 as PX_PER_POINT, a9 as underlineStyleToCssDecorationStyle, aa as resolveImageSrc, ab as listKindForTag, ac as isParagraphTag, ad as collectInlineRuns, ae as parseParagraphStyle, af as getRunImage, ag as InlineShell, ah as BalloonShell, ai as DocumentShell, aj as findParagraphTableLocation, ak as createMemo, al as getCaretRectFromSnapshot, am as getParagraphRectFromSnapshot, an as createComponent, ao as CaretOverlay, ap as Show, aq as createRenderEffect, ar as style, as as setStyleProperty, at as setAttribute, au as memo, av as template, aw as Button, ax as useI18n, ay as createEffect, az as TextField, aA as Dialog, aB as insert, aC as className, aD as Grid, aE as SelectField, aF as StatusText, aG as ColorField, aH as UNDERLINE_STYLE_OPTIONS, aI as Stack, aJ as For, aK as ToggleChip, aL as FormField, aM as Checkbox, aN as FieldGroup, aO as Tabs, aP as NumberField, aQ as parseNumber, aR as createStore, aS as reconcile, aT as RadioGroup, aU as Radio$1, aV as TextAreaField, aW as COMMON_SYMBOLS, aX as getRecentSymbols, aY as SYMBOL_CATEGORIES, aZ as rememberSymbol, a_ as delegateEvents, a$ as EMPTY_EDITOR_MATH_EXPRESSION, b0 as serializeLinearMath, b1 as parseLinearMath, b2 as Text, b3 as SurfaceButton, b4 as onMount, b5 as onCleanup, b6 as CheckIcon, b7 as use, b8 as PluginUiHost, b9 as OasisEditorEditor, ba as OasisBrandMark, bb as setPreciseFontPreference, bc as setWelcomeSeen, bd as enablePreciseFontMode, be as WORD_NS$6, bf as XMLSerializer, bg as DOMParser, bh as WORD14_NS, bi as mergeNestedExtensionMarkup, bj as resolveOpcRelationships, bk as parseOpcRelationships, bl as JSZip, bm as normalizeOpcPartPath, bn as OPC_CONTENT_TYPES_PATH, bo as getOpcRelationshipOwnerPath, bp as serializeOpcRelationships, bq as OPC_ROOT_RELATIONSHIPS_PATH, br as hashDocxPartBytes, bs as parseOpcContentTypes, bt as serializeOpcContentTypes, bu as mergeParagraphPropertiesXmlSource, bv as setEditorRunOoxmlSource, bw as mergeRunOoxmlSourceIntoGeneratedXml, bx as mergeTableCellPropertiesXmlSource, by as mergeTableRowPropertiesXmlSource, bz as mergeTablePropertiesXmlSource, bA as getDocumentSectionsCanonical, bB as exportEditorDocumentToDocxBlob, bC as exportEditorDocumentToDocx, bD as pxToPt$1, bE as resolveFloatingObjectRect, bF as getTextBoxFloatingGeometry, bG as getPresetPathSegments, bH as buildListLabels, bI as assertNever, bJ as lineDashPatternPt, bK as DEFAULT_FONT_SIZE_PX, bL as resolveGradientAxis, bM as isDoubleUnderlineStyle, bN as isWavyUnderlineStyle, bO as underlineStyleLineWidthPx, bP as WAVY_UNDERLINE_WAVELENGTH_PX, bQ as WAVY_UNDERLINE_AMPLITUDE_PX, bR as DOUBLE_UNDERLINE_OFFSET_PX, bS as underlineStyleDashArray, bT as resolveEffectiveParagraphStyle, bU as EMPHASIS_GLYPH, bV as parseHexColorToRgb255, bW as rgb255ToHex, bX as getImageFloatingGeometry, bY as resolveEffectiveTextStyleForParagraph, bZ as textStyleToFontSizePt, b_ as mathDisplayText, b$ as TEXT_BASELINE_RATIO, c0 as resolveTextAlignmentBaselineOffset, c1 as resolveRenderedTextChar, c2 as resolveOpenTypeFeatureTags, c3 as isLowercaseSmallCapsChar, c4 as resolveDecorationLineY, c5 as DOUBLE_STRIKE_OFFSET_PX, c6 as resolveListLabel, c7 as getListLabelInset, c8 as getAlignedListLabelInset, c9 as getParagraphBorderInsets, ca as buildSegmentTable, cb as buildCanvasTableLayout, cc as resolveCanvasTableWidth, cd as resolveFloatingTableRect, ce as paragraphBetweenBorderMatches, cf as normalizeFamily, cg as ROBOTO_FONT_FILES, ch as loadFontAsset, ci as getRemotePdfFontFaces, cj as OFFICE_COMPAT_FONT_FAMILIES, ck as BinaryReader, cl as buildSfnt, cm as defaultFontDecoderRegistry, cn as SfntFontProgram, co as zlibSync, cp as renumberImageCaptionsInDocument, cq as collectPdfFontFamilies, cr as outlineFrom, cs as getPageHeaderZoneTop, ct as getPageColumnRects, cu as findFootnoteReference, cv as resolveImporterForFile, cw as roundTo, cx as getDocumentParagraphsCanonical, cy as getDocumentParagraphs, cz as getImageCaptionText, cA as isImageCaptionParagraph, cB as updateImageCaptionParagraph, cC as createImageCaptionParagraph, cD as renumberImageCaptionParagraphs, cE as getCaptionSelectionOffset, cF as PX_PER_CM, cG as getDocumentPageSettings, cH as getTableCellContentWidthForParagraph, cI as layoutMetricsEpoch, cJ as bumpLayoutMetricsEpoch, cK as createCanvasLayoutSnapshotProvider, cL as on, cM as debounce, cN as unwrap, cO as cloneSection, cP as perfTimer, cQ as prepareDocumentFonts, cR as getRunTextBox, cS as EMU_PER_PX, cT as createEditorDocument, cU as cloneBlock, cV as resolveResizedDimensions, cW as axisSignForDirection, cX as clamp$1, cY as MIN_RESIZE_SIZE_PX, cZ as resolveTextBoxRenderHeight, c_ as getToolbarStyleState, c$ as VERTICAL_HIT_WEIGHT, d0 as getCachedCanvasImage, d1 as measureParagraphMinContentWidthPx, d2 as createSectionBoundaryParagraph, d3 as normalizePageSettings, d4 as DEFAULT_EDITOR_PAGE_SETTINGS, d5 as markStart, d6 as markEnd, d7 as getParagraphEntries, d8 as getParagraphById, d9 as createEditorFootnote, da as createFootnoteReferenceRun, db as renumberFootnotes, dc as iterateFootnoteReferenceRuns, dd as preciseFontModeVersion, de as isPreciseFontModeEnabled, df as getRunFieldChar, dg as getRunFieldInstruction, dh as getHeadingLevel, di as createEditorRun, dj as TWIPS_PER_INCH, dk as PX_PER_INCH, dl as togglePreciseFontMode, dm as nextFontSizePt, dn as previousFontSizePt, dp as fontSizePtToPx, dq as resolveNamedTextStyle, dr as resolveNamedTableStyle, ds as resolveEffectiveTableStyle, dt as createDefaultToolbarPreset, du as MenuRegistry, dv as createToolbarRegistry, dw as Editor, dx as resolveCommandRef, dy as commandRefName, dz as createOasisEditorClient, dA as createEditorZoom, dB as startLongTaskObserver, dC as installGlobalReport, dD as applyStoredPreciseFontPreference, dE as getWelcomeSeen, dF as isLocalFontAccessSupported, dG as EDITOR_SCROLL_PADDING_PX, dH as Toolbar, dI as OasisEditorLoading, dJ as I18nProvider, dK as createTranslator, dL as registerDomStatsSurface, dM as createEditorLogger } from "./index-sfDgngZ-.js";
 function projectHeaderFooterBlocksWithDependencies(blocks, deps, context = {}) {
   const {
     pageIndex,
@@ -26817,11 +26817,20 @@ function createEditorFocusController() {
       });
     });
   };
+  const focusInputSync = () => {
+    setFocused(true);
+    textareaRef == null ? void 0 : textareaRef.focus({ preventScroll: true });
+    if (textareaRef) {
+      textareaRef.selectionStart = textareaRef.value.length;
+      textareaRef.selectionEnd = textareaRef.value.length;
+    }
+  };
   return {
     focused,
     setFocused,
     focusInput,
     focusInputAfterPointerSelection,
+    focusInputSync,
     get viewportRef() {
       return viewportRef;
     },
@@ -27165,6 +27174,7 @@ function createEditorFontOptionsImpl(ctx) {
 }
 const MERGE_KEYS = {
   insertText: "insertText",
+  composition: "composition",
   insertImage: "insertImage",
   insertTable: "insertTable",
   moveImage: "moveImage",
@@ -28086,6 +28096,33 @@ function insertPlainTextAtSelection(state, text, styleOverride) {
     )
   );
 }
+function deleteCharsBackwardRaw(state, count) {
+  if (count <= 0) {
+    return state;
+  }
+  const { paragraph, index, offset } = getFocusParagraph(state);
+  if (offset < count) {
+    return state;
+  }
+  const paragraphs = getParagraphs(state);
+  const start = offset - count;
+  const nextParagraph = buildParagraphFromRuns(
+    paragraph,
+    [
+      ...sliceRuns(paragraph, 0, start),
+      ...sliceRuns(paragraph, offset, getParagraphLength(paragraph))
+    ],
+    getStyleAtOffset(paragraph, start)
+  );
+  const nextParagraphs = paragraphs.map(
+    (candidate, candidateIndex) => candidateIndex === index ? nextParagraph : candidate
+  );
+  return cloneStateWithParagraphs(
+    state,
+    nextParagraphs,
+    withSelection(paragraphOffsetToPosition(nextParagraph, start))
+  );
+}
 function deleteBackward(state) {
   var _a;
   if (!isSelectionCollapsed(state.selection)) {
@@ -36462,21 +36499,21 @@ function buildEditorViewProps(ctx) {
   const surfaceHandlers = {
     onDragOver: (event) => event.preventDefault(),
     onDrop: surface.handleDrop,
-    onEditorMouseDown: surface.onEditorMouseDown,
-    onSurfaceMouseDown: surface.surfaceEvents.handleSurfaceMouseDown,
+    onEditorPointerDown: surface.onEditorPointerDown,
+    onSurfacePointerDown: surface.surfaceEvents.handleSurfacePointerDown,
     onSurfaceClick: surface.surfaceEvents.handleSurfaceClick,
-    onSurfaceMouseMove: surface.tableResize.handleMouseMove,
+    onSurfacePointerMove: surface.tableResize.handlePointerMove,
     onSurfaceDblClick: surface.surfaceEvents.handleSurfaceDblClick,
-    onParagraphMouseDown: surface.surfaceEvents.handleParagraphMouseDown,
-    onImageMouseDown: surface.handleImageMouseDown,
-    onImageResizeHandleMouseDown: surface.handleImageResizeHandleMouseDown,
-    onTextBoxResizeHandleMouseDown: surface.handleTextBoxResizeHandleMouseDown,
-    onImageRotateHandleMouseDown: surface.handleImageRotateHandleMouseDown,
-    onImageCropHandleMouseDown: surface.handleImageCropHandleMouseDown,
-    onImageCropBodyMouseDown: surface.handleImageCropBodyMouseDown,
-    onTextBoxRotateHandleMouseDown: surface.handleTextBoxRotateHandleMouseDown,
-    onTableDragHandleMouseDown: surface.tableDrag.handleMouseDown,
-    onTableCornerResizeHandleMouseDown: surface.tableCornerResize.handleMouseDown,
+    onParagraphPointerDown: surface.surfaceEvents.handleParagraphPointerDown,
+    onImagePointerDown: surface.handleImagePointerDown,
+    onImageResizeHandlePointerDown: surface.handleImageResizeHandlePointerDown,
+    onTextBoxResizeHandlePointerDown: surface.handleTextBoxResizeHandlePointerDown,
+    onImageRotateHandlePointerDown: surface.handleImageRotateHandlePointerDown,
+    onImageCropHandlePointerDown: surface.handleImageCropHandlePointerDown,
+    onImageCropBodyPointerDown: surface.handleImageCropBodyPointerDown,
+    onTextBoxRotateHandlePointerDown: surface.handleTextBoxRotateHandlePointerDown,
+    onTableDragHandlePointerDown: surface.tableDrag.handlePointerDown,
+    onTableCornerResizeHandlePointerDown: surface.tableCornerResize.handlePointerDown,
     onRevisionMouseEnter: surface.revisionController.handleRevisionMouseEnter,
     onRevisionMouseLeave: surface.revisionController.handleRevisionMouseLeave,
     onEditorContextMenu: (event) => surface.handleEditorContextMenu(event)
@@ -36486,6 +36523,7 @@ function buildEditorViewProps(ctx) {
     onInputFocus: () => input.setFocused(true),
     onCompositionEnd: input.textInput.handleCompositionEnd,
     onCompositionStart: input.textInput.handleCompositionStart,
+    onCompositionUpdate: input.textInput.handleCompositionUpdate,
     onCopy: input.handleCopy,
     onCut: input.handleCut,
     onInput: input.textInput.handleTextInput,
@@ -40522,7 +40560,7 @@ function parsePrefixMappings(value) {
   return result;
 }
 function parseStep(step) {
-  const match = /^(([^:\[]+):)?([^\[]+?)(?:\[(\d+)\])?$/.exec(step);
+  const match = /^(([^:[]+):)?([^[]+?)(?:\[(\d+)\])?$/.exec(step);
   if (!match) return null;
   const index = match[4] ? Number.parseInt(match[4], 10) : 1;
   if (!Number.isFinite(index) || index < 1) return null;
@@ -49495,6 +49533,20 @@ function createEditorTableOperationsImpl(deps) {
     insertTableCommand
   };
 }
+function createPointerGesture() {
+  let pointerId = null;
+  return {
+    claim: (event) => {
+      pointerId = event.pointerId ?? null;
+    },
+    // An unclaimed gesture owns everything: sessions driven by synthetic events
+    // that carry no pointerId must keep working.
+    owns: (event) => pointerId === null || event.pointerId === pointerId,
+    release: () => {
+      pointerId = null;
+    }
+  };
+}
 function createResizeSession(adapter, deps) {
   let active = null;
   const selectionForObject = (state, paragraphId, paragraphOffset) => {
@@ -49516,8 +49568,10 @@ function createResizeSession(adapter, deps) {
       focus: { ...selection.focus }
     }
   });
+  const gesture = createPointerGesture();
   const handleMouseMove = (event) => {
     var _a;
+    if (!gesture.owns(event)) return;
     const resize = active;
     if (!resize) {
       return;
@@ -49568,8 +49622,10 @@ function createResizeSession(adapter, deps) {
   };
   const stop = () => {
     active = null;
-    window.removeEventListener("mousemove", handleMouseMove);
-    window.removeEventListener("mouseup", handleMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleMouseMove);
+    window.removeEventListener("pointerup", handleMouseUp);
+    window.removeEventListener("pointercancel", handleMouseUp);
   };
   const start = (paragraphId, paragraphOffset, handleDirection, event, initialState) => {
     const selection = selectionForObject(
@@ -49597,8 +49653,10 @@ function createResizeSession(adapter, deps) {
       aspectRatio: selected.width / selected.height,
       initialState: deps.cloneState(initialState)
     };
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleMouseMove);
+    window.addEventListener("pointerup", handleMouseUp);
+    window.addEventListener("pointercancel", handleMouseUp);
   };
   return { start, stop };
 }
@@ -49624,7 +49682,9 @@ function createRotateSession(adapter, deps) {
       focus: { ...selection.focus }
     }
   });
+  const gesture = createPointerGesture();
   const handleMouseMove = (event) => {
+    if (!gesture.owns(event)) return;
     const rotate = active;
     if (!rotate) {
       return;
@@ -49667,8 +49727,10 @@ function createRotateSession(adapter, deps) {
   };
   const stop = () => {
     active = null;
-    window.removeEventListener("mousemove", handleMouseMove);
-    window.removeEventListener("mouseup", handleMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleMouseMove);
+    window.removeEventListener("pointerup", handleMouseUp);
+    window.removeEventListener("pointercancel", handleMouseUp);
   };
   const start = (paragraphId, paragraphOffset, event, initialState) => {
     const overlay = event.currentTarget.closest(
@@ -49685,8 +49747,10 @@ function createRotateSession(adapter, deps) {
       centerY: rect.top + rect.height / 2,
       initialState: deps.cloneState(initialState)
     };
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleMouseMove);
+    window.addEventListener("pointerup", handleMouseUp);
+    window.addEventListener("pointercancel", handleMouseUp);
   };
   return { start, stop };
 }
@@ -49798,8 +49862,10 @@ function createCropSession(deps) {
       focus: { ...selection.focus }
     }
   });
+  const gesture = createPointerGesture();
   const handleMouseMove = (event) => {
     var _a;
+    if (!gesture.owns(event)) return;
     const crop = active;
     if (!crop) {
       return;
@@ -49842,8 +49908,10 @@ function createCropSession(deps) {
   };
   const stop = () => {
     active = null;
-    window.removeEventListener("mousemove", handleMouseMove);
-    window.removeEventListener("mouseup", handleMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleMouseMove);
+    window.removeEventListener("pointerup", handleMouseUp);
+    window.removeEventListener("pointercancel", handleMouseUp);
   };
   const begin = (paragraphId, paragraphOffset, handleDirection, event, initialState, mode) => {
     const selection = selectionForObject(
@@ -49874,8 +49942,10 @@ function createCropSession(deps) {
       initialState: deps.cloneState(initialState),
       mode
     };
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleMouseMove);
+    window.addEventListener("pointerup", handleMouseUp);
+    window.addEventListener("pointercancel", handleMouseUp);
   };
   const start = (paragraphId, paragraphOffset, handleDirection, event, initialState) => begin(
     paragraphId,
@@ -49959,6 +50029,7 @@ function createEditorImageOperationsImpl(deps) {
     }
     document.body.style.cursor = "";
   };
+  const gesture = createPointerGesture();
   const clearImagePointerTracking = () => {
     hideImageDragCursor();
     pendingImagePointer = null;
@@ -49966,8 +50037,10 @@ function createEditorImageOperationsImpl(deps) {
     setDragging(false);
     setDraggedImageInfo(null);
     setDropTargetPos(null);
-    window.removeEventListener("mousemove", handleImageDragMouseMove);
-    window.removeEventListener("mouseup", handleImageDragMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleImageDragMouseMove);
+    window.removeEventListener("pointerup", handleImageDragMouseUp);
+    window.removeEventListener("pointercancel", handleImageDragMouseUp);
   };
   const stopImageDrag = () => {
     clearImagePointerTracking();
@@ -50018,6 +50091,7 @@ function createEditorImageOperationsImpl(deps) {
     zoomFactor: deps.zoomFactor
   });
   const handleImageDragMouseMove = (event) => {
+    if (!gesture.owns(event)) return;
     let dragState = activeImageDrag;
     if (!dragState) {
       const pendingState = pendingImagePointer;
@@ -50053,6 +50127,7 @@ function createEditorImageOperationsImpl(deps) {
     );
   };
   const handleImageDragMouseUp = (event) => {
+    if (!gesture.owns(event)) return;
     const pendingState = pendingImagePointer;
     const dragState = activeImageDrag;
     if (!dragState && !pendingState) {
@@ -50109,10 +50184,12 @@ function createEditorImageOperationsImpl(deps) {
     setDragging(false);
     setDraggedImageInfo(null);
     setDropTargetPos(null);
-    window.addEventListener("mousemove", handleImageDragMouseMove);
-    window.addEventListener("mouseup", handleImageDragMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleImageDragMouseMove);
+    window.addEventListener("pointerup", handleImageDragMouseUp);
+    window.addEventListener("pointercancel", handleImageDragMouseUp);
   };
-  const handleImageMouseDown = (paragraphId, paragraphOffset, event) => {
+  const handleImagePointerDown = (paragraphId, paragraphOffset, event) => {
     event.preventDefault();
     event.stopPropagation();
     const paragraph = getDocumentParagraphs(deps.state.document).find(
@@ -50129,7 +50206,7 @@ function createEditorImageOperationsImpl(deps) {
     startImageDrag(paragraphId, paragraphOffset, event);
     deps.focusInputAfterPointerSelection();
   };
-  const handleImageResizeHandleMouseDown = (paragraphId, paragraphOffset, direction, event) => {
+  const handleImageResizeHandlePointerDown = (paragraphId, paragraphOffset, direction, event) => {
     event.preventDefault();
     event.stopPropagation();
     imageResizeSession.start(
@@ -50140,12 +50217,12 @@ function createEditorImageOperationsImpl(deps) {
       deps.state
     );
   };
-  const handleImageRotateHandleMouseDown = (paragraphId, paragraphOffset, event) => {
+  const handleImageRotateHandlePointerDown = (paragraphId, paragraphOffset, event) => {
     event.preventDefault();
     event.stopPropagation();
     imageRotateSession.start(paragraphId, paragraphOffset, event, deps.state);
   };
-  const handleImageCropHandleMouseDown = (paragraphId, paragraphOffset, direction, event) => {
+  const handleImageCropHandlePointerDown = (paragraphId, paragraphOffset, direction, event) => {
     event.preventDefault();
     event.stopPropagation();
     imageCropSession.start(
@@ -50156,7 +50233,7 @@ function createEditorImageOperationsImpl(deps) {
       deps.state
     );
   };
-  const handleImageCropBodyMouseDown = (paragraphId, paragraphOffset, event) => {
+  const handleImageCropBodyPointerDown = (paragraphId, paragraphOffset, event) => {
     event.preventDefault();
     event.stopPropagation();
     imageCropSession.startMove(paragraphId, paragraphOffset, event, deps.state);
@@ -50175,11 +50252,11 @@ function createEditorImageOperationsImpl(deps) {
     stopImageResize: imageResizeSession.stop,
     stopImageRotate: imageRotateSession.stop,
     stopImageCrop: imageCropSession.stop,
-    handleImageMouseDown,
-    handleImageResizeHandleMouseDown,
-    handleImageRotateHandleMouseDown,
-    handleImageCropHandleMouseDown,
-    handleImageCropBodyMouseDown
+    handleImagePointerDown,
+    handleImageResizeHandlePointerDown,
+    handleImageRotateHandlePointerDown,
+    handleImageCropHandlePointerDown,
+    handleImageCropBodyPointerDown
   };
 }
 function createEditorTextBoxOperations(deps) {
@@ -50245,7 +50322,7 @@ function createEditorTextBoxOperationsImpl(deps) {
       logger: deps.logger
     }
   );
-  const handleTextBoxResizeHandleMouseDown = (paragraphId, paragraphOffset, direction, event) => {
+  const handleTextBoxResizeHandlePointerDown = (paragraphId, paragraphOffset, direction, event) => {
     event.preventDefault();
     event.stopPropagation();
     resizeSession.start(
@@ -50256,14 +50333,14 @@ function createEditorTextBoxOperationsImpl(deps) {
       deps.state
     );
   };
-  const handleTextBoxRotateHandleMouseDown = (paragraphId, paragraphOffset, event) => {
+  const handleTextBoxRotateHandlePointerDown = (paragraphId, paragraphOffset, event) => {
     event.preventDefault();
     event.stopPropagation();
     rotateSession.start(paragraphId, paragraphOffset, event, deps.state);
   };
   return {
-    handleTextBoxResizeHandleMouseDown,
-    handleTextBoxRotateHandleMouseDown,
+    handleTextBoxResizeHandlePointerDown,
+    handleTextBoxRotateHandlePointerDown,
     stopTextBoxResize: resizeSession.stop,
     stopTextBoxRotate: rotateSession.stop
   };
@@ -51775,14 +51852,16 @@ function createEditorTableResize(deps) {
       cursorOwner
     );
   };
-  const handleMouseMove = (event) => {
+  const gesture = createPointerGesture();
+  const handlePointerMove = (event) => {
+    if (!gesture.owns(event)) return;
     if (resizing()) return;
     hoverPendingPoint = { clientX: event.clientX, clientY: event.clientY };
     if (hoverFrameHandle === null) {
       hoverFrameHandle = scheduleAnimationFrame(processHoverFrame);
     }
   };
-  const handleMouseDown = (event) => {
+  const handlePointerDown = (event) => {
     var _a, _b;
     hoverPendingPoint = null;
     if (hoverFrameHandle !== null) {
@@ -51834,8 +51913,10 @@ function createEditorTableResize(deps) {
         guideBounds: getGuideBounds(deps.viewportRef)
       });
       setActiveCursorClass(true, cursorOwner);
-      window.addEventListener("mousemove", handleWindowMouseMove);
-      window.addEventListener("mouseup", handleWindowMouseUp);
+      gesture.claim(event);
+      window.addEventListener("pointermove", handleWindowMouseMove);
+      window.addEventListener("pointerup", handleWindowMouseUp);
+      window.addEventListener("pointercancel", handleWindowMouseUp);
       event.preventDefault();
       event.stopPropagation();
       return true;
@@ -51867,13 +51948,16 @@ function createEditorTableResize(deps) {
       guideBounds: getGuideBounds(deps.viewportRef)
     });
     setActiveCursorClass(false, cursorOwner);
-    window.addEventListener("mousemove", handleWindowMouseMove);
-    window.addEventListener("mouseup", handleWindowMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleWindowMouseMove);
+    window.addEventListener("pointerup", handleWindowMouseUp);
+    window.addEventListener("pointercancel", handleWindowMouseUp);
     event.preventDefault();
     event.stopPropagation();
     return true;
   };
   const handleWindowMouseMove = (event) => {
+    if (!gesture.owns(event)) return;
     if (!resizing()) return;
     resizePendingPoint = { clientX: event.clientX, clientY: event.clientY };
     if (resizeFrameHandle === null) {
@@ -51905,11 +51989,14 @@ function createEditorTableResize(deps) {
     }
     setResizing(null);
     clearResizeCursorClasses(cursorOwner);
-    window.removeEventListener("mousemove", handleWindowMouseMove);
-    window.removeEventListener("mouseup", handleWindowMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleWindowMouseMove);
+    window.removeEventListener("pointerup", handleWindowMouseUp);
+    window.removeEventListener("pointercancel", handleWindowMouseUp);
   };
   const handleWindowMouseUp = (event) => {
     var _a;
+    if (!gesture.owns(event)) return;
     const currentResizing = resizing();
     if (!currentResizing) return;
     const z = ((_a = deps.zoomFactor) == null ? void 0 : _a.call(deps)) ?? 1;
@@ -51926,8 +52013,8 @@ function createEditorTableResize(deps) {
   };
   return {
     resizing,
-    handleMouseMove,
-    handleMouseDown,
+    handlePointerMove,
+    handlePointerDown,
     stop
   };
 }
@@ -51993,7 +52080,9 @@ function createEditorTableCornerResize(deps) {
       height: current.bounds.height * scaleY
     };
   };
+  const gesture = createPointerGesture();
   const handleWindowMouseMove = (event) => {
+    if (!gesture.owns(event)) return;
     if (!resizing()) return;
     resizePendingPoint = { clientX: event.clientX, clientY: event.clientY };
     if (resizeFrameHandle === null) {
@@ -52020,8 +52109,10 @@ function createEditorTableCornerResize(deps) {
       resizeFrameHandle = null;
     }
     setResizing(null);
-    window.removeEventListener("mousemove", handleWindowMouseMove);
-    window.removeEventListener("mouseup", handleWindowMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleWindowMouseMove);
+    window.removeEventListener("pointerup", handleWindowMouseUp);
+    window.removeEventListener("pointercancel", handleWindowMouseUp);
     if (tableCornerResizeCursorOwner === cursorOwner) {
       tableCornerResizeCursorOwner = null;
       if (document.body.style.cursor === "nwse-resize") {
@@ -52030,6 +52121,7 @@ function createEditorTableCornerResize(deps) {
     }
   };
   const handleWindowMouseUp = (event) => {
+    if (!gesture.owns(event)) return;
     const current = resizing();
     if (current) {
       const movedX = Math.abs(event.clientX - current.startClientX);
@@ -52048,7 +52140,7 @@ function createEditorTableCornerResize(deps) {
     }
     stop();
   };
-  const handleMouseDown = (tableId, event) => {
+  const handlePointerDown = (tableId, event) => {
     var _a;
     const surface = deps.surfaceRef();
     if (!surface) return;
@@ -52093,12 +52185,14 @@ function createEditorTableCornerResize(deps) {
     });
     tableCornerResizeCursorOwner = cursorOwner;
     document.body.style.cursor = "nwse-resize";
-    window.addEventListener("mousemove", handleWindowMouseMove);
-    window.addEventListener("mouseup", handleWindowMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleWindowMouseMove);
+    window.addEventListener("pointerup", handleWindowMouseUp);
+    window.addEventListener("pointercancel", handleWindowMouseUp);
     event.preventDefault();
     event.stopPropagation();
   };
-  return { resizing, previewRect, handleMouseDown, stop };
+  return { resizing, previewRect, handlePointerDown, stop };
 }
 let tableDragCursorOwner = null;
 function findTableInBlocks(blocks, tableId, nested, movableTopLevelStory) {
@@ -52173,6 +52267,7 @@ function createEditorTableDragImpl(deps) {
       (current) => positionsEqual(current, next) ? current : next
     );
   };
+  const gesture = createPointerGesture();
   const stopDrag = () => {
     dragPendingPoint = null;
     if (dragFrameHandle !== null) {
@@ -52182,8 +52277,10 @@ function createEditorTableDragImpl(deps) {
     setDragging(false);
     setDraggedTableInfo(null);
     setDropTargetPos(null);
-    window.removeEventListener("mousemove", handleMouseMove);
-    window.removeEventListener("mouseup", handleMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleMouseMove);
+    window.removeEventListener("pointerup", handleMouseUp);
+    window.removeEventListener("pointercancel", handleMouseUp);
     if (tableDragCursorOwner === cursorOwner) {
       tableDragCursorOwner = null;
       if (document.body.style.cursor === "grabbing") {
@@ -52210,6 +52307,7 @@ function createEditorTableDragImpl(deps) {
     updateDropTarget(pos);
   };
   const handleMouseMove = (event) => {
+    if (!gesture.owns(event)) return;
     if (!dragging()) {
       const delta = Math.abs(event.clientY - startClientY());
       if (delta <= 4) return;
@@ -52223,6 +52321,7 @@ function createEditorTableDragImpl(deps) {
     }
   };
   const handleMouseUp = (event) => {
+    if (!gesture.owns(event)) return;
     const info = draggedTableInfo();
     if (dragging()) {
       const pos = deps.resolvePositionAtSurfacePoint(
@@ -52255,7 +52354,7 @@ function createEditorTableDragImpl(deps) {
     stopDrag();
     deps.focusInput();
   };
-  const handleMouseDown = (tableId, event) => {
+  const handlePointerDown = (tableId, event) => {
     event.preventDefault();
     event.stopPropagation();
     const handle = event.currentTarget;
@@ -52273,15 +52372,17 @@ function createEditorTableDragImpl(deps) {
     setMousePos({ x: event.clientX, y: event.clientY });
     setDragging(false);
     setDropTargetPos(null);
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleMouseMove);
+    window.addEventListener("pointerup", handleMouseUp);
+    window.addEventListener("pointercancel", handleMouseUp);
   };
   return {
     dragging,
     draggedTableInfo,
     mousePos,
     dropTargetPos,
-    handleMouseDown,
+    handlePointerDown,
     stop: stopDrag
   };
 }
@@ -52357,6 +52458,11 @@ function findNextWordBoundary(text, offset) {
 }
 const REUSE_MOUSE_DOWN_HIT_MAX_AGE_MS = 600;
 const REUSE_MOUSE_DOWN_HIT_MAX_DISTANCE_PX = 8;
+const TOUCH_SLOP_PX = 20;
+const LONG_PRESS_MS = 500;
+const TAP_MAX_DURATION_MS = 500;
+const isTouch = (event) => event.pointerType === "touch";
+const slopFor = (event, mouseSlop) => isTouch(event) ? TOUCH_SLOP_PX : mouseSlop;
 function resolveZoneFirstParagraph(blocks, zone) {
   if (!blocks || blocks.length === 0) {
     const paragraph2 = createSectionBoundaryParagraph(zone);
@@ -52397,6 +52503,8 @@ function createEditorSurfaceEventsImpl(deps) {
   let lastMouseDownAt = 0;
   let lastMouseDownX = 0;
   let lastMouseDownY = 0;
+  let activePointerId = null;
+  let pendingTouch = null;
   const scheduleFrame2 = (callback) => {
     if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
       return window.requestAnimationFrame(() => callback());
@@ -52493,15 +52601,30 @@ function createEditorSurfaceEventsImpl(deps) {
       `${label} ${sel.anchor.paragraphId}[${sel.anchor.offset}]→${sel.focus.paragraphId}[${sel.focus.offset}] [${anchorLoc}→${focusLoc}]`
     );
   };
+  const cancelPendingTouch = () => {
+    if (pendingTouch == null ? void 0 : pendingTouch.longPressHandle) {
+      clearTimeout(pendingTouch.longPressHandle);
+    }
+    pendingTouch = null;
+  };
   const stopDragging = () => {
     dragAnchor = null;
     dragPendingPoint = null;
+    activePointerId = null;
+    cancelPendingTouch();
     if (dragFrameHandle !== null) {
       cancelFrame(dragFrameHandle);
       dragFrameHandle = null;
     }
-    window.removeEventListener("mousemove", handleWindowMouseMove);
-    window.removeEventListener("mouseup", handleWindowMouseUp);
+    window.removeEventListener("pointermove", handleWindowPointerMove);
+    window.removeEventListener("pointerup", handleWindowPointerUp);
+    window.removeEventListener("pointercancel", handleWindowPointerCancel);
+  };
+  const startTrackingPointer = (pointerId) => {
+    activePointerId = pointerId;
+    window.addEventListener("pointermove", handleWindowPointerMove);
+    window.addEventListener("pointerup", handleWindowPointerUp);
+    window.addEventListener("pointercancel", handleWindowPointerCancel);
   };
   const processDragFrame = () => {
     dragFrameHandle = null;
@@ -52527,18 +52650,54 @@ function createEditorSurfaceEventsImpl(deps) {
     applyWithZone(state, hit.zone, next, hit.position);
     logSelection("selection:drag");
   };
-  const handleWindowMouseMove = (event) => {
+  const handleWindowPointerMove = (event) => {
+    if (activePointerId !== null && event.pointerId !== activePointerId) {
+      return;
+    }
+    if (pendingTouch && !pendingTouch.longPressFired) {
+      const moved = Math.hypot(
+        event.clientX - pendingTouch.clientX,
+        event.clientY - pendingTouch.clientY
+      );
+      if (moved > TOUCH_SLOP_PX) {
+        stopDragging();
+      }
+      return;
+    }
     if (!dragAnchor) return;
     dragPendingPoint = { clientX: event.clientX, clientY: event.clientY };
     if (dragFrameHandle === null) {
       dragFrameHandle = scheduleFrame2(processDragFrame);
     }
   };
-  const handleWindowMouseUp = () => {
+  const handleWindowPointerUp = (event) => {
+    if (activePointerId !== null && event.pointerId !== activePointerId) {
+      return;
+    }
+    if (pendingTouch && !pendingTouch.longPressFired) {
+      const touch = pendingTouch;
+      const moved = Math.hypot(
+        event.clientX - touch.clientX,
+        event.clientY - touch.clientY
+      );
+      const isTap = moved <= TOUCH_SLOP_PX && Date.now() - touch.startedAt <= TAP_MAX_DURATION_MS;
+      cancelPendingTouch();
+      stopDragging();
+      if (isTap) {
+        commitTouchTap(touch.hit, touch.clickDetail, event);
+      }
+      return;
+    }
     logSelection("selection:end");
     stopDragging();
     deps.focusInputAfterPointerSelection();
   };
+  const handleWindowPointerCancel = (event) => {
+    if (activePointerId !== null && event.pointerId !== activePointerId) {
+      return;
+    }
+    stopDragging();
+  };
   const handleZoneTransitionDown = (state, hit, clickDetail) => {
     if (clickDetail < 2) {
       dragAnchor = null;
@@ -52615,20 +52774,22 @@ function createEditorSurfaceEventsImpl(deps) {
       start
     );
     stopDragging();
-    deps.imageOps.startImageDrag(
-      hit.image.paragraphId,
-      hit.image.startOffset,
-      event,
-      {
-        left: hit.image.left,
-        top: hit.image.top,
-        width: hit.image.width,
-        height: hit.image.height
-      }
-    );
+    if (!isTouch(event)) {
+      deps.imageOps.startImageDrag(
+        hit.image.paragraphId,
+        hit.image.startOffset,
+        event,
+        {
+          left: hit.image.left,
+          top: hit.image.top,
+          width: hit.image.width,
+          height: hit.image.height
+        }
+      );
+    }
     deps.focusInputAfterPointerSelection();
   };
-  const handleShiftClickDown = (state, hit) => {
+  const handleShiftClickDown = (state, hit, pointerId) => {
     dragAnchor = state.selection.anchor;
     applyWithZone(
       state,
@@ -52639,8 +52800,7 @@ function createEditorSurfaceEventsImpl(deps) {
       }),
       hit.position
     );
-    window.addEventListener("mousemove", handleWindowMouseMove);
-    window.addEventListener("mouseup", handleWindowMouseUp);
+    startTrackingPointer(pointerId);
     deps.focusInputAfterPointerSelection();
   };
   const handleTripleClickDown = (state, hit, paragraph) => {
@@ -52693,43 +52853,17 @@ function createEditorSurfaceEventsImpl(deps) {
     stopDragging();
     deps.focusInputAfterPointerSelection();
   };
-  const handleSurfaceMouseDown = (event) => {
+  const dispatchSurfaceDown = (state, hit, clickDetail, event) => {
     var _a;
-    if (event.button !== 0) {
-      return;
-    }
-    const now = Date.now();
-    const distance = Math.hypot(
-      event.clientX - lastClickX,
-      event.clientY - lastClickY
-    );
-    const withinStreakWindow = now - lastClickAt <= 450 && distance <= 6 && event.button === lastClickButton;
-    clickStreak = withinStreakWindow ? clickStreak + 1 : 1;
-    lastClickAt = now;
-    lastClickX = event.clientX;
-    lastClickY = event.clientY;
-    lastClickButton = event.button;
-    const clickDetail = Math.max(event.detail, clickStreak);
-    const state = deps.state();
-    deps.clearPendingCaretTextStyle();
-    if (deps.tableResize.handleMouseDown(event)) return;
-    event.preventDefault();
     deps.imageOps.stopImageDrag();
     deps.imageOps.stopImageResize();
     deps.clearPreferredColumn();
     deps.resetTransactionGrouping();
-    const hit = deps.resolveSurfaceHitAtPoint(event.clientX, event.clientY, {
-      pierce: event.altKey
-    });
-    lastMouseDownHit = hit;
-    lastMouseDownAt = now;
-    lastMouseDownX = event.clientX;
-    lastMouseDownY = event.clientY;
     if (!hit) {
       deps.focusInputAfterPointerSelection();
       return;
     }
-    if ((_a = deps.textDrag) == null ? void 0 : _a.tryStartTextDrag(event, hit)) {
+    if (!isTouch(event) && ((_a = deps.textDrag) == null ? void 0 : _a.tryStartTextDrag(event, hit))) {
       dragAnchor = null;
       stopDragging();
       deps.focusInputAfterPointerSelection();
@@ -52750,7 +52884,7 @@ function createEditorSurfaceEventsImpl(deps) {
       return;
     }
     if (event.shiftKey && hit.resolvedFromParagraph) {
-      handleShiftClickDown(state, hit);
+      handleShiftClickDown(state, hit, event.pointerId);
       return;
     }
     if (clickDetail >= 3 && paragraph) {
@@ -52778,10 +52912,87 @@ function createEditorSurfaceEventsImpl(deps) {
       },
       hit.position
     );
-    window.addEventListener("mousemove", handleWindowMouseMove);
-    window.addEventListener("mouseup", handleWindowMouseUp);
+    if (!isTouch(event)) {
+      startTrackingPointer(event.pointerId);
+    }
     deps.focusInputAfterPointerSelection();
   };
+  const commitTouchTap = (hit, clickDetail, event) => {
+    dispatchSurfaceDown(deps.state(), hit, clickDetail, event);
+    deps.focusInputSync();
+  };
+  const beginTouchLongPress = () => {
+    const touch = pendingTouch;
+    if (!touch) return;
+    touch.longPressHandle = null;
+    touch.longPressFired = true;
+    const hit = touch.hit;
+    if (!(hit == null ? void 0 : hit.resolvedFromParagraph)) return;
+    const state = deps.state();
+    const paragraph = deps.getParagraphById(state.document, hit.paragraphId);
+    if (!paragraph) return;
+    const word = resolveWordSelection(
+      getParagraphText(paragraph),
+      hit.paragraphOffset
+    );
+    const startPos = paragraphOffsetToPosition(paragraph, word.start);
+    const endPos = paragraphOffsetToPosition(paragraph, word.end);
+    applyWithZone(
+      state,
+      hit.zone,
+      setSelection(state, { anchor: startPos, focus: endPos }),
+      startPos
+    );
+    dragAnchor = startPos;
+    deps.focusInputSync();
+  };
+  const handleSurfacePointerDown = (event) => {
+    if (event.button !== 0) {
+      return;
+    }
+    const now = Date.now();
+    const distance = Math.hypot(
+      event.clientX - lastClickX,
+      event.clientY - lastClickY
+    );
+    const withinStreakWindow = now - lastClickAt <= 450 && distance <= slopFor(event, 6) && event.button === lastClickButton;
+    clickStreak = withinStreakWindow ? clickStreak + 1 : 1;
+    lastClickAt = now;
+    lastClickX = event.clientX;
+    lastClickY = event.clientY;
+    lastClickButton = event.button;
+    const clickDetail = Math.max(event.detail, clickStreak);
+    const state = deps.state();
+    deps.clearPendingCaretTextStyle();
+    if (deps.tableResize.handlePointerDown(event)) {
+      event.preventDefault();
+      return;
+    }
+    const hit = deps.resolveSurfaceHitAtPoint(event.clientX, event.clientY, {
+      pierce: event.altKey
+    });
+    lastMouseDownHit = hit;
+    lastMouseDownAt = now;
+    lastMouseDownX = event.clientX;
+    lastMouseDownY = event.clientY;
+    if (isTouch(event)) {
+      cancelPendingTouch();
+      pendingTouch = {
+        pointerId: event.pointerId,
+        clientX: event.clientX,
+        clientY: event.clientY,
+        startedAt: now,
+        hit,
+        clickDetail,
+        longPressHandle: setTimeout(beginTouchLongPress, LONG_PRESS_MS),
+        longPressFired: false
+      };
+      startTrackingPointer(event.pointerId);
+      return;
+    }
+    event.preventDefault();
+    dispatchSurfaceDown(state, hit, clickDetail, event);
+  };
   const handleSurfaceDblClick = (event) => {
     event.preventDefault();
   };
@@ -52817,18 +53028,20 @@ function createEditorSurfaceEventsImpl(deps) {
     stopDragging();
     deps.focusInputAfterPointerSelection();
   };
-  const handleParagraphMouseDown = (_paragraphId, event) => {
+  const handleParagraphPointerDown = (_paragraphId, event) => {
     if (event.button !== 0) {
       return;
     }
-    event.preventDefault();
-    handleSurfaceMouseDown(event);
+    if (!isTouch(event)) {
+      event.preventDefault();
+    }
+    handleSurfacePointerDown(event);
   };
   return {
-    handleSurfaceMouseDown,
+    handleSurfacePointerDown,
     handleSurfaceClick,
     handleSurfaceDblClick,
-    handleParagraphMouseDown,
+    handleParagraphPointerDown,
     stopDragging
   };
 }
@@ -52837,7 +53050,43 @@ function createEditorTextInput(deps) {
 }
 function createEditorTextInputImpl(deps) {
   const [composing, setComposing] = createSignal(false);
-  let suppressedInputText = null;
+  let previewLength = 0;
+  let previewText = "";
+  let compositionStyle;
+  let justCommitted = null;
+  const resetComposition = () => {
+    previewLength = 0;
+    previewText = "";
+    compositionStyle = void 0;
+  };
+  const applyCompositionText = (text, isFinal) => {
+    if (!isFinal && text === previewText) {
+      return;
+    }
+    if (previewLength === 0 && text.length === 0) {
+      if (isFinal) {
+        resetComposition();
+      }
+      return;
+    }
+    const retracted = previewLength;
+    const pendingStyle = cloneStyle(compositionStyle);
+    deps.clearPreferredColumn();
+    deps.applyTransactionalState(
+      (current) => deps.applyTableAwareParagraphEdit(current, (temp) => {
+        const cleared = deleteCharsBackwardRaw(temp, retracted);
+        return text.length > 0 ? insertTextAtSelection(cleared, text, pendingStyle) : cleared;
+      }),
+      { mergeKey: MERGE_KEYS.composition }
+    );
+    if (isFinal) {
+      resetComposition();
+      justCommitted = text.length > 0 ? text : null;
+    } else {
+      previewLength = text.length;
+      previewText = text;
+    }
+  };
   const handleTextInput = (event) => {
     var _a, _b, _c, _d;
     markStart("input:text");
@@ -52846,6 +53095,7 @@ function createEditorTextInputImpl(deps) {
         `input:readonly ignored value=${JSON.stringify(event.currentTarget.value)}`
       );
       event.currentTarget.value = "";
+      resetComposition();
       return;
     }
     const text = event.currentTarget.value;
@@ -52854,13 +53104,17 @@ function createEditorTextInputImpl(deps) {
     }
     if (composing()) {
       deps.logger.debug(`input:composing buffer=${JSON.stringify(text)}`);
+      applyCompositionText(text, false);
       return;
     }
-    if (suppressedInputText !== null && text === suppressedInputText) {
-      deps.logger.debug(`input:suppressed text=${JSON.stringify(text)}`);
-      suppressedInputText = null;
-      event.currentTarget.value = "";
-      return;
+    if (justCommitted !== null) {
+      const wasCommitted = text === justCommitted;
+      justCommitted = null;
+      if (wasCommitted) {
+        deps.logger.debug(`input:suppressed text=${JSON.stringify(text)}`);
+        event.currentTarget.value = "";
+        return;
+      }
     }
     const state = deps.state();
     const sel = state.selection;
@@ -52890,43 +53144,38 @@ function createEditorTextInputImpl(deps) {
   };
   const handleCompositionStart = () => {
     deps.logger.debug("input:composition start");
+    resetComposition();
+    justCommitted = null;
+    compositionStyle = cloneStyle(deps.pendingCaretTextStyle());
     setComposing(true);
   };
-  const handleCompositionEnd = (event) => {
+  const handleCompositionUpdate = (event) => {
     if (deps.isReadOnly()) {
-      event.currentTarget.value = "";
-      setComposing(false);
       return;
     }
-    const text = event.data ?? event.currentTarget.value;
+    applyCompositionText(event.data ?? "", false);
+  };
+  const handleCompositionEnd = (event) => {
     setComposing(false);
-    if (text.length === 0) {
+    if (deps.isReadOnly()) {
       event.currentTarget.value = "";
+      resetComposition();
       return;
     }
+    const text = event.data ?? event.currentTarget.value;
     const state = deps.state();
     const sel = state.selection;
     deps.logger.info(
       `input:composition end ${JSON.stringify(text)} (len=${text.length}) at ${sel.anchor.paragraphId}:${sel.anchor.runId}[${sel.anchor.offset}]`
     );
-    suppressedInputText = text;
-    deps.clearPreferredColumn();
-    const pendingStyle = cloneStyle(deps.pendingCaretTextStyle());
-    deps.applyTransactionalState(
-      (current) => deps.applyTableAwareParagraphEdit(
-        current,
-        (temp) => insertTextAtSelection(temp, text, pendingStyle)
-      ),
-      {
-        mergeKey: MERGE_KEYS.insertText
-      }
-    );
+    applyCompositionText(text, true);
     event.currentTarget.value = "";
     deps.focusInput();
   };
   return {
     handleTextInput,
     handleCompositionStart,
+    handleCompositionUpdate,
     handleCompositionEnd,
     composing
   };
@@ -52984,6 +53233,7 @@ function createEditorTextDragImpl(deps) {
     cursorStyleEl.textContent = `*, *::before, *::after { cursor: ${WORD_LIKE_DRAG_CURSOR} !important; }`;
     document.head.appendChild(cursorStyleEl);
   };
+  const gesture = createPointerGesture();
   const stopDrag = () => {
     var _a;
     (_a = deps.logger) == null ? void 0 : _a.info("text-drag:stop", {
@@ -52999,11 +53249,14 @@ function createEditorTextDragImpl(deps) {
     setPointerPos(null);
     setCaretViewport(null);
     hideCursor();
-    window.removeEventListener("mousemove", handleWindowMouseMove);
-    window.removeEventListener("mouseup", handleWindowMouseUp);
+    gesture.release();
+    window.removeEventListener("pointermove", handleWindowMouseMove);
+    window.removeEventListener("pointerup", handleWindowMouseUp);
+    window.removeEventListener("pointercancel", handleWindowMouseUp);
   };
   const handleWindowMouseMove = (event) => {
     var _a, _b, _c;
+    if (!gesture.owns(event)) return;
     if (!pendingStart) {
       return;
     }
@@ -53056,6 +53309,7 @@ function createEditorTextDragImpl(deps) {
   };
   const handleWindowMouseUp = (event) => {
     var _a, _b, _c;
+    if (!gesture.owns(event)) return;
     (_a = deps.logger) == null ? void 0 : _a.info("text-drag:mouseup", {
       x: event.clientX,
       y: event.clientY,
@@ -53138,8 +53392,10 @@ function createEditorTextDragImpl(deps) {
     setDropTargetPos(null);
     setCaretViewport(hit.caretViewport ?? null);
     setDragging(false);
-    window.addEventListener("mousemove", handleWindowMouseMove);
-    window.addEventListener("mouseup", handleWindowMouseUp);
+    gesture.claim(event);
+    window.addEventListener("pointermove", handleWindowMouseMove);
+    window.addEventListener("pointerup", handleWindowMouseUp);
+    window.addEventListener("pointercancel", handleWindowMouseUp);
     return true;
   };
   return {
@@ -53537,6 +53793,7 @@ function useEditorInteractionWiring(ctx) {
     clearPreferredColumn: ctx.clearPreferredColumn,
     resetTransactionGrouping: ctx.resetTransactionGrouping,
     focusInputAfterPointerSelection: ctx.focusInputAfterPointerSelection,
+    focusInputSync: ctx.focusInputSync,
     resolveSurfaceHitAtPoint: ctx.resolveSurfaceHitAtPoint,
     getParagraphById,
     textDrag: {
@@ -53610,6 +53867,7 @@ function createEditorInteractionRuntimeImpl(deps) {
     cloneState,
     focusInput,
     focusInputAfterPointerSelection,
+    focusInputSync,
     surfaceRef,
     viewportRef,
     zoomFactor,
@@ -53703,6 +53961,7 @@ function createEditorInteractionRuntimeImpl(deps) {
     logger,
     focusInput,
     focusInputAfterPointerSelection,
+    focusInputSync,
     clearPreferredColumn,
     resetTransactionGrouping,
     surfaceRef,
@@ -53723,7 +53982,7 @@ function createEditorInteractionRuntimeImpl(deps) {
     insertImageFromFile,
     openEquationDialog: deps.openEquationDialog
   });
-  const onEditorMouseDown = (event) => {
+  const onEditorPointerDown = (event) => {
     if (event.button !== 0) {
       return;
     }
@@ -53742,7 +54001,7 @@ function createEditorInteractionRuntimeImpl(deps) {
     imageOps,
     textBoxOps,
     styleController,
-    onEditorMouseDown,
+    onEditorPointerDown,
     tableResize: wiring.tableResize,
     tableCornerResize: wiring.tableCornerResize,
     tableDrag: wiring.tableDrag,
@@ -55183,6 +55442,9 @@ function createEditorKeyboardControllerImpl(deps) {
       }
       return;
     }
+    if (event.isComposing || event.keyCode === 229) {
+      return;
+    }
     const commandExecutor = deps.executeCommand ? {
       executeCommand: (commandName, payload) => {
         var _a;
@@ -58435,6 +58697,7 @@ function OasisEditorApp(props = {}) {
   const setFocused = focusController.setFocused;
   const focusInput = focusController.focusInput;
   const focusInputAfterPointerSelection = focusController.focusInputAfterPointerSelection;
+  const focusInputSync = focusController.focusInputSync;
   const [initialLoading, setInitialLoading] = createSignal(ui().loading !== false);
   const zoom = createEditorZoom();
   const {
@@ -58510,6 +58773,7 @@ function OasisEditorApp(props = {}) {
     cloneState,
     focusInput,
     focusInputAfterPointerSelection,
+    focusInputSync,
     surfaceRef,
     viewportRef,
     zoomFactor: zoom.zoomFactor,
@@ -58543,7 +58807,7 @@ function OasisEditorApp(props = {}) {
     imageOps,
     textBoxOps,
     styleController,
-    onEditorMouseDown,
+    onEditorPointerDown,
     tableResize,
     tableCornerResize,
     tableDrag,
@@ -58675,14 +58939,14 @@ function OasisEditorApp(props = {}) {
       tableDrag,
       revisionController,
       handleDrop,
-      onEditorMouseDown,
-      handleImageMouseDown: imageOps.handleImageMouseDown,
-      handleImageResizeHandleMouseDown: imageOps.handleImageResizeHandleMouseDown,
-      handleTextBoxResizeHandleMouseDown: textBoxOps.handleTextBoxResizeHandleMouseDown,
-      handleImageRotateHandleMouseDown: imageOps.handleImageRotateHandleMouseDown,
-      handleImageCropHandleMouseDown: imageOps.handleImageCropHandleMouseDown,
-      handleImageCropBodyMouseDown: imageOps.handleImageCropBodyMouseDown,
-      handleTextBoxRotateHandleMouseDown: textBoxOps.handleTextBoxRotateHandleMouseDown,
+      onEditorPointerDown,
+      handleImagePointerDown: imageOps.handleImagePointerDown,
+      handleImageResizeHandlePointerDown: imageOps.handleImageResizeHandlePointerDown,
+      handleTextBoxResizeHandlePointerDown: textBoxOps.handleTextBoxResizeHandlePointerDown,
+      handleImageRotateHandlePointerDown: imageOps.handleImageRotateHandlePointerDown,
+      handleImageCropHandlePointerDown: imageOps.handleImageCropHandlePointerDown,
+      handleImageCropBodyPointerDown: imageOps.handleImageCropBodyPointerDown,
+      handleTextBoxRotateHandlePointerDown: textBoxOps.handleTextBoxRotateHandlePointerDown,
       handleEditorContextMenu
     },
     input: {