quoin-editor 1.2.3 → 1.4.0

package/dist/{chunk-OGBD74IR.cjs → chunk-QJ34MOFV.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkG37GQ5JE_cjs = require('./chunk-G37GQ5JE.cjs');
+var chunkVZZPCYA3_cjs = require('./chunk-VZZPCYA3.cjs');
 var chunkWZA5S5EJ_cjs = require('./chunk-WZA5S5EJ.cjs');
 var react = require('react');
 var reactDom = require('react-dom');
@@ -34,7 +34,7 @@ function isCrossSelection(selection) {
 }
 function selectionDecorations(state, mode) {
   if (mode !== "decorations" || !isCrossSelection(state.selection)) return [];
-  return chunkG37GQ5JE_cjs.markRanges(state).map(({ block, region, from, to }) => ({
+  return chunkVZZPCYA3_cjs.markRanges(state).map(({ block, region, from, to }) => ({
     kind: "inline",
     block,
     region,
@@ -339,8 +339,8 @@ function reconcileChildren(parent, specs) {
 // src/view/dom/text-diff.ts
 function textDiff(before, after, caretHint) {
   if (before === after) return null;
-  const prefix = chunkG37GQ5JE_cjs.commonPrefix(before, after);
-  const suffix = chunkG37GQ5JE_cjs.commonSuffix(before, after);
+  const prefix = chunkVZZPCYA3_cjs.commonPrefix(before, after);
+  const suffix = chunkVZZPCYA3_cjs.commonSuffix(before, after);
   const shared = Math.min(suffix, Math.min(before.length, after.length) - prefix);
   const removed = before.length - prefix - shared;
   const inserted = after.length - prefix - shared;
@@ -528,10 +528,10 @@ function readSelection(registry, domSelection, blockAt2 = () => void 0) {
   if (!domSelection || !anchorNode || !focusNode) return null;
   const anchor = domToPos(registry, anchorNode, domSelection.anchorOffset);
   const head = domToPos(registry, focusNode, domSelection.focusOffset);
-  if (anchor && head) return chunkG37GQ5JE_cjs.textSelection(anchor, head);
+  if (anchor && head) return chunkVZZPCYA3_cjs.textSelection(anchor, head);
   if (anchor || head || registry.locate(anchorNode) || registry.locate(focusNode)) return null;
   const block = blockAt2(anchorNode);
-  return block !== void 0 && block === blockAt2(focusNode) ? chunkG37GQ5JE_cjs.nodeSelection(block) : null;
+  return block !== void 0 && block === blockAt2(focusNode) ? chunkVZZPCYA3_cjs.nodeSelection(block) : null;
 }
 function selectBlock(domSelection, element) {
   if (!element) return false;
@@ -542,17 +542,38 @@ function selectBlock(domSelection, element) {
   }
   return true;
 }
+var drawnUpstream = /* @__PURE__ */ new WeakMap();
+function drawUpstream(registry, pos, domSelection, drawn) {
+  const caret = chunkVZZPCYA3_cjs.textSelection(pos);
+  const isAt = () => chunkVZZPCYA3_cjs.sameSelection(readSelection(registry, domSelection), caret);
+  if (drawn?.node === domSelection.focusNode && drawn.offset === domSelection.focusOffset && isAt()) {
+    drawnUpstream.set(domSelection, drawn);
+    return true;
+  }
+  const before = pos.offset > 0 && posToDom(registry, { ...pos, offset: pos.offset - 1 });
+  if (!before || typeof domSelection.modify !== "function") return false;
+  domSelection.collapse(before.node, before.offset);
+  domSelection.modify("move", "forward", "lineboundary");
+  drawnUpstream.set(domSelection, { node: domSelection.focusNode, offset: domSelection.focusOffset });
+  return isAt();
+}
 function writeSelection(registry, selection, domSelection, blockElement) {
   if (!selection || !domSelection) return false;
   if (selection.kind === "node") return selectBlock(domSelection, blockElement(selection.block));
   if (selection.kind !== "text") return false;
   const { anchor, head } = selection;
   if (anchor.block !== head.block || anchor.region !== head.region) return false;
-  if (chunkG37GQ5JE_cjs.sameSelection(readSelection(registry, domSelection), selection)) return true;
+  const drawn = drawnUpstream.get(domSelection);
+  drawnUpstream.delete(domSelection);
+  if (chunkVZZPCYA3_cjs.sameSelection(readSelection(registry, domSelection), selection)) return true;
+  if (selection.assoc === -1 && anchor.offset === head.offset && drawUpstream(registry, head, domSelection, drawn)) {
+    return true;
+  }
   const base = posToDom(registry, anchor, anchor.offset < head.offset ? 1 : -1);
   const extent = posToDom(registry, head, head.offset < anchor.offset ? 1 : -1);
   if (!base || !extent) return false;
   domSelection.setBaseAndExtent(base.node, base.offset, extent.node, extent.offset);
+  if (selection.assoc === -1) drawnUpstream.set(domSelection, extent);
   return true;
 }
 
@@ -565,6 +586,56 @@ function listen(target, handlers, options) {
   };
 }
 
+// src/view/controller/dispatch-selection.ts
+var dispatchSelection = (controller, selection) => controller.dispatch(controller.editor.createTransaction().setSelection(selection));
+
+// src/view/navigation/glyph.ts
+function glyphAt(registry, pos) {
+  const host = registry.get(pos.block, pos.region);
+  const map = host && domMapOf(host);
+  if (!host || !map || pos.offset < 0 || pos.offset >= map.length) return null;
+  const start = map.toDom(pos.offset, 1);
+  const end = map.toDom(pos.offset + 1, -1);
+  const range = host.ownerDocument.createRange();
+  range.setStart(start.node, start.offset);
+  range.setEnd(end.node, end.offset);
+  return range;
+}
+function upstreamCaret(registry, pos) {
+  const rect = glyphAt(registry, { ...pos, offset: pos.offset - 1 })?.getBoundingClientRect();
+  return rect ? new DOMRect(rect.right, rect.top, 0, rect.height) : null;
+}
+var glyphsAround = (registry, pos) => (offset) => {
+  const range = glyphAt(registry, { ...pos, offset });
+  return range && { rect: range.getBoundingClientRect(), text: range.toString() };
+};
+
+// src/view/navigation/stay-on-line.ts
+var onLine = (glyph, y) => glyph !== null && glyph.rect.top <= y && y <= glyph.rect.bottom;
+function wrapsAt(pos, y, glyphAt2) {
+  const before = pos.offset > 0 ? glyphAt2(pos.offset - 1) : null;
+  const after = glyphAt2(pos.offset);
+  return after !== null && !onLine(after, y) && onLine(before, y) ? before : null;
+}
+function stayOnLine(pos, y, glyphAt2) {
+  const caret = chunkVZZPCYA3_cjs.textSelection(pos);
+  const before = wrapsAt(pos, y, glyphAt2);
+  if (before === null) return caret;
+  return /\S/.test(before.text) ? { ...caret, assoc: -1 } : chunkVZZPCYA3_cjs.textSelection({ ...pos, offset: pos.offset - 1 });
+}
+
+// src/view/navigation/clicked-side.ts
+function keepClickedSide(controller, y) {
+  controller.readSelectionFromDom();
+  const { selection } = controller.editor.state;
+  if (selection?.kind !== "text" || !chunkVZZPCYA3_cjs.isCollapsed(selection)) return;
+  const upstream = wrapsAt(selection.head, y, glyphsAround(controller.registry, selection.head)) !== null;
+  if (upstream !== (selection.assoc === -1)) {
+    const caret = chunkVZZPCYA3_cjs.textSelection(selection.head);
+    dispatchSelection(controller, upstream ? { ...caret, assoc: -1 } : caret);
+  }
+}
+
 // src/view/navigation/node-entry.ts
 var NODE_ENTRY = "data-quoin-node-entry";
 var entersAsNode = (controller, block) => controller.blockElement(block)?.querySelector(`[${NODE_ENTRY}]`) != null;
@@ -610,8 +681,8 @@ var known = /* @__PURE__ */ new WeakMap();
 function hidersOf(doc) {
   let hiders = known.get(doc);
   if (hiders === void 0) {
-    const first = doc.blocks.findIndex(chunkG37GQ5JE_cjs.isClosedToggle);
-    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkG37GQ5JE_cjs.hidingToggle(doc, index + 1));
+    const first = doc.blocks.findIndex(chunkVZZPCYA3_cjs.isClosedToggle);
+    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : chunkVZZPCYA3_cjs.hidingToggle(doc, index + 1));
     known.set(doc, hiders);
   }
   return hiders;
@@ -620,7 +691,7 @@ var hidingToggleAt = (doc, index) => hidersOf(doc)[index] ?? null;
 function isHiddenAt(doc, index, choices) {
   if (choices.size === 0) return hidingToggleAt(doc, index) !== null;
   const closed = (block) => block.type === "TOGGLE" && !shownOpen(block, choices);
-  return chunkG37GQ5JE_cjs.hidingToggle(doc, index + 1, closed) !== null;
+  return chunkVZZPCYA3_cjs.hidingToggle(doc, index + 1, closed) !== null;
 }
 var visibleBlockIndexes = (doc) => hidersOf(doc).flatMap((hider, index) => hider === null ? [index] : []);
 function drawnBlockCount(doc, start = 0, end = doc.blocks.length) {
@@ -630,9 +701,6 @@ function drawnBlockCount(doc, start = 0, end = doc.blocks.length) {
   return drawn;
 }
 
-// src/view/controller/dispatch-selection.ts
-var dispatchSelection = (controller, selection) => controller.dispatch(controller.editor.createTransaction().setSelection(selection));
-
 // src/view/navigation/neighbour-block.ts
 var anyBlock = () => true;
 function neighbourBlock(doc, from, direction, accept = anyBlock) {
@@ -645,18 +713,18 @@ function neighbourBlock(doc, from, direction, accept = anyBlock) {
 }
 function entryEdge(controller, block, direction) {
   const { doc, schema } = controller.editor.state;
-  const edge = direction < 0 ? chunkG37GQ5JE_cjs.endOf(doc, schema, block) : chunkG37GQ5JE_cjs.startOf(doc, schema, block);
+  const edge = direction < 0 ? chunkVZZPCYA3_cjs.endOf(doc, schema, block) : chunkVZZPCYA3_cjs.startOf(doc, schema, block);
   if (edge.kind !== "text") return edge;
   const drawn = controller.registry.get(edge.head.block, edge.head.region) !== void 0;
-  return drawn && !entersAsNode(controller, block) ? edge : chunkG37GQ5JE_cjs.nodeSelection(block);
+  return drawn && !entersAsNode(controller, block) ? edge : chunkVZZPCYA3_cjs.nodeSelection(block);
 }
-var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkG37GQ5JE_cjs.nodeSelection(block) : null;
+var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? chunkVZZPCYA3_cjs.nodeSelection(block) : null;
 var canBeEntered = (controller) => (block) => {
   const { schema } = controller.editor.state;
-  const region = chunkG37GQ5JE_cjs.isTextFlow(schema, block) ? chunkG37GQ5JE_cjs.primaryRegion(schema, block) : null;
+  const region = chunkVZZPCYA3_cjs.isTextFlow(schema, block) ? chunkVZZPCYA3_cjs.primaryRegion(schema, block) : null;
   return region === null || controller.registry.get(block.id, region) !== void 0 || entersAsNode(controller, block.id);
 };
-var holdsTextHead = (controller) => (block) => chunkG37GQ5JE_cjs.isTextFlow(controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
+var holdsTextHead = (controller) => (block) => chunkVZZPCYA3_cjs.isTextFlow(controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
 function neighbourHead(controller, from, direction) {
   const target = neighbourBlock(controller.editor.state.doc, from, direction, holdsTextHead(controller));
   const edge = target && entryEdge(controller, target.id, direction);
@@ -795,7 +863,7 @@ function createCrossBlockPointer(controller) {
       let preventMouseDown = false;
       const scroll = createAutoScroll(root, () => follow(last.x, last.y));
       function select(selection) {
-        if (chunkG37GQ5JE_cjs.sameSelection(selection, controller.editor.state.selection)) return;
+        if (chunkVZZPCYA3_cjs.sameSelection(selection, controller.editor.state.selection)) return;
         dispatchSelection(controller, selection);
       }
       function startDragging() {
@@ -811,14 +879,14 @@ function createCrossBlockPointer(controller) {
           if (current.anchor === null) return;
           startDragging();
         }
-        select(chunkG37GQ5JE_cjs.textSelection(current.anchor, caretPosAt(controller, target, x, y)));
+        select(chunkVZZPCYA3_cjs.textSelection(current.anchor, caretPosAt(controller, target, x, y)));
       }
       function followBlocks(current, x, y) {
         if (!controller.dragging && Math.hypot(x - current.x, y - current.y) < DRAG_DISTANCE) return;
         const block = blockAt(controller, x, y);
         if (block === null) return;
         startDragging();
-        select(chunkG37GQ5JE_cjs.blockRangeSelection(current.start, block));
+        select(chunkVZZPCYA3_cjs.blockRangeSelection(current.start, block));
       }
       function follow(x, y) {
         if (press?.kind === "text") followText(press, x, y);
@@ -836,6 +904,11 @@ function createCrossBlockPointer(controller) {
       function end() {
         if (release()) controller.focus();
       }
+      function onPointerUp(event) {
+        const clicked = press?.kind === "text" && !controller.dragging;
+        end();
+        if (clicked) keepClickedSide(controller, event.clientY);
+      }
       function onPointerMove(event) {
         if ((event.buttons & 1) === 0) return end();
         last = { x: event.clientX, y: event.clientY };
@@ -854,9 +927,9 @@ function createCrossBlockPointer(controller) {
       function pressWhole(block) {
         if (entryEdge(controller, block, 1).kind !== "node") return;
         const pressed = chunkWZA5S5EJ_cjs.blockById(controller.editor.state.doc, block);
-        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkG37GQ5JE_cjs.blockRangeSelection(block));
+        if (pressed !== void 0 && !canBeEntered(controller)(pressed)) return select(chunkVZZPCYA3_cjs.blockRangeSelection(block));
         controller.nodeReveal.pressed(block);
-        select(chunkG37GQ5JE_cjs.nodeSelection(block));
+        select(chunkVZZPCYA3_cjs.nodeSelection(block));
       }
       function onPointerDown(event) {
         end();
@@ -875,7 +948,11 @@ function createCrossBlockPointer(controller) {
         } else {
           return;
         }
-        const unfollowDocument = listen(doc, { pointermove: onPointerMove, pointerup: end, pointercancel: end });
+        const unfollowDocument = listen(doc, {
+          pointermove: onPointerMove,
+          pointerup: onPointerUp,
+          pointercancel: end
+        });
         const unfollowView = listen(view, { blur: end });
         unfollow = () => {
           unfollowDocument();
@@ -898,7 +975,7 @@ function createCrossBlockPointer(controller) {
 // src/view/selection/paint-selection.ts
 var NAME = "quoin-selection";
 function coveredRanges(controller) {
-  return chunkG37GQ5JE_cjs.markRanges(controller.editor.state).flatMap(({ block, region, from, to }) => {
+  return chunkVZZPCYA3_cjs.markRanges(controller.editor.state).flatMap(({ block, region, from, to }) => {
     const host = controller.registry.get(block, region);
     const map = host && domMapOf(host);
     if (!host || !map) return [];
@@ -969,7 +1046,7 @@ function heldBySink(selection) {
 }
 var NO_TEXT = "\xA0";
 function selectionText(state) {
-  const text = chunkG37GQ5JE_cjs.markRanges(state).map((range) => chunkWZA5S5EJ_cjs.inlinePlainText(chunkG37GQ5JE_cjs.rangeContent(state, range), state.schema)).join("\n");
+  const text = chunkVZZPCYA3_cjs.markRanges(state).map((range) => chunkWZA5S5EJ_cjs.inlinePlainText(chunkVZZPCYA3_cjs.rangeContent(state, range), state.schema)).join("\n");
   return text === "" ? NO_TEXT : text;
 }
 var focusInPlace = (sink) => inPlace(sink, () => sink.focus({ preventScroll: true }));
@@ -1129,7 +1206,7 @@ function createElementSlot(changed) {
 
 // src/view/controller/selection-element.ts
 function elementFor({ doc }, selection, rendered) {
-  const id = chunkG37GQ5JE_cjs.headBlockId(selection);
+  const id = chunkVZZPCYA3_cjs.headBlockId(selection);
   const index = id === null ? void 0 : doc.index.get(id);
   if (id === null || index === void 0) return void 0;
   const hiding = hidingToggleAt(doc, index);
@@ -1142,7 +1219,7 @@ function selectionElement(state, rendered) {
   if (doc.blocks.length === 0) return rendered.empty?.() ?? void 0;
   const sink = heldBySink(selection) ? rendered.sink?.() : null;
   if (sink) return sink;
-  return elementFor(state, selection, rendered) ?? elementFor(state, chunkG37GQ5JE_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
+  return elementFor(state, selection, rendered) ?? elementFor(state, chunkVZZPCYA3_cjs.startOf(doc, schema, doc.blocks[0].id), rendered);
 }
 
 // src/view/controller/tab-stop.ts
@@ -1196,7 +1273,7 @@ function createDrawnElements(hosts, state) {
 }
 
 // src/view/controller/engagement.ts
-var chosenHere = (tr) => tr !== null && tr.selectionSet && !chunkG37GQ5JE_cjs.foreignOrigins.includes(tr.origin);
+var chosenHere = (tr) => tr !== null && tr.selectionSet && !chunkVZZPCYA3_cjs.foreignOrigins.includes(tr.origin);
 function createEngagement(editor) {
   let engaged = false;
   const listeners = /* @__PURE__ */ new Set();
@@ -1234,9 +1311,9 @@ function ownsFocus(controller, doc) {
 function focusTarget(state, target) {
   const { doc, schema, selection } = state;
   if (doc.blocks.length === 0) return null;
-  if (target === "end") return chunkG37GQ5JE_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
-  if (target === "start" || target === void 0 && selection === null) return chunkG37GQ5JE_cjs.startOf(doc, schema, doc.blocks[0].id);
-  return target === void 0 ? selection : chunkG37GQ5JE_cjs.textSelection(target);
+  if (target === "end") return chunkVZZPCYA3_cjs.endOf(doc, schema, doc.blocks[doc.blocks.length - 1].id);
+  if (target === "start" || target === void 0 && selection === null) return chunkVZZPCYA3_cjs.startOf(doc, schema, doc.blocks[0].id);
+  return target === void 0 ? selection : chunkVZZPCYA3_cjs.textSelection(target);
 }
 
 // src/view/controller/host-decorations.ts
@@ -1329,7 +1406,7 @@ function createOutsideChanges(editorHasFocus, movedFrom) {
       }
       const from = moved ?? (outside && !settled ? movedFrom(tr.before.selection) : null);
       settled ||= outside;
-      moved = from && chunkG37GQ5JE_cjs.mapSelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
+      moved = from && chunkVZZPCYA3_cjs.mapSelection(from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
     },
     takeFocused() {
       const value = focused;
@@ -1422,7 +1499,7 @@ function handleCopy(controller, event, cut) {
   clipboardData.setData("text/plain", copied.text);
   clipboardData.setData("text/html", wrapSliceHTML(copied.html, copied.json));
   clipboardData.setData(QUOIN_SLICE_TYPE, copied.json);
-  if (cut) controller.run(chunkG37GQ5JE_cjs.deleteSelection);
+  if (cut) controller.run(chunkVZZPCYA3_cjs.deleteSelection);
 }
 function handlePaste(controller, event) {
   if (!event.clipboardData) return;
@@ -1454,7 +1531,7 @@ function handleDrop(controller, event) {
     return;
   }
   const pos = dropPos(controller, event.clientX, event.clientY);
-  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkG37GQ5JE_cjs.textSelection(pos)).setOrigin("drop"));
+  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(chunkVZZPCYA3_cjs.textSelection(pos)).setOrigin("drop"));
   pasteTransfer(controller, dataTransfer);
 }
 function handleDragOver(event) {
@@ -1584,29 +1661,29 @@ function createSinkComposition(controller, settled = () => {
 var LINE_BREAK = "\n";
 var transposeChars = (state, dispatch) => {
   const { selection } = state;
-  if (selection?.kind !== "text" || !chunkG37GQ5JE_cjs.isCollapsed(selection)) return false;
+  if (selection?.kind !== "text" || !chunkVZZPCYA3_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
   const inline = chunkWZA5S5EJ_cjs.blockById(state.doc, head.block)?.regions[head.region];
   if (inline === void 0) return false;
   const value = chunkWZA5S5EJ_cjs.inlineText(inline);
   const atLineEnd = head.offset === value.length || value[head.offset] === LINE_BREAK;
-  const end = atLineEnd ? head.offset : chunkG37GQ5JE_cjs.nextGraphemeOffset(value, head.offset);
-  const middle = chunkG37GQ5JE_cjs.prevGraphemeOffset(value, end);
-  const start = chunkG37GQ5JE_cjs.prevGraphemeOffset(value, middle);
+  const end = atLineEnd ? head.offset : chunkVZZPCYA3_cjs.nextGraphemeOffset(value, head.offset);
+  const middle = chunkVZZPCYA3_cjs.prevGraphemeOffset(value, end);
+  const start = chunkVZZPCYA3_cjs.prevGraphemeOffset(value, middle);
   if (start === middle || value.slice(start, end).includes(LINE_BREAK)) return false;
   const swapped = [...chunkWZA5S5EJ_cjs.sliceInline(inline, middle, end), ...chunkWZA5S5EJ_cjs.sliceInline(inline, start, middle)];
-  const tr = new chunkG37GQ5JE_cjs.Transaction(state).setOrigin("input");
-  tr.step(chunkG37GQ5JE_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
-  dispatch?.(tr.setSelection(chunkG37GQ5JE_cjs.textSelection({ ...head, offset: end })));
+  const tr = new chunkVZZPCYA3_cjs.Transaction(state).setOrigin("input");
+  tr.step(chunkVZZPCYA3_cjs.replaceInlineStep(head.block, head.region, start, end, swapped));
+  dispatch?.(tr.setSelection(chunkVZZPCYA3_cjs.textSelection({ ...head, offset: end })));
   return true;
 };
 
 // src/view/input/replace-range.ts
 function replaceRange(editor, range, text, withRules) {
   const dispatch = (tr) => editor.dispatch(tr);
-  dispatch(editor.createTransaction().setSelection(chunkG37GQ5JE_cjs.textSelection(range.from, range.to)).setOrigin("input"));
-  if (text === "") return chunkG37GQ5JE_cjs.deleteSelection(editor.state, (tr) => dispatch(tr.setOrigin("input")));
-  return withRules ? editor.insertText(text) : chunkG37GQ5JE_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
+  dispatch(editor.createTransaction().setSelection(chunkVZZPCYA3_cjs.textSelection(range.from, range.to)).setOrigin("input"));
+  if (text === "") return chunkVZZPCYA3_cjs.deleteSelection(editor.state, (tr) => dispatch(tr.setOrigin("input")));
+  return withRules ? editor.insertText(text) : chunkVZZPCYA3_cjs.insertText(text, { origin: "input" })(editor.state, dispatch);
 }
 
 // src/view/input/target-range.ts
@@ -1617,13 +1694,13 @@ function targetRangeToModel(controller, event) {
   const to = domToPos(controller.registry, range.endContainer, range.endOffset);
   return from && to && { from, to };
 }
-var isEmpty = ({ from, to }) => chunkG37GQ5JE_cjs.sameSelection(chunkG37GQ5JE_cjs.textSelection(from), chunkG37GQ5JE_cjs.textSelection(to));
+var isEmpty = ({ from, to }) => chunkVZZPCYA3_cjs.sameSelection(chunkVZZPCYA3_cjs.textSelection(from), chunkVZZPCYA3_cjs.textSelection(to));
 function targetBeyondSelection(controller, event) {
   const range = targetRangeToModel(controller, event);
   if (range === null || isEmpty(range)) return null;
   const { doc, selection } = controller.editor.state;
-  const selected = chunkG37GQ5JE_cjs.selectionRange(doc, selection);
-  const same = selected !== null && chunkG37GQ5JE_cjs.sameSelection(chunkG37GQ5JE_cjs.textSelection(selected.from, selected.to), chunkG37GQ5JE_cjs.textSelection(range.from, range.to));
+  const selected = chunkVZZPCYA3_cjs.selectionRange(doc, selection);
+  const same = selected !== null && chunkVZZPCYA3_cjs.sameSelection(chunkVZZPCYA3_cjs.textSelection(selected.from, selected.to), chunkVZZPCYA3_cjs.textSelection(range.from, range.to));
   return same ? null : range;
 }
 
@@ -1645,34 +1722,34 @@ function insertTypedText(controller, event) {
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 function deleteContentBackward(controller, event) {
-  if (!controller.run(chunkG37GQ5JE_cjs.undoInputRule)) targetOr(chunkG37GQ5JE_cjs.deleteBackward)(controller, event);
+  if (!controller.run(chunkVZZPCYA3_cjs.undoInputRule)) targetOr(chunkVZZPCYA3_cjs.deleteBackward)(controller, event);
 }
 function insertReplacementText(controller, event) {
   const text = event.dataTransfer?.getData("text/plain") || event.data;
   if (!text) return;
   const range = targetRangeToModel(controller, event);
-  if (range === null) controller.run(chunkG37GQ5JE_cjs.insertText(text, { origin: "input" }));
+  if (range === null) controller.run(chunkVZZPCYA3_cjs.insertText(text, { origin: "input" }));
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 var actions = {
   insertText: insertTypedText,
   insertReplacementText,
   insertParagraph: (controller) => void controller.edit(() => controller.editor.handleKey(ENTER)),
-  insertLineBreak: run(chunkG37GQ5JE_cjs.insertHardBreak),
+  insertLineBreak: run(chunkVZZPCYA3_cjs.insertHardBreak),
   deleteContentBackward,
-  deleteContentForward: targetOr(chunkG37GQ5JE_cjs.deleteForward),
-  deleteWordBackward: targetOr(chunkG37GQ5JE_cjs.deleteWordBackward),
-  deleteWordForward: targetOr(chunkG37GQ5JE_cjs.deleteWordForward),
-  deleteSoftLineBackward: targetOr(chunkG37GQ5JE_cjs.deleteToLineStart),
-  deleteHardLineBackward: targetOr(chunkG37GQ5JE_cjs.deleteToLineStart),
-  deleteSoftLineForward: targetOr(chunkG37GQ5JE_cjs.deleteToLineEnd),
-  deleteHardLineForward: targetOr(chunkG37GQ5JE_cjs.deleteToLineEnd),
-  formatBold: run(chunkG37GQ5JE_cjs.toggleMark("bold")),
-  formatItalic: run(chunkG37GQ5JE_cjs.toggleMark("italic")),
-  formatUnderline: run(chunkG37GQ5JE_cjs.toggleMark("underline")),
-  formatStrikeThrough: run(chunkG37GQ5JE_cjs.toggleMark("strike")),
-  historyUndo: run(chunkG37GQ5JE_cjs.undo),
-  historyRedo: run(chunkG37GQ5JE_cjs.redo),
+  deleteContentForward: targetOr(chunkVZZPCYA3_cjs.deleteForward),
+  deleteWordBackward: targetOr(chunkVZZPCYA3_cjs.deleteWordBackward),
+  deleteWordForward: targetOr(chunkVZZPCYA3_cjs.deleteWordForward),
+  deleteSoftLineBackward: targetOr(chunkVZZPCYA3_cjs.deleteToLineStart),
+  deleteHardLineBackward: targetOr(chunkVZZPCYA3_cjs.deleteToLineStart),
+  deleteSoftLineForward: targetOr(chunkVZZPCYA3_cjs.deleteToLineEnd),
+  deleteHardLineForward: targetOr(chunkVZZPCYA3_cjs.deleteToLineEnd),
+  formatBold: run(chunkVZZPCYA3_cjs.toggleMark("bold")),
+  formatItalic: run(chunkVZZPCYA3_cjs.toggleMark("italic")),
+  formatUnderline: run(chunkVZZPCYA3_cjs.toggleMark("underline")),
+  formatStrikeThrough: run(chunkVZZPCYA3_cjs.toggleMark("strike")),
+  historyUndo: run(chunkVZZPCYA3_cjs.undo),
+  historyRedo: run(chunkVZZPCYA3_cjs.redo),
   insertTranspose: run(transposeChars),
   insertFromPaste: leaveToHandlers,
   insertFromDrop: leaveToHandlers,
@@ -1953,7 +2030,7 @@ function createDomInputFallback(controller) {
 
 // src/view/navigation/cross-moves.ts
 function moveHead(controller, { anchor }, head) {
-  dispatchSelection(controller, chunkG37GQ5JE_cjs.textSelection(anchor, head));
+  dispatchSelection(controller, chunkVZZPCYA3_cjs.textSelection(anchor, head));
   return true;
 }
 function blockOf(controller, { block }) {
@@ -1961,25 +2038,25 @@ function blockOf(controller, { block }) {
   return doc.blocks[chunkWZA5S5EJ_cjs.requireBlockIndex(doc, block)];
 }
 function collapseCross(controller, selection, direction) {
-  const { from, to } = chunkG37GQ5JE_cjs.selectionRange(controller.editor.state.doc, selection);
-  dispatchSelection(controller, chunkG37GQ5JE_cjs.textSelection(direction < 0 ? from : to));
+  const { from, to } = chunkVZZPCYA3_cjs.selectionRange(controller.editor.state.doc, selection);
+  dispatchSelection(controller, chunkVZZPCYA3_cjs.textSelection(direction < 0 ? from : to));
   return true;
 }
 function crossHeadVertically(controller, selection, direction) {
   const { head } = selection;
   const edge = neighbourHead(controller, head.block, direction);
   if (edge !== null) {
-    const end2 = chunkG37GQ5JE_cjs.regionLength(blockOf(controller, edge), edge.region);
+    const end2 = chunkVZZPCYA3_cjs.regionLength(blockOf(controller, edge), edge.region);
     return moveHead(controller, selection, { ...edge, offset: Math.min(head.offset, end2) });
   }
-  const end = chunkG37GQ5JE_cjs.regionLength(blockOf(controller, head), head.region);
+  const end = chunkVZZPCYA3_cjs.regionLength(blockOf(controller, head), head.region);
   return moveHead(controller, selection, { ...head, offset: direction < 0 ? 0 : end });
 }
 function crossHeadHorizontally(controller, selection, direction) {
   const { head } = selection;
   const text = chunkWZA5S5EJ_cjs.inlineText(blockOf(controller, head).regions[head.region] ?? []);
   if (direction < 0 ? head.offset > 0 : head.offset < text.length) {
-    const offset = direction < 0 ? chunkG37GQ5JE_cjs.prevGraphemeOffset(text, head.offset) : chunkG37GQ5JE_cjs.nextGraphemeOffset(text, head.offset);
+    const offset = direction < 0 ? chunkVZZPCYA3_cjs.prevGraphemeOffset(text, head.offset) : chunkVZZPCYA3_cjs.nextGraphemeOffset(text, head.offset);
     return moveHead(controller, selection, { ...head, offset });
   }
   const edge = neighbourHead(controller, head.block, direction);
@@ -1998,9 +2075,9 @@ function moveHorizontally(controller, direction, extend) {
     const move = extend ? crossHeadHorizontally : collapseCross;
     return move(controller, selection, direction);
   }
-  if (!extend && !chunkG37GQ5JE_cjs.isCollapsed(selection)) return false;
+  if (!extend && !chunkVZZPCYA3_cjs.isCollapsed(selection)) return false;
   const { head } = selection;
-  const length = chunkG37GQ5JE_cjs.regionLength(doc.blocks[chunkWZA5S5EJ_cjs.requireBlockIndex(doc, head.block)], head.region);
+  const length = chunkVZZPCYA3_cjs.regionLength(doc.blocks[chunkWZA5S5EJ_cjs.requireBlockIndex(doc, head.block)], head.region);
   if (direction < 0 ? head.offset > 0 : head.offset < length) return false;
   const own2 = extend ? null : ownNode(controller, head.block, direction);
   if (own2 !== null) {
@@ -2051,18 +2128,17 @@ function lineEdgeRect(host, last) {
   if (!map || map.length === 0) return contentBox(host);
   return caretClientRect(map.toDom(last ? map.length : 0, last ? -1 : 1));
 }
-function onEdgeLine(host, point, last) {
+function onEdgeLine(host, last, caret) {
   if (domMapOf(host)?.length === 0) return true;
-  const caret = caretClientRect(point);
   const edge = lineEdgeRect(host, last);
   if (!caret || !edge) return false;
   return Math.abs(caret.top - edge.top) < Math.max(caret.height, edge.height) / 2;
 }
-function isOnFirstLine(host, point) {
-  return onEdgeLine(host, point, false);
+function isOnFirstLine(host, point, caret = caretClientRect(point)) {
+  return onEdgeLine(host, false, caret);
 }
-function isOnLastLine(host, point) {
-  return onEdgeLine(host, point, true);
+function isOnLastLine(host, point, caret = caretClientRect(point)) {
+  return onEdgeLine(host, true, caret);
 }
 function adjacentLineMiddle(host, caret, direction) {
   const range = host.ownerDocument.createRange();
@@ -2077,14 +2153,6 @@ function adjacentLineMiddle(host, caret, direction) {
   return nearest2;
 }
 
-// src/view/navigation/stay-on-line.ts
-var onLine = (rect, y) => rect === null || rect.top <= y && y <= rect.bottom;
-function stayOnLine(pos, y, rectAt) {
-  if (pos.offset === 0 || onLine(rectAt(pos), y)) return pos;
-  const before = { ...pos, offset: pos.offset - 1 };
-  return onLine(rectAt(before), y) ? before : pos;
-}
-
 // src/view/navigation/vertical.ts
 function lineInView(host, last) {
   const line = lineEdgeRect(host, last);
@@ -2097,40 +2165,41 @@ function caretAtGoal(controller, host, at, y) {
   const { goalX } = controller;
   const view = host.ownerDocument.defaultView;
   if (goalX === null || !view || y < 0 || y > view.innerHeight) return null;
-  const pos = caretInHost(controller.registry, host, host.getBoundingClientRect(), at, goalX, y);
-  if (!pos) return null;
-  return stayOnLine(pos, y, (p) => {
-    const dom = posToDom(controller.registry, p);
-    return dom && caretClientRect(dom);
-  });
+  return caretInHost(controller.registry, host, host.getBoundingClientRect(), at, goalX, y);
 }
+var keepOnLine = ({ registry }, pos, y) => stayOnLine(pos, y, glyphsAround(registry, pos));
 function landAtGoal(controller, block, direction) {
   const { schema } = controller.editor.state;
-  const region = chunkG37GQ5JE_cjs.isTextFlow(schema, block) ? chunkG37GQ5JE_cjs.primaryRegion(schema, block) : null;
+  const region = chunkVZZPCYA3_cjs.isTextFlow(schema, block) ? chunkVZZPCYA3_cjs.primaryRegion(schema, block) : null;
   const host = region === null ? void 0 : controller.registry.get(block.id, region);
   if (!host || region === null || controller.goalX === null) return null;
   const line = lineInView(host, direction < 0);
-  const pos = line && caretAtGoal(controller, host, { block: block.id, region }, line.top + line.height / 2);
-  return pos ? chunkG37GQ5JE_cjs.textSelection(pos) : null;
+  if (!line) return null;
+  const y = line.top + line.height / 2;
+  const pos = caretAtGoal(controller, host, { block: block.id, region }, y);
+  return pos && keepOnLine(controller, pos, y);
 }
 function moveInHost(controller, host, head, caret, direction) {
   const { goalX } = controller;
-  const native = !isCrossSelection(controller.editor.state.selection);
-  if (goalX === null || !caret || native && Math.abs(caret.left - goalX) < caret.height / 2) return null;
+  if (goalX === null || !caret) return null;
+  const atGoal = Math.abs(caret.left - goalX) < caret.height / 2;
+  const native = atGoal && !isCrossSelection(controller.editor.state.selection);
   const y = adjacentLineMiddle(host, caret, direction);
-  const pos = y === null ? null : caretAtGoal(controller, host, head, y);
-  return pos && pos.offset !== head.offset ? pos : null;
+  if (y === null) return null;
+  const pos = caretAtGoal(controller, host, head, y);
+  const next = pos && keepOnLine(controller, pos, y);
+  if (!next || next.head.offset === head.offset) return null;
+  return native && next.head === pos && next.assoc === void 0 ? null : next;
 }
-function landing(controller, { head }, direction, extend) {
+function landing(controller, { head, assoc }, direction, extend) {
   const { registry } = controller;
   const host = registry.get(head.block, head.region);
   const point = posToDom(registry, head);
   if (!host || !point) return null;
-  const caret = caretClientRect(point);
+  const caret = assoc === -1 && upstreamCaret(registry, head) || caretClientRect(point);
   controller.goalX ??= caret?.left ?? null;
-  if (!(direction < 0 ? isOnFirstLine(host, point) : isOnLastLine(host, point))) {
-    const pos = moveInHost(controller, host, head, caret, direction);
-    return pos && chunkG37GQ5JE_cjs.textSelection(pos);
+  if (!(direction < 0 ? isOnFirstLine(host, point, caret) : isOnLastLine(host, point, caret))) {
+    return moveInHost(controller, host, head, caret, direction);
   }
   const own2 = extend ? null : ownNode(controller, head.block, direction);
   if (own2 !== null) return own2;
@@ -2152,7 +2221,7 @@ function moveText(controller, selection, direction, extend) {
 function extendBlocks(controller, { anchor, head }, direction) {
   const next = neighbourBlock(controller.editor.state.doc, head, direction);
   if (next === null) return false;
-  dispatchSelection(controller, chunkG37GQ5JE_cjs.blockRangeSelection(anchor, next.id));
+  dispatchSelection(controller, chunkVZZPCYA3_cjs.blockRangeSelection(anchor, next.id));
   return true;
 }
 function moveVertically(controller, direction, extend) {
@@ -2168,8 +2237,8 @@ function moveVertically(controller, direction, extend) {
 // src/view/input/flip-block.ts
 var isTask = ({ type, attrs }) => type === "MARKDOWN" && attrs.kind === "task";
 function flipCommand(block) {
-  if (isTask(block)) return chunkG37GQ5JE_cjs.toggleTask;
-  return block.type === "TOGGLE" ? chunkG37GQ5JE_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
+  if (isTask(block)) return chunkVZZPCYA3_cjs.toggleTask;
+  return block.type === "TOGGLE" ? chunkVZZPCYA3_cjs.setAttrs({ open: block.attrs.open !== true }) : null;
 }
 var toggleState = (open) => open ? "expanded" : "collapsed";
 function stateName(block) {
@@ -2267,7 +2336,7 @@ function attachInput(controller, root) {
     const { editor } = controller;
     let { selection } = editor.state;
     const stop = editor.subscribe((_, tr) => {
-      if (tr && selection) selection = chunkG37GQ5JE_cjs.mapSelection(selection, (pos, assoc) => tr.mapPos(pos, assoc));
+      if (tr && selection) selection = chunkVZZPCYA3_cjs.mapSelection(selection, (pos, assoc) => tr.mapPos(pos, assoc));
     });
     fallback.flush();
     stop();
@@ -2424,7 +2493,8 @@ function bindRoot(controller, root, cross, committed) {
 function movedSelection(controller, doc, model) {
   if (controller.composingKey !== null || controller.dragging || !doc || !ownsFocus(controller, doc)) return null;
   const selection = readSelection(controller.registry, doc.getSelection(), (node) => controller.blockAt(node));
-  return selection === null || chunkG37GQ5JE_cjs.sameSelection(selection, model) ? null : selection;
+  const sided = selection?.kind === "text" && model?.kind === "text" ? { ...selection, assoc: model.assoc } : selection;
+  return sided === null || chunkVZZPCYA3_cjs.sameSelection(sided, model) ? null : selection;
 }
 function writeModelSelection(controller, doc, moved, local) {
   const domSelection = doc?.getSelection();
@@ -2484,7 +2554,7 @@ var ViewController = class {
     this.engagement = createEngagement(options.editor);
     this.#flush = options.flush ?? runNow;
     this.onFiles = options.onFiles;
-    this.isMac = options.isMac ?? chunkG37GQ5JE_cjs.detectMac();
+    this.isMac = options.isMac ?? chunkVZZPCYA3_cjs.detectMac();
     const decorationsOf = (block, region) => this.decorationsFor(block, region);
     const drain = (element) => this.#binding?.input.drain(element);
     this.#hosts = createHostRenderer(options.editor, options.render, decorationsOf, drain);
@@ -2637,7 +2707,7 @@ var ViewController = class {
   focus(target) {
     const { editor } = this;
     const selection = focusTarget(editor.state, target);
-    if (selection !== null && !chunkG37GQ5JE_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
+    if (selection !== null && !chunkVZZPCYA3_cjs.sameSelection(selection, editor.state.selection)) dispatchSelection(this, selection);
     this.#takeFocus();
     this.syncSelectionToDom();
   }
@@ -2685,7 +2755,7 @@ function useQuoinEditor(options) {
   const { blocks, readOnly = false } = options;
   const callbacks = react.useRef(options);
   const [controller] = react.useState(() => {
-    const editor = chunkG37GQ5JE_cjs.createEditor({
+    const editor = chunkVZZPCYA3_cjs.createEditor({
       blocks,
       extensions: options.extensions,
       onChange: (next) => callbacks.current.onChange(next),
@@ -2752,7 +2822,7 @@ var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && att
 var BlockPlaceholderContext = react.createContext(headingPlaceholder);
 function regionPlaceholder(state, blockId, region, placeholderOf) {
   const block = chunkWZA5S5EJ_cjs.blockById(state.doc, blockId);
-  return block !== void 0 && chunkG37GQ5JE_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
+  return block !== void 0 && chunkVZZPCYA3_cjs.primaryRegion(state.schema, block) === region ? placeholderOf(state, block) : void 0;
 }
 var samePainted = (a, b) => a.inline === b.inline && a.placeholder === b.placeholder && sameDecorations(a.decorations, b.decorations);
 function EditableRegion({ block, region, label, id, placeholder, className }) {
@@ -2808,7 +2878,7 @@ var CalloutBlock = ({ block }) => {
 // src/view/react/block-command.ts
 function onBlock(id, command) {
   return (state, dispatch) => {
-    const { ok, tr } = chunkG37GQ5JE_cjs.runCommands(state, [chunkG37GQ5JE_cjs.setSelection(chunkG37GQ5JE_cjs.blockRangeSelection(id)), command]);
+    const { ok, tr } = chunkVZZPCYA3_cjs.runCommands(state, [chunkVZZPCYA3_cjs.setSelection(chunkVZZPCYA3_cjs.blockRangeSelection(id)), command]);
     if (!ok || tr === null) return false;
     dispatch?.(tr.setSelection(state.selection));
     return true;
@@ -3011,7 +3081,7 @@ function covers(state, id, index) {
   if (selection === null) return false;
   if (selection.kind === "node") return selection.block === id;
   if (selection.kind === "blocks") return within(state, index, [selection.anchor, selection.head]);
-  if (!isCrossSelection(selection) || chunkG37GQ5JE_cjs.isTextFlow(schema, doc.blocks[index])) return false;
+  if (!isCrossSelection(selection) || chunkVZZPCYA3_cjs.isTextFlow(schema, doc.blocks[index])) return false;
   return within(state, index, [selection.anchor.block, selection.head.block]);
 }
 function blockStatus(state, id, choices = NO_CHOICES) {
@@ -3267,5 +3337,5 @@ exports.useToggleOpen = useToggleOpen;
 exports.useViewController = useViewController;
 exports.visibleBlockIndexes = visibleBlockIndexes;
 exports.wholeState = wholeState;
-//# sourceMappingURL=chunk-OGBD74IR.cjs.map
-//# sourceMappingURL=chunk-OGBD74IR.cjs.map
+//# sourceMappingURL=chunk-QJ34MOFV.cjs.map
+//# sourceMappingURL=chunk-QJ34MOFV.cjs.map