quoin-editor 1.0.0 → 1.0.1

package/dist/{chunk-GTTPVJSD.cjs → chunk-5M4QG3ZC.cjs}

@@ -41,7 +41,7 @@
 
 
 
-var _chunkPZ4GT5JOcjs = require('./chunk-PZ4GT5JO.cjs');
+var _chunkHOIDJEVIcjs = require('./chunk-HOIDJEVI.cjs');
 
 
 
@@ -61,7 +61,7 @@ var _chunkPZ4GT5JOcjs = require('./chunk-PZ4GT5JO.cjs');
 
 
 
-var _chunkND5XJVK2cjs = require('./chunk-ND5XJVK2.cjs');
+var _chunkBTBHHBVRcjs = require('./chunk-BTBHHBVR.cjs');
 
 // src/view/react/use-editor-state.ts
 var _react = require('react');
@@ -93,7 +93,7 @@ function isCrossSelection(selection) {
 }
 function selectionDecorations(state, mode) {
   if (mode !== "decorations" || !isCrossSelection(state.selection)) return [];
-  return _chunkPZ4GT5JOcjs.markRanges.call(void 0, state).map(({ block, region, from, to }) => ({
+  return _chunkHOIDJEVIcjs.markRanges.call(void 0, state).map(({ block, region, from, to }) => ({
     kind: "inline",
     block,
     region,
@@ -104,9 +104,9 @@ function selectionDecorations(state, mode) {
 }
 
 // src/view/dom/attributes.ts
-var sortedEntries = (attrs) => _chunkND5XJVK2cjs.dataAttributes.call(void 0, attrs, "");
+var sortedEntries = (attrs) => _chunkBTBHHBVRcjs.dataAttributes.call(void 0, attrs, "");
 function setAttributes(element, attrs, prefix = "") {
-  for (const [name, value] of _chunkND5XJVK2cjs.writtenAttrs.call(void 0, _chunkND5XJVK2cjs.dataAttributes.call(void 0, attrs, prefix))) element.setAttribute(name, value);
+  for (const [name, value] of _chunkBTBHHBVRcjs.writtenAttrs.call(void 0, _chunkBTBHHBVRcjs.dataAttributes.call(void 0, attrs, prefix))) element.setAttribute(name, value);
 }
 
 // src/view/dom/segments.ts
@@ -121,7 +121,7 @@ function decorationRanges(decorations, length) {
   return ranges;
 }
 function toSegments(inline, decorations) {
-  const length = _chunkND5XJVK2cjs.inlineLength.call(void 0, inline);
+  const length = _chunkBTBHHBVRcjs.inlineLength.call(void 0, inline);
   const ranges = decorationRanges(decorations, length);
   const widgets = decorations.filter((decoration) => decoration.kind === "widget").map((decoration) => ({ decoration, at: Math.min(Math.max(decoration.offset, 0), length) })).sort((a, b) => a.at - b.at || (_nullishCoalesce(a.decoration.side, () => ( 1))) - (_nullishCoalesce(b.decoration.side, () => ( 1))));
   const edges = [...ranges.flatMap((range) => [range.from, range.to]), ...widgets.map((widget) => widget.at)];
@@ -137,7 +137,7 @@ function toSegments(inline, decorations) {
   };
   let start = 0;
   for (const node of inline) {
-    const end = start + _chunkND5XJVK2cjs.nodeLength.call(void 0, node);
+    const end = start + _chunkBTBHHBVRcjs.nodeLength.call(void 0, node);
     if (node.kind === "atom") {
       placeWidgets(start);
       segments.push({ kind: "atom", node, decorations: covering(start, end), from: start });
@@ -187,7 +187,7 @@ function create(doc, tag, attributes) {
   return element;
 }
 function linkElement({ href = "", title } = {}, doc) {
-  const safe = _chunkND5XJVK2cjs.sanitizeHref.call(void 0, href);
+  const safe = _chunkBTBHHBVRcjs.sanitizeHref.call(void 0, href);
   if (safe === null) return create(doc, "span", [["data-quoin-link", ""]]);
   const anchor = create(doc, "a", [["href", safe], ["data-quoin-link", ""]]);
   if (title) anchor.title = title;
@@ -195,8 +195,8 @@ function linkElement({ href = "", title } = {}, doc) {
 }
 function markElement2(mark2, doc) {
   if (mark2.type === "link") return linkElement(mark2.attrs, doc);
-  const { tag, attrs } = _chunkND5XJVK2cjs.markElement.call(void 0, mark2);
-  return create(doc, tag, _chunkND5XJVK2cjs.writtenAttrs.call(void 0, attrs));
+  const { tag, attrs } = _chunkBTBHHBVRcjs.markElement.call(void 0, mark2);
+  return create(doc, tag, _chunkBTBHHBVRcjs.writtenAttrs.call(void 0, attrs));
 }
 
 // src/view/dom/wrappers.ts
@@ -393,8 +393,8 @@ function reconcileChildren(parent, specs) {
 // src/view/dom/text-diff.ts
 function textDiff(before, after, caretHint) {
   if (before === after) return null;
-  const prefix = _chunkPZ4GT5JOcjs.commonPrefix.call(void 0, before, after);
-  const suffix = _chunkPZ4GT5JOcjs.commonSuffix.call(void 0, before, after);
+  const prefix = _chunkHOIDJEVIcjs.commonPrefix.call(void 0, before, after);
+  const suffix = _chunkHOIDJEVIcjs.commonSuffix.call(void 0, 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;
@@ -499,12 +499,12 @@ function specsFor(segment, options, doc) {
   }
 }
 function needsFiller(inline) {
-  const content = _chunkND5XJVK2cjs.inlineText.call(void 0, inline);
+  const content = _chunkBTBHHBVRcjs.inlineText.call(void 0, inline);
   return content === "" || content.endsWith("\n");
 }
 function renderInline(host, inline, decorations, options = {}) {
   const doc = host.ownerDocument;
-  const length = _chunkND5XJVK2cjs.inlineLength.call(void 0, inline);
+  const length = _chunkBTBHHBVRcjs.inlineLength.call(void 0, inline);
   const specs = toSegments(inline, decorations).flatMap((segment) => specsFor(segment, options, doc));
   if (needsFiller(inline)) specs.push(fillerSpec(doc, length));
   reconcileChildren(host, specs);
@@ -582,10 +582,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 _chunkPZ4GT5JOcjs.textSelection.call(void 0, anchor, head);
+  if (anchor && head) return _chunkHOIDJEVIcjs.textSelection.call(void 0, anchor, head);
   if (anchor || head || registry.locate(anchorNode) || registry.locate(focusNode)) return null;
   const block = blockAt2(anchorNode);
-  return block !== void 0 && block === blockAt2(focusNode) ? _chunkPZ4GT5JOcjs.nodeSelection.call(void 0, block) : null;
+  return block !== void 0 && block === blockAt2(focusNode) ? _chunkHOIDJEVIcjs.nodeSelection.call(void 0, block) : null;
 }
 function selectBlock(domSelection, element) {
   if (!element) return false;
@@ -602,7 +602,7 @@ function writeSelection(registry, selection, domSelection, blockElement) {
   if (selection.kind !== "text") return false;
   const { anchor, head } = selection;
   if (anchor.block !== head.block || anchor.region !== head.region) return false;
-  if (_chunkPZ4GT5JOcjs.sameSelection.call(void 0, readSelection(registry, domSelection), selection)) return true;
+  if (_chunkHOIDJEVIcjs.sameSelection.call(void 0, readSelection(registry, domSelection), selection)) 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;
@@ -610,6 +610,15 @@ function writeSelection(registry, selection, domSelection, blockElement) {
   return true;
 }
 
+// src/view/dom/listen.ts
+function listen(target, handlers, options) {
+  const entries = Object.entries(handlers);
+  for (const [type, handler] of entries) target.addEventListener(type, handler, options);
+  return () => {
+    for (const [type, handler] of entries) target.removeEventListener(type, handler, options);
+  };
+}
+
 // src/view/navigation/node-entry.ts
 var NODE_ENTRY = "data-quoin-node-entry";
 var entersAsNode = (controller, block) => _optionalChain([controller, 'access', _25 => _25.blockElement, 'call', _26 => _26(block), 'optionalAccess', _27 => _27.querySelector, 'call', _28 => _28(`[${NODE_ENTRY}]`)]) != null;
@@ -655,8 +664,8 @@ var known = /* @__PURE__ */ new WeakMap();
 function hidersOf(doc) {
   let hiders = known.get(doc);
   if (hiders === void 0) {
-    const first = doc.blocks.findIndex(_chunkPZ4GT5JOcjs.isClosedToggle);
-    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : _chunkPZ4GT5JOcjs.hidingToggle.call(void 0, doc, index + 1));
+    const first = doc.blocks.findIndex(_chunkHOIDJEVIcjs.isClosedToggle);
+    hiders = doc.blocks.map((_, index) => first < 0 || index <= first ? null : _chunkHOIDJEVIcjs.hidingToggle.call(void 0, doc, index + 1));
     known.set(doc, hiders);
   }
   return hiders;
@@ -665,7 +674,7 @@ var hidingToggleAt = (doc, index) => _nullishCoalesce(hidersOf(doc)[index], () =
 function isHiddenAt(doc, index, choices) {
   if (choices.size === 0) return hidingToggleAt(doc, index) !== null;
   const closed = (block) => block.type === "TOGGLE" && !shownOpen(block, choices);
-  return _chunkPZ4GT5JOcjs.hidingToggle.call(void 0, doc, index + 1, closed) !== null;
+  return _chunkHOIDJEVIcjs.hidingToggle.call(void 0, 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) {
@@ -690,13 +699,13 @@ function neighbourBlock(doc, from, direction, accept = anyBlock) {
 }
 function entryEdge(controller, block, direction) {
   const { doc, schema } = controller.editor.state;
-  const edge = direction < 0 ? _chunkPZ4GT5JOcjs.endOf.call(void 0, doc, schema, block) : _chunkPZ4GT5JOcjs.startOf.call(void 0, doc, schema, block);
+  const edge = direction < 0 ? _chunkHOIDJEVIcjs.endOf.call(void 0, doc, schema, block) : _chunkHOIDJEVIcjs.startOf.call(void 0, 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 : _chunkPZ4GT5JOcjs.nodeSelection.call(void 0, block);
+  return drawn && !entersAsNode(controller, block) ? edge : _chunkHOIDJEVIcjs.nodeSelection.call(void 0, block);
 }
-var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? _chunkPZ4GT5JOcjs.nodeSelection.call(void 0, block) : null;
-var holdsTextHead = (controller) => (block) => _chunkPZ4GT5JOcjs.isTextFlow.call(void 0, controller.editor.state.schema, block) && entryEdge(controller, block.id, 1).kind === "text";
+var ownNode = (controller, block, direction) => direction < 0 && entersAsNode(controller, block) ? _chunkHOIDJEVIcjs.nodeSelection.call(void 0, block) : null;
+var holdsTextHead = (controller) => (block) => _chunkHOIDJEVIcjs.isTextFlow.call(void 0, 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);
@@ -829,11 +838,13 @@ function createCrossBlockPointer(controller) {
       const doc = root.ownerDocument;
       const view = doc.defaultView;
       let press = null;
+      let unfollow = () => {
+      };
       let last = { x: 0, y: 0 };
       let preventMouseDown = false;
       const scroll = createAutoScroll(root, () => follow(last.x, last.y));
       function select(selection) {
-        if (_chunkPZ4GT5JOcjs.sameSelection.call(void 0, selection, controller.editor.state.selection)) return;
+        if (_chunkHOIDJEVIcjs.sameSelection.call(void 0, selection, controller.editor.state.selection)) return;
         dispatchSelection(controller, selection);
       }
       function startDragging() {
@@ -849,24 +860,21 @@ function createCrossBlockPointer(controller) {
           if (current.anchor === null) return;
           startDragging();
         }
-        select(_chunkPZ4GT5JOcjs.textSelection.call(void 0, current.anchor, caretPosAt(controller, target, x, y)));
+        select(_chunkHOIDJEVIcjs.textSelection.call(void 0, 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(_chunkPZ4GT5JOcjs.blockRangeSelection.call(void 0, current.start, block));
+        select(_chunkHOIDJEVIcjs.blockRangeSelection.call(void 0, current.start, block));
       }
       function follow(x, y) {
         if (_optionalChain([press, 'optionalAccess', _40 => _40.kind]) === "text") followText(press, x, y);
         else if (_optionalChain([press, 'optionalAccess', _41 => _41.kind]) === "blocks") followBlocks(press, x, y);
       }
       function release() {
-        doc.removeEventListener("pointermove", onPointerMove);
-        doc.removeEventListener("pointerup", end);
-        doc.removeEventListener("pointercancel", end);
-        view.removeEventListener("blur", end);
+        unfollow();
         scroll.stop();
         press = null;
         const dragged = controller.dragging;
@@ -907,26 +915,26 @@ function createCrossBlockPointer(controller) {
           press = { kind: "blocks", start: block, x: event.clientX, y: event.clientY };
           if (!event.shiftKey && entryEdge(controller, block, 1).kind === "node") {
             controller.nodeReveal.pressed(block);
-            select(_chunkPZ4GT5JOcjs.nodeSelection.call(void 0, block));
+            select(_chunkHOIDJEVIcjs.nodeSelection.call(void 0, block));
           }
         } else {
           return;
         }
-        doc.addEventListener("pointermove", onPointerMove);
-        doc.addEventListener("pointerup", end);
-        doc.addEventListener("pointercancel", end);
-        view.addEventListener("blur", end);
+        const unfollowDocument = listen(doc, { pointermove: onPointerMove, pointerup: end, pointercancel: end });
+        const unfollowView = listen(view, { blur: end });
+        unfollow = () => {
+          unfollowDocument();
+          unfollowView();
+        };
       }
       function onMouseDown(event) {
         if (preventMouseDown) event.preventDefault();
         preventMouseDown = false;
       }
-      root.addEventListener("pointerdown", onPointerDown);
-      root.addEventListener("mousedown", onMouseDown);
+      const unlisten = listen(root, { pointerdown: onPointerDown, mousedown: onMouseDown });
       return () => {
         release();
-        root.removeEventListener("pointerdown", onPointerDown);
-        root.removeEventListener("mousedown", onMouseDown);
+        unlisten();
       };
     }
   };
@@ -935,7 +943,7 @@ function createCrossBlockPointer(controller) {
 // src/view/selection/paint-selection.ts
 var NAME = "quoin-selection";
 function coveredRanges(controller) {
-  return _chunkPZ4GT5JOcjs.markRanges.call(void 0, controller.editor.state).flatMap(({ block, region, from, to }) => {
+  return _chunkHOIDJEVIcjs.markRanges.call(void 0, controller.editor.state).flatMap(({ block, region, from, to }) => {
     const host = controller.registry.get(block, region);
     const map = host && domMapOf(host);
     if (!host || !map) return [];
@@ -1006,7 +1014,7 @@ function heldBySink(selection) {
 }
 var NO_TEXT = "\xA0";
 function selectionText(state) {
-  const text = _chunkPZ4GT5JOcjs.markRanges.call(void 0, state).map((range) => _chunkND5XJVK2cjs.inlinePlainText.call(void 0, _chunkPZ4GT5JOcjs.rangeContent.call(void 0, state, range), state.schema)).join("\n");
+  const text = _chunkHOIDJEVIcjs.markRanges.call(void 0, state).map((range) => _chunkBTBHHBVRcjs.inlinePlainText.call(void 0, _chunkHOIDJEVIcjs.rangeContent.call(void 0, state, range), state.schema)).join("\n");
   return text === "" ? NO_TEXT : text;
 }
 var focusInPlace = (sink) => inPlace(sink, () => sink.focus({ preventScroll: true }));
@@ -1029,7 +1037,7 @@ function focusSink(controller) {
   _optionalChain([sink, 'access', _46 => _46.ownerDocument, 'access', _47 => _47.getSelection, 'call', _48 => _48(), 'optionalAccess', _49 => _49.selectAllChildren, 'call', _50 => _50(sink)]);
 }
 function selectedBlockName({ doc, schema, selection }, blockLabel) {
-  const block = _optionalChain([selection, 'optionalAccess', _51 => _51.kind]) === "node" ? _chunkND5XJVK2cjs.blockById.call(void 0, doc, selection.block) : void 0;
+  const block = _optionalChain([selection, 'optionalAccess', _51 => _51.kind]) === "node" ? _chunkBTBHHBVRcjs.blockById.call(void 0, doc, selection.block) : void 0;
   return block === void 0 ? null : _nullishCoalesce(_optionalChain([blockLabel, 'optionalCall', _52 => _52(block, schema)]), () => ( ""));
 }
 function clearSink(controller) {
@@ -1098,19 +1106,27 @@ var nodeOf = (selection) => _optionalChain([selection, 'optionalAccess', _67 =>
 function createNodeReveal(element) {
   let shown = null;
   let pressed = null;
+  let owed = null;
   return {
     pressed(block) {
       pressed = block;
     },
     follow(selection) {
-      if (nodeOf(selection) !== shown) shown = null;
+      const block = nodeOf(selection);
+      if (block !== shown) shown = null;
+      if (block !== owed) owed = null;
     },
     settle(selection) {
-      shown = nodeOf(selection);
+      const block = nodeOf(selection);
+      if (block !== shown) owed = block;
+      shown = block;
     },
-    show(selection) {
+    show(selection, local) {
       const block = nodeOf(selection);
-      if (block !== null && block !== shown && block !== pressed) _optionalChain([element, 'call', _68 => _68(block), 'optionalAccess', _69 => _69.scrollIntoView, 'call', _70 => _70({ block: "nearest" })]);
+      if (block !== null && block !== pressed && (block !== shown || local && block === owed)) {
+        _optionalChain([element, 'call', _68 => _68(block), 'optionalAccess', _69 => _69.scrollIntoView, 'call', _70 => _70({ block: "nearest" })]);
+      }
+      if (local) owed = null;
       shown = block;
       pressed = null;
     }
@@ -1158,7 +1174,7 @@ function createElementSlot(changed) {
 
 // src/view/controller/selection-element.ts
 function elementFor({ doc }, selection, rendered) {
-  const id = _chunkPZ4GT5JOcjs.headBlockId.call(void 0, selection);
+  const id = _chunkHOIDJEVIcjs.headBlockId.call(void 0, 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);
@@ -1171,7 +1187,7 @@ function selectionElement(state, rendered) {
   if (doc.blocks.length === 0) return _nullishCoalesce(_optionalChain([rendered, 'access', _75 => _75.empty, 'optionalCall', _76 => _76()]), () => ( void 0));
   const sink = heldBySink(selection) ? _optionalChain([rendered, 'access', _77 => _77.sink, 'optionalCall', _78 => _78()]) : null;
   if (sink) return sink;
-  return _nullishCoalesce(elementFor(state, selection, rendered), () => ( elementFor(state, _chunkPZ4GT5JOcjs.startOf.call(void 0, doc, schema, doc.blocks[0].id), rendered)));
+  return _nullishCoalesce(elementFor(state, selection, rendered), () => ( elementFor(state, _chunkHOIDJEVIcjs.startOf.call(void 0, doc, schema, doc.blocks[0].id), rendered)));
 }
 
 // src/view/controller/tab-stop.ts
@@ -1238,9 +1254,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 _chunkPZ4GT5JOcjs.endOf.call(void 0, doc, schema, doc.blocks[doc.blocks.length - 1].id);
-  if (target === "start" || target === void 0 && selection === null) return _chunkPZ4GT5JOcjs.startOf.call(void 0, doc, schema, doc.blocks[0].id);
-  return target === void 0 ? selection : _chunkPZ4GT5JOcjs.textSelection.call(void 0, target);
+  if (target === "end") return _chunkHOIDJEVIcjs.endOf.call(void 0, doc, schema, doc.blocks[doc.blocks.length - 1].id);
+  if (target === "start" || target === void 0 && selection === null) return _chunkHOIDJEVIcjs.startOf.call(void 0, doc, schema, doc.blocks[0].id);
+  return target === void 0 ? selection : _chunkHOIDJEVIcjs.textSelection.call(void 0, target);
 }
 
 // src/view/controller/host-decorations.ts
@@ -1256,7 +1272,7 @@ function decorationsByHost(decorations) {
   return byHost;
 }
 function sameDecoration(a, b) {
-  if (a.kind !== b.kind || a.block !== b.block || !_chunkND5XJVK2cjs.sameAttrs.call(void 0, a.attrs, b.attrs)) return false;
+  if (a.kind !== b.kind || a.block !== b.block || !_chunkBTBHHBVRcjs.sameAttrs.call(void 0, a.attrs, b.attrs)) return false;
   if (a.kind === "inline" && b.kind === "inline") {
     return a.region === b.region && a.from === b.from && a.to === b.to;
   }
@@ -1267,7 +1283,7 @@ function sameDecoration(a, b) {
   return true;
 }
 function sameDecorations(a, b) {
-  return a === b || _chunkND5XJVK2cjs.sameItems.call(void 0, a, b, sameDecoration);
+  return a === b || _chunkBTBHHBVRcjs.sameItems.call(void 0, a, b, sameDecoration);
 }
 var byMode = { highlight: /* @__PURE__ */ new WeakMap(), decorations: /* @__PURE__ */ new WeakMap() };
 function hostDecorations(editor, block, region, mode = "highlight") {
@@ -1283,7 +1299,7 @@ function hostDecorations(editor, block, region, mode = "highlight") {
 
 // src/view/controller/region-inline.ts
 function regionInline(state, block, region) {
-  const regions = _optionalChain([_chunkND5XJVK2cjs.blockById.call(void 0, state.doc, block), 'optionalAccess', _86 => _86.regions]);
+  const regions = _optionalChain([_chunkBTBHHBVRcjs.blockById.call(void 0, state.doc, block), 'optionalAccess', _86 => _86.regions]);
   return regions && Object.hasOwn(regions, region) ? regions[region] : void 0;
 }
 
@@ -1333,7 +1349,7 @@ function createOutsideChanges(editorHasFocus, movedFrom) {
       }
       const from = _nullishCoalesce(moved, () => ( (outside && !settled ? movedFrom(tr.before.selection) : null)));
       settled ||= outside;
-      moved = from && _chunkPZ4GT5JOcjs.mapSelection.call(void 0, from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
+      moved = from && _chunkHOIDJEVIcjs.mapSelection.call(void 0, from, (pos, assoc) => tr.mapPos(pos, assoc), tr.before.doc);
     },
     takeFocused() {
       const value = focused;
@@ -1426,7 +1442,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(_chunkPZ4GT5JOcjs.deleteSelection);
+  if (cut) controller.run(_chunkHOIDJEVIcjs.deleteSelection);
 }
 function handlePaste(controller, event) {
   if (!event.clipboardData) return;
@@ -1458,7 +1474,7 @@ function handleDrop(controller, event) {
     return;
   }
   const pos = dropPos(controller, event.clientX, event.clientY);
-  if (pos) dispatchSelection(controller, _chunkPZ4GT5JOcjs.textSelection.call(void 0, pos));
+  if (pos) controller.dispatch(controller.editor.createTransaction().setSelection(_chunkHOIDJEVIcjs.textSelection.call(void 0, pos)).setOrigin("drop"));
   pasteTransfer(controller, dataTransfer);
 }
 function handleDragOver(event) {
@@ -1586,29 +1602,29 @@ function createSinkComposition(controller) {
 var LINE_BREAK = "\n";
 var transposeChars = (state, dispatch) => {
   const { selection } = state;
-  if (_optionalChain([selection, 'optionalAccess', _110 => _110.kind]) !== "text" || !_chunkPZ4GT5JOcjs.isCollapsed.call(void 0, selection)) return false;
+  if (_optionalChain([selection, 'optionalAccess', _110 => _110.kind]) !== "text" || !_chunkHOIDJEVIcjs.isCollapsed.call(void 0, selection)) return false;
   const { head } = selection;
-  const inline = _optionalChain([_chunkND5XJVK2cjs.blockById.call(void 0, state.doc, head.block), 'optionalAccess', _111 => _111.regions, 'access', _112 => _112[head.region]]);
+  const inline = _optionalChain([_chunkBTBHHBVRcjs.blockById.call(void 0, state.doc, head.block), 'optionalAccess', _111 => _111.regions, 'access', _112 => _112[head.region]]);
   if (inline === void 0) return false;
-  const value = _chunkND5XJVK2cjs.inlineText.call(void 0, inline);
+  const value = _chunkBTBHHBVRcjs.inlineText.call(void 0, inline);
   const atLineEnd = head.offset === value.length || value[head.offset] === LINE_BREAK;
-  const end = atLineEnd ? head.offset : _chunkPZ4GT5JOcjs.nextGraphemeOffset.call(void 0, value, head.offset);
-  const middle = _chunkPZ4GT5JOcjs.prevGraphemeOffset.call(void 0, value, end);
-  const start = _chunkPZ4GT5JOcjs.prevGraphemeOffset.call(void 0, value, middle);
+  const end = atLineEnd ? head.offset : _chunkHOIDJEVIcjs.nextGraphemeOffset.call(void 0, value, head.offset);
+  const middle = _chunkHOIDJEVIcjs.prevGraphemeOffset.call(void 0, value, end);
+  const start = _chunkHOIDJEVIcjs.prevGraphemeOffset.call(void 0, value, middle);
   if (start === middle || value.slice(start, end).includes(LINE_BREAK)) return false;
-  const swapped = [..._chunkND5XJVK2cjs.sliceInline.call(void 0, inline, middle, end), ..._chunkND5XJVK2cjs.sliceInline.call(void 0, inline, start, middle)];
-  const tr = new (0, _chunkPZ4GT5JOcjs.Transaction)(state).setOrigin("input");
-  tr.step(_chunkPZ4GT5JOcjs.replaceInlineStep.call(void 0, head.block, head.region, start, end, swapped));
-  _optionalChain([dispatch, 'optionalCall', _113 => _113(tr.setSelection(_chunkPZ4GT5JOcjs.textSelection.call(void 0, { ...head, offset: end })))]);
+  const swapped = [..._chunkBTBHHBVRcjs.sliceInline.call(void 0, inline, middle, end), ..._chunkBTBHHBVRcjs.sliceInline.call(void 0, inline, start, middle)];
+  const tr = new (0, _chunkHOIDJEVIcjs.Transaction)(state).setOrigin("input");
+  tr.step(_chunkHOIDJEVIcjs.replaceInlineStep.call(void 0, head.block, head.region, start, end, swapped));
+  _optionalChain([dispatch, 'optionalCall', _113 => _113(tr.setSelection(_chunkHOIDJEVIcjs.textSelection.call(void 0, { ...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(_chunkPZ4GT5JOcjs.textSelection.call(void 0, range.from, range.to)).setOrigin("input"));
-  if (text === "") return _chunkPZ4GT5JOcjs.deleteSelection.call(void 0, editor.state, (tr) => dispatch(tr.setOrigin("input")));
-  return withRules ? editor.insertText(text) : _chunkPZ4GT5JOcjs.insertText.call(void 0, text, { origin: "input" })(editor.state, dispatch);
+  dispatch(editor.createTransaction().setSelection(_chunkHOIDJEVIcjs.textSelection.call(void 0, range.from, range.to)).setOrigin("input"));
+  if (text === "") return _chunkHOIDJEVIcjs.deleteSelection.call(void 0, editor.state, (tr) => dispatch(tr.setOrigin("input")));
+  return withRules ? editor.insertText(text) : _chunkHOIDJEVIcjs.insertText.call(void 0, text, { origin: "input" })(editor.state, dispatch);
 }
 
 // src/view/input/target-range.ts
@@ -1619,13 +1635,13 @@ function targetRangeToModel(controller, event) {
   const to = domToPos(controller.registry, range.endContainer, range.endOffset);
   return from && to && { from, to };
 }
-var isEmpty = ({ from, to }) => _chunkPZ4GT5JOcjs.sameSelection.call(void 0, _chunkPZ4GT5JOcjs.textSelection.call(void 0, from), _chunkPZ4GT5JOcjs.textSelection.call(void 0, to));
+var isEmpty = ({ from, to }) => _chunkHOIDJEVIcjs.sameSelection.call(void 0, _chunkHOIDJEVIcjs.textSelection.call(void 0, from), _chunkHOIDJEVIcjs.textSelection.call(void 0, 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 = _chunkPZ4GT5JOcjs.selectionRange.call(void 0, doc, selection);
-  const same = selected !== null && _chunkPZ4GT5JOcjs.sameSelection.call(void 0, _chunkPZ4GT5JOcjs.textSelection.call(void 0, selected.from, selected.to), _chunkPZ4GT5JOcjs.textSelection.call(void 0, range.from, range.to));
+  const selected = _chunkHOIDJEVIcjs.selectionRange.call(void 0, doc, selection);
+  const same = selected !== null && _chunkHOIDJEVIcjs.sameSelection.call(void 0, _chunkHOIDJEVIcjs.textSelection.call(void 0, selected.from, selected.to), _chunkHOIDJEVIcjs.textSelection.call(void 0, range.from, range.to));
   return same ? null : range;
 }
 
@@ -1647,34 +1663,34 @@ function insertTypedText(controller, event) {
   else controller.edit(() => replaceRange(controller.editor, range, text, false));
 }
 function deleteContentBackward(controller, event) {
-  if (!controller.run(_chunkPZ4GT5JOcjs.undoInputRule)) targetOr((0, _chunkPZ4GT5JOcjs.deleteBackward))(controller, event);
+  if (!controller.run(_chunkHOIDJEVIcjs.undoInputRule)) targetOr((0, _chunkHOIDJEVIcjs.deleteBackward))(controller, event);
 }
 function insertReplacementText(controller, event) {
   const text = _optionalChain([event, 'access', _117 => _117.dataTransfer, 'optionalAccess', _118 => _118.getData, 'call', _119 => _119("text/plain")]) || event.data;
   if (!text) return;
   const range = targetRangeToModel(controller, event);
-  if (range === null) controller.run(_chunkPZ4GT5JOcjs.insertText.call(void 0, text, { origin: "input" }));
+  if (range === null) controller.run(_chunkHOIDJEVIcjs.insertText.call(void 0, 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(_chunkPZ4GT5JOcjs.insertHardBreak),
+  insertLineBreak: run(_chunkHOIDJEVIcjs.insertHardBreak),
   deleteContentBackward,
-  deleteContentForward: targetOr(_chunkPZ4GT5JOcjs.deleteForward),
-  deleteWordBackward: targetOr(_chunkPZ4GT5JOcjs.deleteWordBackward),
-  deleteWordForward: targetOr(_chunkPZ4GT5JOcjs.deleteWordForward),
-  deleteSoftLineBackward: targetOr(_chunkPZ4GT5JOcjs.deleteToLineStart),
-  deleteHardLineBackward: targetOr(_chunkPZ4GT5JOcjs.deleteToLineStart),
-  deleteSoftLineForward: targetOr(_chunkPZ4GT5JOcjs.deleteToLineEnd),
-  deleteHardLineForward: targetOr(_chunkPZ4GT5JOcjs.deleteToLineEnd),
-  formatBold: run(_chunkPZ4GT5JOcjs.toggleMark.call(void 0, "bold")),
-  formatItalic: run(_chunkPZ4GT5JOcjs.toggleMark.call(void 0, "italic")),
-  formatUnderline: run(_chunkPZ4GT5JOcjs.toggleMark.call(void 0, "underline")),
-  formatStrikeThrough: run(_chunkPZ4GT5JOcjs.toggleMark.call(void 0, "strike")),
-  historyUndo: run(_chunkPZ4GT5JOcjs.undo),
-  historyRedo: run(_chunkPZ4GT5JOcjs.redo),
+  deleteContentForward: targetOr(_chunkHOIDJEVIcjs.deleteForward),
+  deleteWordBackward: targetOr(_chunkHOIDJEVIcjs.deleteWordBackward),
+  deleteWordForward: targetOr(_chunkHOIDJEVIcjs.deleteWordForward),
+  deleteSoftLineBackward: targetOr(_chunkHOIDJEVIcjs.deleteToLineStart),
+  deleteHardLineBackward: targetOr(_chunkHOIDJEVIcjs.deleteToLineStart),
+  deleteSoftLineForward: targetOr(_chunkHOIDJEVIcjs.deleteToLineEnd),
+  deleteHardLineForward: targetOr(_chunkHOIDJEVIcjs.deleteToLineEnd),
+  formatBold: run(_chunkHOIDJEVIcjs.toggleMark.call(void 0, "bold")),
+  formatItalic: run(_chunkHOIDJEVIcjs.toggleMark.call(void 0, "italic")),
+  formatUnderline: run(_chunkHOIDJEVIcjs.toggleMark.call(void 0, "underline")),
+  formatStrikeThrough: run(_chunkHOIDJEVIcjs.toggleMark.call(void 0, "strike")),
+  historyUndo: run(_chunkHOIDJEVIcjs.undo),
+  historyRedo: run(_chunkHOIDJEVIcjs.redo),
   insertTranspose: run(transposeChars),
   insertFromPaste: leaveToHandlers,
   insertFromDrop: leaveToHandlers,
@@ -1775,7 +1791,7 @@ function snapshotComposition(controller, block, region) {
   const element = controller.registry.get(block, region);
   const inline = regionInline(editor.state, block, region);
   if (element === void 0 || inline === void 0) return null;
-  const text = _chunkND5XJVK2cjs.inlineText.call(void 0, inline);
+  const text = _chunkBTBHHBVRcjs.inlineText.call(void 0, inline);
   const end = composedEnd(controller, block, region);
   const since = [];
   const release = editor.subscribe((_, tr) => void (tr && since.push(tr)));
@@ -1811,7 +1827,7 @@ function targetAt(controller, node) {
 }
 function elementOf(controller, target) {
   if (target === EMPTY_HOST) return _nullishCoalesce(controller.emptyHost, () => ( void 0));
-  return target === null ? void 0 : controller.registry.get(target.block, target.region);
+  return target ? controller.registry.get(target.block, target.region) : void 0;
 }
 function createCompositionHandlers(controller) {
   let active = false;
@@ -1887,7 +1903,7 @@ function reconcileHost(controller, block, region, caretHint) {
   const element = controller.registry.get(block, region);
   const inline = regionInline(controller.editor.state, block, region);
   if (element === void 0 || inline === void 0) return false;
-  const before = _chunkND5XJVK2cjs.inlineText.call(void 0, inline);
+  const before = _chunkBTBHHBVRcjs.inlineText.call(void 0, inline);
   const after = readDomText(element);
   const edit = before === after ? null : textDiff(before, after, _nullishCoalesce(caretHint, () => ( domCaretOffset(element))));
   if (edit === null) return false;
@@ -1952,33 +1968,33 @@ function createDomInputFallback(controller) {
 
 // src/view/navigation/cross-moves.ts
 function moveHead(controller, { anchor }, head) {
-  dispatchSelection(controller, _chunkPZ4GT5JOcjs.textSelection.call(void 0, anchor, head));
+  dispatchSelection(controller, _chunkHOIDJEVIcjs.textSelection.call(void 0, anchor, head));
   return true;
 }
 function blockOf(controller, { block }) {
   const { doc } = controller.editor.state;
-  return doc.blocks[_chunkND5XJVK2cjs.requireBlockIndex.call(void 0, doc, block)];
+  return doc.blocks[_chunkBTBHHBVRcjs.requireBlockIndex.call(void 0, doc, block)];
 }
 function collapseCross(controller, selection, direction) {
-  const { from, to } = _chunkPZ4GT5JOcjs.selectionRange.call(void 0, controller.editor.state.doc, selection);
-  dispatchSelection(controller, _chunkPZ4GT5JOcjs.textSelection.call(void 0, direction < 0 ? from : to));
+  const { from, to } = _chunkHOIDJEVIcjs.selectionRange.call(void 0, controller.editor.state.doc, selection);
+  dispatchSelection(controller, _chunkHOIDJEVIcjs.textSelection.call(void 0, 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 = _chunkPZ4GT5JOcjs.regionLength.call(void 0, blockOf(controller, edge), edge.region);
+    const end2 = _chunkHOIDJEVIcjs.regionLength.call(void 0, blockOf(controller, edge), edge.region);
     return moveHead(controller, selection, { ...edge, offset: Math.min(head.offset, end2) });
   }
-  const end = _chunkPZ4GT5JOcjs.regionLength.call(void 0, blockOf(controller, head), head.region);
+  const end = _chunkHOIDJEVIcjs.regionLength.call(void 0, 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 = _chunkND5XJVK2cjs.inlineText.call(void 0, _nullishCoalesce(blockOf(controller, head).regions[head.region], () => ( [])));
+  const text = _chunkBTBHHBVRcjs.inlineText.call(void 0, _nullishCoalesce(blockOf(controller, head).regions[head.region], () => ( [])));
   if (direction < 0 ? head.offset > 0 : head.offset < text.length) {
-    const offset = direction < 0 ? _chunkPZ4GT5JOcjs.prevGraphemeOffset.call(void 0, text, head.offset) : _chunkPZ4GT5JOcjs.nextGraphemeOffset.call(void 0, text, head.offset);
+    const offset = direction < 0 ? _chunkHOIDJEVIcjs.prevGraphemeOffset.call(void 0, text, head.offset) : _chunkHOIDJEVIcjs.nextGraphemeOffset.call(void 0, text, head.offset);
     return moveHead(controller, selection, { ...head, offset });
   }
   const edge = neighbourHead(controller, head.block, direction);
@@ -1997,9 +2013,9 @@ function moveHorizontally(controller, direction, extend) {
     const move = extend ? crossHeadHorizontally : collapseCross;
     return move(controller, selection, direction);
   }
-  if (!extend && !_chunkPZ4GT5JOcjs.isCollapsed.call(void 0, selection)) return false;
+  if (!extend && !_chunkHOIDJEVIcjs.isCollapsed.call(void 0, selection)) return false;
   const { head } = selection;
-  const length = _chunkPZ4GT5JOcjs.regionLength.call(void 0, doc.blocks[_chunkND5XJVK2cjs.requireBlockIndex.call(void 0, doc, head.block)], head.region);
+  const length = _chunkHOIDJEVIcjs.regionLength.call(void 0, doc.blocks[_chunkBTBHHBVRcjs.requireBlockIndex.call(void 0, 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) {
@@ -2009,7 +2025,7 @@ function moveHorizontally(controller, direction, extend) {
   if (!extend) return moveToNeighbour(controller, head.block, direction);
   const edge = neighbourHead(controller, head.block, direction);
   if (edge === null) return false;
-  dispatchSelection(controller, _chunkPZ4GT5JOcjs.textSelection.call(void 0, selection.anchor, edge));
+  dispatchSelection(controller, _chunkHOIDJEVIcjs.textSelection.call(void 0, selection.anchor, edge));
   return true;
 }
 
@@ -2107,12 +2123,12 @@ function caretAtGoal(controller, host, at, y) {
 }
 function landAtGoal(controller, block, direction) {
   const { schema } = controller.editor.state;
-  const region = _chunkPZ4GT5JOcjs.isTextFlow.call(void 0, schema, block) ? _chunkPZ4GT5JOcjs.primaryRegion.call(void 0, schema, block) : null;
+  const region = _chunkHOIDJEVIcjs.isTextFlow.call(void 0, schema, block) ? _chunkHOIDJEVIcjs.primaryRegion.call(void 0, 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 ? _chunkPZ4GT5JOcjs.textSelection.call(void 0, pos) : null;
+  return pos ? _chunkHOIDJEVIcjs.textSelection.call(void 0, pos) : null;
 }
 function moveInHost(controller, host, head, caret, direction) {
   const { goalX } = controller;
@@ -2130,7 +2146,7 @@ function landing(controller, { head }, direction, extend) {
   controller.goalX ??= _nullishCoalesce(_optionalChain([caret, 'optionalAccess', _147 => _147.left]), () => ( null));
   if (!(direction < 0 ? isOnFirstLine(host, point) : isOnLastLine(host, point))) {
     const pos = moveInHost(controller, host, head, caret, direction);
-    return pos && _chunkPZ4GT5JOcjs.textSelection.call(void 0, pos);
+    return pos && _chunkHOIDJEVIcjs.textSelection.call(void 0, pos);
   }
   const own2 = extend ? null : ownNode(controller, head.block, direction);
   if (own2 !== null) return own2;
@@ -2144,14 +2160,14 @@ function moveText(controller, selection, direction, extend) {
     controller.nativeVerticalMove = true;
     return false;
   }
-  const moved = extend && next.kind === "text" ? _chunkPZ4GT5JOcjs.textSelection.call(void 0, selection.anchor, next.head) : next;
+  const moved = extend && next.kind === "text" ? _chunkHOIDJEVIcjs.textSelection.call(void 0, selection.anchor, next.head) : next;
   dispatchSelection(controller, moved);
   return true;
 }
 function extendBlocks(controller, { anchor, head }, direction) {
   const next = neighbourBlock(controller.editor.state.doc, head, direction);
   if (next === null) return false;
-  dispatchSelection(controller, _chunkPZ4GT5JOcjs.blockRangeSelection.call(void 0, anchor, next.id));
+  dispatchSelection(controller, _chunkHOIDJEVIcjs.blockRangeSelection.call(void 0, anchor, next.id));
   return true;
 }
 function moveVertically(controller, direction, extend) {
@@ -2167,8 +2183,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 _chunkPZ4GT5JOcjs.toggleTask;
-  return block.type === "TOGGLE" ? _chunkPZ4GT5JOcjs.setAttrs.call(void 0, { open: block.attrs.open !== true }) : null;
+  if (isTask(block)) return _chunkHOIDJEVIcjs.toggleTask;
+  return block.type === "TOGGLE" ? _chunkHOIDJEVIcjs.setAttrs.call(void 0, { open: block.attrs.open !== true }) : null;
 }
 var toggleState = (open) => open ? "expanded" : "collapsed";
 function stateName(block) {
@@ -2177,7 +2193,7 @@ function stateName(block) {
 }
 function blockHoldingCaret({ doc, selection }) {
   if (_optionalChain([selection, 'optionalAccess', _151 => _151.kind]) !== "text" || selection.anchor.block !== selection.head.block) return null;
-  return _nullishCoalesce(_chunkND5XJVK2cjs.blockById.call(void 0, doc, selection.head.block), () => ( null));
+  return _nullishCoalesce(_chunkBTBHHBVRcjs.blockById.call(void 0, doc, selection.head.block), () => ( null));
 }
 function flipForReader(controller, block) {
   if (_optionalChain([block, 'optionalAccess', _152 => _152.type]) !== "TOGGLE") return false;
@@ -2192,7 +2208,7 @@ function flipSelectedBlock(controller) {
   if (controller.readOnly) return flipForReader(controller, block);
   const command = block && flipCommand(block);
   if (!block || !command || !controller.run(command)) return false;
-  const after = _chunkND5XJVK2cjs.blockById.call(void 0, editor.state.doc, block.id);
+  const after = _chunkBTBHHBVRcjs.blockById.call(void 0, editor.state.doc, block.id);
   if (after) controller.announce(stateName(after));
   return true;
 }
@@ -2286,11 +2302,13 @@ function attachInput(controller, root) {
     else composition.end(event);
   };
   const detachClipboard = attachClipboard(controller, root, catchUp);
-  root.addEventListener("keydown", onKeyDown);
-  root.addEventListener("beforeinput", onBeforeInput);
-  root.addEventListener("input", onInput);
-  root.addEventListener("compositionstart", onCompositionStart);
-  root.addEventListener("compositionend", onCompositionEnd);
+  const unlisten = listen(root, {
+    keydown: onKeyDown,
+    beforeinput: onBeforeInput,
+    input: onInput,
+    compositionstart: onCompositionStart,
+    compositionend: onCompositionEnd
+  });
   function observe(host) {
     if (!observed.has(host)) observed.set(host, fallback.observe(host));
   }
@@ -2306,11 +2324,7 @@ function attachInput(controller, root) {
       composition.release();
       sinkComposition.release();
       detachClipboard();
-      root.removeEventListener("keydown", onKeyDown);
-      root.removeEventListener("beforeinput", onBeforeInput);
-      root.removeEventListener("input", onInput);
-      root.removeEventListener("compositionstart", onCompositionStart);
-      root.removeEventListener("compositionend", onCompositionEnd);
+      unlisten();
       for (const stop of observed.values()) stop();
       observed.clear();
     }
@@ -2332,13 +2346,11 @@ function watchFocusReturn(root, handlers) {
   const onFocusOut = (event) => {
     if (!root.contains(event.relatedTarget)) pressed = false;
   };
-  root.addEventListener("pointerdown", onPointerDown, true);
-  root.addEventListener("focusin", onFocusIn);
-  root.addEventListener("focusout", onFocusOut);
+  const unlistenPress = listen(root, { pointerdown: onPointerDown }, true);
+  const unlistenFocus = listen(root, { focusin: onFocusIn, focusout: onFocusOut });
   return () => {
-    root.removeEventListener("pointerdown", onPointerDown, true);
-    root.removeEventListener("focusin", onFocusIn);
-    root.removeEventListener("focusout", onFocusOut);
+    unlistenPress();
+    unlistenFocus();
   };
 }
 
@@ -2407,9 +2419,9 @@ 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 || _chunkPZ4GT5JOcjs.sameSelection.call(void 0, selection, model) ? null : selection;
+  return selection === null || _chunkHOIDJEVIcjs.sameSelection.call(void 0, selection, model) ? null : selection;
 }
-function writeModelSelection(controller, doc, moved) {
+function writeModelSelection(controller, doc, moved, local) {
   const domSelection = _optionalChain([doc, 'optionalAccess', _168 => _168.getSelection, 'call', _169 => _169()]);
   if (focusingSink(controller) || controller.composingKey !== null || !doc || !domSelection || !ownsFocus(controller, doc)) {
     return;
@@ -2419,7 +2431,7 @@ function writeModelSelection(controller, doc, moved) {
   if (heldBySink(selection) && controller.sink !== null) focusSink(controller);
   else if (_optionalChain([selection, 'optionalAccess', _170 => _170.kind]) === "blocks") domSelection.removeAllRanges();
   else writeSelection(controller.registry, selection, domSelection, (id) => controller.blockElement(id));
-  controller.nodeReveal.show(selection);
+  controller.nodeReveal.show(selection, local);
   if (!samePoints(before, selectionPoints(domSelection))) moved();
 }
 
@@ -2428,102 +2440,105 @@ var runNow = (fn) => fn();
 var ViewController = (_class = class {
   
   __init() {this.registry = createHostRegistry((element) => {
-    _optionalChain([this, 'access', _179 => _179.binding, 'optionalAccess', _180 => _180.input, 'access', _181 => _181.observe, 'call', _182 => _182(element)]);
-    this.drawn.syncTabStop();
+    _optionalChain([this, 'access', _179 => _179.#binding, 'optionalAccess', _180 => _180.input, 'access', _181 => _181.observe, 'call', _182 => _182(element)]);
+    this.#drawn.syncTabStop();
     return () => {
-      _optionalChain([this, 'access', _183 => _183.binding, 'optionalAccess', _184 => _184.input, 'access', _185 => _185.unobserve, 'call', _186 => _186(element)]);
-      this.drawn.syncTabStop();
+      _optionalChain([this, 'access', _183 => _183.#binding, 'optionalAccess', _184 => _184.input, 'access', _185 => _185.unobserve, 'call', _186 => _186(element)]);
+      this.#drawn.syncTabStop();
     };
   })}
   __init2() {this.keyInterceptors = /* @__PURE__ */ new Set()}
   __init3() {this.nodeReveal = createNodeReveal((id) => this.blockElement(id))}
-  __init4() {this.announcer = createAnnouncer(() => this.said)}
+  __init4() {this.announcer = createAnnouncer(() => this.#said)}
   
   
   __init5() {this.goalX = null}
   __init6() {this.nativeVerticalMove = false}
   __init7() {this.dragging = false}
   __init8() {this.composingKey = null}
-  
-  
-  __init9() {this.drawn = createDrawnElements(this.registry, () => this.editor.state)}
-  __init10() {this.cross = createCrossMode(this)}
-  __init11() {this.outside = createOutsideChanges(
-    () => hasFocus(this, this.ownerDocument()),
-    (model) => movedSelection(this, this.ownerDocument(), model)
-  )}
-  __init12() {this.binding = null}
-  __init13() {this.quiet = false}
-  
-  __init14() {this.detachRoot = null}
-  
-  constructor(options) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);_class.prototype.__init9.call(this);_class.prototype.__init10.call(this);_class.prototype.__init11.call(this);_class.prototype.__init12.call(this);_class.prototype.__init13.call(this);_class.prototype.__init14.call(this);
+  #flush;
+  #hosts;
+  #drawn = createDrawnElements(this.registry, () => this.editor.state);
+  #cross = createCrossMode(this);
+  #outside = createOutsideChanges(
+    () => hasFocus(this, this.#ownerDocument()),
+    (model) => movedSelection(this, this.#ownerDocument(), model)
+  );
+  #binding = null;
+  #quiet = false;
+  #loud = false;
+  #said;
+  #detachRoot = null;
+  #readOnlyState;
+  constructor(options) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);_class.prototype.__init7.call(this);_class.prototype.__init8.call(this);
     this.editor = options.editor;
     options.editor.subscribe((state, tr) => {
-      if (_optionalChain([tr, 'optionalAccess', _187 => _187.origin]) !== "remote") this.said = state;
+      if (_optionalChain([tr, 'optionalAccess', _187 => _187.origin]) !== "remote") this.#said = state;
     });
-    this.flush = _nullishCoalesce(options.flush, () => ( runNow));
+    this.#flush = _nullishCoalesce(options.flush, () => ( runNow));
     this.onFiles = options.onFiles;
-    this.isMac = _nullishCoalesce(options.isMac, () => ( _chunkPZ4GT5JOcjs.detectMac.call(void 0, )));
+    this.isMac = _nullishCoalesce(options.isMac, () => ( _chunkHOIDJEVIcjs.detectMac.call(void 0, )));
     const decorationsOf = (block, region) => this.decorationsFor(block, region);
-    this.hosts = createHostRenderer(options.editor, options.render, decorationsOf, (host) => _optionalChain([this, 'access', _188 => _188.binding, 'optionalAccess', _189 => _189.input, 'access', _190 => _190.drain, 'call', _191 => _191(host)]));
-    this.readOnlyState = createReadOnly(this.registry, _nullishCoalesce(options.readOnly, () => ( false)));
+    const drain = (element) => _optionalChain([this, 'access', _188 => _188.#binding, 'optionalAccess', _189 => _189.input, 'access', _190 => _190.drain, 'call', _191 => _191(element)]);
+    this.#hosts = createHostRenderer(options.editor, options.render, decorationsOf, drain);
+    this.#readOnlyState = createReadOnly(this.registry, _nullishCoalesce(options.readOnly, () => ( false)));
   }
   get root() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _192 => _192.binding, 'optionalAccess', _193 => _193.root]), () => ( null));
+    return _nullishCoalesce(_optionalChain([this, 'access', _192 => _192.#binding, 'optionalAccess', _193 => _193.root]), () => ( null));
   }
   get readOnly() {
-    return this.readOnlyState.current();
+    return this.#readOnlyState.current();
   }
   get sink() {
-    return this.drawn.sink;
+    return this.#drawn.sink;
   }
   get emptyHost() {
-    return this.drawn.emptyHost;
+    return this.#drawn.emptyHost;
   }
   attach(root) {
-    _optionalChain([this, 'access', _194 => _194.detachRoot, 'optionalCall', _195 => _195()]);
-    const binding = bindRoot(this, root, this.cross, (_, tr) => {
-      this.quiet ||= _optionalChain([tr, 'optionalAccess', _196 => _196.origin]) === "remote";
-      this.outside.committed(tr);
+    _optionalChain([this, 'access', _194 => _194.#detachRoot, 'optionalCall', _195 => _195()]);
+    const binding = bindRoot(this, root, this.#cross, (_, tr) => {
+      this.#quiet ||= _optionalChain([tr, 'optionalAccess', _196 => _196.origin]) === "remote" && tr.docChanged;
+      this.#loud ||= _optionalChain([tr, 'optionalAccess', _197 => _197.origin]) !== "remote";
+      this.#outside.committed(tr);
       this.nodeReveal.follow(this.editor.state.selection);
-      this.drawn.syncTabStop();
-      this.cross.syncLater();
+      this.#drawn.syncTabStop();
+      this.#cross.syncLater();
     });
     const unmount = this.editor.mount();
     const detach = () => {
       unmount();
       binding.detach();
-      if (this.detachRoot !== detach) return;
-      this.detachRoot = null;
-      this.binding = null;
+      if (this.#detachRoot !== detach) return;
+      this.#detachRoot = null;
+      this.#binding = null;
     };
-    this.binding = binding;
-    this.detachRoot = detach;
-    this.drawn.syncTabStop();
+    this.#binding = binding;
+    this.#detachRoot = detach;
+    this.#drawn.syncTabStop();
     return detach;
   }
   registerBlockElement(id, element) {
-    return this.drawn.registerBlock(id, element);
+    return this.#drawn.registerBlock(id, element);
   }
   blockElement(id) {
-    return this.drawn.block(id);
+    return this.#drawn.block(id);
   }
   blockAt(node) {
-    return this.drawn.blockAt(node);
+    return this.#drawn.blockAt(node);
   }
   registerSink(element) {
-    return this.drawn.registerSink(element);
+    return this.#drawn.registerSink(element);
   }
   // An empty document draws one host that stands for a paragraph not created yet, so it belongs to no block.
   registerEmptyHost(element) {
-    return this.drawn.registerEmptyHost(element);
+    return this.#drawn.registerEmptyHost(element);
   }
   isEditorElement(element) {
-    return this.drawn.isEditorElement(element);
+    return this.#drawn.isEditorElement(element);
   }
   decorationsFor(block, region) {
-    return hostDecorations(this.editor, block, region, this.cross.mode);
+    return hostDecorations(this.editor, block, region, this.#cross.mode);
   }
   dispatch(tr) {
     this.edit(() => {
@@ -2536,34 +2551,35 @@ var ViewController = (_class = class {
   // open a popover that takes it.
   edit(change) {
     const before = this.editor.state;
-    const doc = this.ownerDocument();
+    const doc = this.#ownerDocument();
     const focused = hasFocus(this, doc);
     let handled = false;
-    this.flush(
-      () => this.outside.inside(() => {
+    this.#flush(
+      () => this.#outside.inside(() => {
         handled = change();
       })
     );
     if (this.editor.state === before) return handled;
     if (this.editor.state.doc !== before.doc) this.goalX = null;
     this.refreshHosts();
-    this.cross.sync();
-    if (focused && doc !== null && ownsFocus(this, doc)) this.keepFocus();
-    this.syncSelectionToDom();
+    this.#cross.sync();
+    if (focused && doc !== null && ownsFocus(this, doc)) this.#keepFocus();
+    this.syncSelectionToDom(true);
     return handled;
   }
   // A change made outside edit() reaches the hosts when React draws them, so the selection is written back once that
-  // has happened, and focus follows a host the change replaced. A collaborator's change scrolls nothing doing so.
+  // has happened, and focus follows a host the change replaced. A render of collaborators' changes alone, or of one
+  // that changed the document, scrolls nothing doing so; a caret move of theirs leaves the rest to scroll as it would.
   afterRender() {
-    const { quiet } = this;
-    this.quiet = false;
-    const doc = this.ownerDocument();
-    const moved = this.outside.takeMoved();
-    if (!this.outside.takeFocused() || !doc || !ownsFocus(this, doc)) return;
-    if (moved) this.selectFromDom(moved);
-    this.cross.sync();
+    const quiet = this.#quiet || !this.#loud;
+    this.#quiet = this.#loud = false;
+    const doc = this.#ownerDocument();
+    const moved = this.#outside.takeMoved();
+    if (!this.#outside.takeFocused() || !doc || !ownsFocus(this, doc)) return;
+    if (moved) this.#selectFromDom(moved);
+    this.#cross.sync();
     const follow = () => {
-      this.keepFocus(quiet);
+      this.#keepFocus(quiet);
       this.syncSelectionToDom();
     };
     if (!quiet) return follow();
@@ -2572,7 +2588,7 @@ var ViewController = (_class = class {
   }
   refreshHosts() {
     for (const host of this.registry.all()) {
-      if (!this.isComposing(host)) this.hosts.renderIfChanged(host);
+      if (!this.#isComposing(host)) this.#hosts.renderIfChanged(host);
     }
   }
   run(command) {
@@ -2587,63 +2603,63 @@ var ViewController = (_class = class {
   renderHost(block, region) {
     const element = this.registry.get(block, region);
     const host = element && { block, region, element };
-    if (!host || this.isComposing(host) || !this.hosts.render(host)) return;
-    const inSelection = element.contains(_nullishCoalesce(_optionalChain([this, 'access', _197 => _197.domSelection, 'call', _198 => _198(), 'optionalAccess', _199 => _199.focusNode]), () => ( null)));
+    if (!host || this.#isComposing(host) || !this.#hosts.render(host)) return;
+    const inSelection = element.contains(_nullishCoalesce(_optionalChain([this, 'access', _198 => _198.domSelection, 'call', _199 => _199(), 'optionalAccess', _200 => _200.focusNode]), () => ( null)));
     if (inSelection && hasFocus(this, element.ownerDocument)) this.syncSelectionToDom();
   }
   domSelection() {
-    return _nullishCoalesce(_optionalChain([this, 'access', _200 => _200.ownerDocument, 'call', _201 => _201(), 'optionalAccess', _202 => _202.getSelection, 'call', _203 => _203()]), () => ( null));
+    return _nullishCoalesce(_optionalChain([this, 'access', _201 => _201.#ownerDocument, 'call', _202 => _202(), 'optionalAccess', _203 => _203.getSelection, 'call', _204 => _204()]), () => ( null));
   }
-  syncSelectionToDom() {
-    writeModelSelection(this, this.ownerDocument(), () => _optionalChain([this, 'access', _204 => _204.binding, 'optionalAccess', _205 => _205.selectionSync, 'access', _206 => _206.suppressNext, 'call', _207 => _207()]));
+  syncSelectionToDom(local) {
+    writeModelSelection(this, this.#ownerDocument(), () => _optionalChain([this, 'access', _205 => _205.#binding, 'optionalAccess', _206 => _206.selectionSync, 'access', _207 => _207.suppressNext, 'call', _208 => _208()]), local);
   }
   // A pointer drag across hosts sets the model selection itself, while the browser keeps extending its own. Leaving
   // cross mode re-renders the hosts that drew it as decorations, which can remove the node holding the caret, so the
   // selection is written back.
   readSelectionFromDom() {
-    const selection = movedSelection(this, this.ownerDocument(), this.editor.state.selection);
+    const selection = movedSelection(this, this.#ownerDocument(), this.editor.state.selection);
     if (selection === null) return;
-    const wasCross = this.cross.active;
+    const wasCross = this.#cross.active;
     if (!this.nativeVerticalMove) this.goalX = null;
-    this.flush(() => this.selectFromDom(selection));
-    this.cross.sync();
-    if (!wasCross && !this.cross.active) return;
-    this.keepFocus();
+    this.#flush(() => this.#selectFromDom(selection));
+    this.#cross.sync();
+    if (!wasCross && !this.#cross.active) return;
+    this.#keepFocus();
     this.syncSelectionToDom();
   }
   focus(target) {
     const { editor } = this;
     const selection = focusTarget(editor.state, target);
-    if (selection !== null && !_chunkPZ4GT5JOcjs.sameSelection.call(void 0, selection, editor.state.selection)) dispatchSelection(this, selection);
-    this.takeFocus();
+    if (selection !== null && !_chunkHOIDJEVIcjs.sameSelection.call(void 0, selection, editor.state.selection)) dispatchSelection(this, selection);
+    this.#takeFocus();
     this.syncSelectionToDom();
   }
   setReadOnly(readOnly) {
-    this.readOnlyState.set(readOnly);
+    this.#readOnlyState.set(readOnly);
   }
   subscribeReadOnly(listener) {
-    return this.readOnlyState.subscribe(listener);
+    return this.#readOnlyState.subscribe(listener);
   }
   destroy() {
-    _optionalChain([this, 'access', _208 => _208.detachRoot, 'optionalCall', _209 => _209()]);
+    _optionalChain([this, 'access', _209 => _209.#detachRoot, 'optionalCall', _210 => _210()]);
   }
-  selectFromDom(selection) {
+  #selectFromDom(selection) {
     const { editor } = this;
-    this.outside.inside(() => editor.dispatch(editor.createTransaction().setSelection(selection).setOrigin("input")));
+    this.#outside.inside(() => editor.dispatch(editor.createTransaction().setSelection(selection).setOrigin("input")));
   }
-  isComposing(host) {
+  #isComposing(host) {
     return this.composingKey !== null && hostKey(host.block, host.region) === this.composingKey;
   }
-  ownerDocument() {
-    return _nullishCoalesce(_optionalChain([(_nullishCoalesce(_optionalChain([this, 'access', _210 => _210.binding, 'optionalAccess', _211 => _211.root]), () => ( _optionalChain([this, 'access', _212 => _212.registry, 'access', _213 => _213.all, 'call', _214 => _214(), 'access', _215 => _215.next, 'call', _216 => _216(), 'access', _217 => _217.value, 'optionalAccess', _218 => _218.element])))), 'optionalAccess', _219 => _219.ownerDocument]), () => ( null));
+  #ownerDocument() {
+    return _nullishCoalesce(_optionalChain([(_nullishCoalesce(_optionalChain([this, 'access', _211 => _211.#binding, 'optionalAccess', _212 => _212.root]), () => ( _optionalChain([this, 'access', _213 => _213.registry, 'access', _214 => _214.all, 'call', _215 => _215(), 'access', _216 => _216.next, 'call', _217 => _217(), 'access', _218 => _218.value, 'optionalAccess', _219 => _219.element])))), 'optionalAccess', _220 => _220.ownerDocument]), () => ( null));
   }
   // React replaces a host whose block changes kind, which drops focus, and Firefox does not move focus into another
   // host when a script selects inside it.
-  keepFocus(preventScroll) {
-    if (this.composingKey === null) this.takeFocus(preventScroll);
+  #keepFocus(preventScroll) {
+    if (this.composingKey === null) this.#takeFocus(preventScroll);
   }
-  takeFocus(preventScroll) {
-    const element = this.drawn.focusElement();
+  #takeFocus(preventScroll) {
+    const element = this.#drawn.focusElement();
     if (!element || element.ownerDocument.activeElement === element) return;
     if (element === this.sink) focusSink(this);
     else element.focus({ preventScroll });
@@ -2672,18 +2688,18 @@ function useQuoinEditor(options) {
   const { blocks, readOnly = false } = options;
   const callbacks = _react.useRef.call(void 0, options);
   const [controller] = _react.useState.call(void 0, () => {
-    const editor = _chunkPZ4GT5JOcjs.createEditor.call(void 0, {
+    const editor = _chunkHOIDJEVIcjs.createEditor.call(void 0, {
       blocks,
       extensions: options.extensions,
       onChange: (next) => callbacks.current.onChange(next),
-      onTransaction: (tr, state) => _optionalChain([callbacks, 'access', _220 => _220.current, 'access', _221 => _221.onTransaction, 'optionalCall', _222 => _222(tr, state)])
+      onTransaction: (tr, state) => _optionalChain([callbacks, 'access', _221 => _221.current, 'access', _222 => _222.onTransaction, 'optionalCall', _223 => _223(tr, state)])
     });
     return new ViewController({
       editor,
       flush: _reactdom.flushSync,
       render: options.render,
       readOnly,
-      onFiles: (files, at) => _optionalChain([callbacks, 'access', _223 => _223.current, 'access', _224 => _224.onFiles, 'optionalCall', _225 => _225(files, at)])
+      onFiles: (files, at) => _optionalChain([callbacks, 'access', _224 => _224.current, 'access', _225 => _225.onFiles, 'optionalCall', _226 => _226(files, at)])
     });
   });
   useIsomorphicLayoutEffect(() => {
@@ -2722,7 +2738,7 @@ function SelectionSink({ label = "Selected content", blockLabel }) {
   );
   useIsomorphicLayoutEffect(() => {
     const sink = ref.current;
-    return sink === null ? void 0 : controller.registerSink(sink);
+    return sink ? controller.registerSink(sink) : void 0;
   }, [controller]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
@@ -2750,11 +2766,11 @@ function SelectionSink({ label = "Selected content", blockLabel }) {
 
 // src/view/react/block-placeholder.ts
 
-var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${_chunkND5XJVK2cjs.headingLevel.call(void 0, attrs.level)}` : void 0;
+var headingPlaceholder = (_state, { type, attrs }) => type === "MARKDOWN" && attrs.kind === "heading" ? `Heading ${_chunkBTBHHBVRcjs.headingLevel.call(void 0, attrs.level)}` : void 0;
 var BlockPlaceholderContext = _react.createContext.call(void 0, headingPlaceholder);
 function regionPlaceholder(state, blockId, region, placeholderOf) {
-  const block = _chunkND5XJVK2cjs.blockById.call(void 0, state.doc, blockId);
-  return block !== void 0 && _chunkPZ4GT5JOcjs.primaryRegion.call(void 0, state.schema, block) === region ? placeholderOf(state, block) : void 0;
+  const block = _chunkBTBHHBVRcjs.blockById.call(void 0, state.doc, blockId);
+  return block !== void 0 && _chunkHOIDJEVIcjs.primaryRegion.call(void 0, state.schema, block) === region ? placeholderOf(state, block) : void 0;
 }
 
 // src/view/react/EditableRegion.tsx
@@ -2768,7 +2784,7 @@ function EditableRegion({ block, region, label, id, placeholder, className }) {
   const select = _react.useCallback.call(void 0, 
     (state) => {
       const inline2 = regionInline(state, block, region);
-      const empty = inline2 === void 0 || _chunkND5XJVK2cjs.inlineLength.call(void 0, inline2) === 0;
+      const empty = inline2 === void 0 || _chunkBTBHHBVRcjs.inlineLength.call(void 0, inline2) === 0;
       return {
         inline: inline2,
         decorations: controller.decorationsFor(block, region),
@@ -2780,7 +2796,7 @@ function EditableRegion({ block, region, label, id, placeholder, className }) {
   const { inline, decorations, placeholder: shown } = useEditorState(controller, select, samePainted);
   useIsomorphicLayoutEffect(() => {
     const host = ref.current;
-    return host === null ? void 0 : controller.registry.register(block, region, host);
+    return host ? controller.registry.register(block, region, host) : void 0;
   }, [controller, block, region]);
   useIsomorphicLayoutEffect(() => {
     controller.renderHost(block, region);
@@ -2819,9 +2835,9 @@ var CalloutBlock = ({ block }) => {
 // src/view/react/block-command.ts
 function onBlock(id, command) {
   return (state, dispatch) => {
-    const { ok, tr } = _chunkPZ4GT5JOcjs.runCommands.call(void 0, state, [_chunkPZ4GT5JOcjs.setSelection.call(void 0, _chunkPZ4GT5JOcjs.blockRangeSelection.call(void 0, id)), command]);
+    const { ok, tr } = _chunkHOIDJEVIcjs.runCommands.call(void 0, state, [_chunkHOIDJEVIcjs.setSelection.call(void 0, _chunkHOIDJEVIcjs.blockRangeSelection.call(void 0, id)), command]);
     if (!ok || tr === null) return false;
-    _optionalChain([dispatch, 'optionalCall', _226 => _226(tr.setSelection(state.selection))]);
+    _optionalChain([dispatch, 'optionalCall', _227 => _227(tr.setSelection(state.selection))]);
     return true;
   };
 }
@@ -2873,7 +2889,7 @@ function numberDoc(doc) {
       numbers[index] = run2.next++;
       return;
     }
-    const start = _chunkND5XJVK2cjs.orderedStart.call(void 0, block.attrs.start);
+    const start = _chunkBTBHHBVRcjs.orderedStart.call(void 0, block.attrs.start);
     numbers[index] = start;
     runs.push({ indent: block.indent, next: start + 1 });
   });
@@ -2914,7 +2930,7 @@ var MarkdownBlock = (props) => {
   const { block } = props;
   switch (block.attrs.kind) {
     case "heading": {
-      const level = _chunkND5XJVK2cjs.headingLevel.call(void 0, block.attrs.level);
+      const level = _chunkBTBHHBVRcjs.headingLevel.call(void 0, block.attrs.level);
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "heading", "aria-level": level, className: "quoin-heading", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextRegion, { block, label: `Heading ${level}` }) });
     }
     case "bullet":
@@ -3025,7 +3041,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) || _chunkPZ4GT5JOcjs.isTextFlow.call(void 0, schema, doc.blocks[index])) return false;
+  if (!isCrossSelection(selection) || _chunkHOIDJEVIcjs.isTextFlow.call(void 0, schema, doc.blocks[index])) return false;
   return within(state, index, [selection.anchor.block, selection.head.block]);
 }
 function blockStatus(state, id, choices = NO_CHOICES) {
@@ -3051,7 +3067,7 @@ var BlockShell = _react.memo.call(void 0, function BlockShell2({ block, renderer
   const hidden = status === "hidden";
   useIsomorphicLayoutEffect(() => {
     const element = ref.current;
-    return hidden || element === null ? void 0 : controller.registerBlockElement(block.id, element);
+    return hidden || !element ? void 0 : controller.registerBlockElement(block.id, element);
   }, [controller, block.id, hidden]);
   if (hidden) return null;
   const Renderer = rendererFor(renderers, block.type);
@@ -3065,11 +3081,11 @@ var BlockShell = _react.memo.call(void 0, function BlockShell2({ block, renderer
       "data-quoin-block": "",
       "data-block-id": block.id,
       "data-type": block.type,
-      "data-kind": _chunkND5XJVK2cjs.optionalString.call(void 0, kind),
+      "data-kind": _chunkBTBHHBVRcjs.optionalString.call(void 0, kind),
       "data-indent": block.indent,
-      "data-color": _chunkND5XJVK2cjs.paletteOrUndefined.call(void 0, color),
-      "data-bg": _chunkND5XJVK2cjs.paletteOrUndefined.call(void 0, background),
-      "data-align": _chunkND5XJVK2cjs.alignOrUndefined.call(void 0, align),
+      "data-color": _chunkBTBHHBVRcjs.paletteOrUndefined.call(void 0, color),
+      "data-bg": _chunkBTBHHBVRcjs.paletteOrUndefined.call(void 0, background),
+      "data-align": _chunkBTBHHBVRcjs.alignOrUndefined.call(void 0, align),
       style: { "--quoin-indent": block.indent },
       tabIndex: -1,
       "data-selected": status === "selected" ? "true" : void 0,
@@ -3109,7 +3125,7 @@ function EmptyDocumentHost({ placeholder, label = "Paragraph" }) {
       "data-placeholder": readOnly ? void 0 : placeholder,
       "aria-placeholder": readOnly ? void 0 : placeholder,
       spellCheck: true,
-      onClick: () => _optionalChain([ref, 'access', _227 => _227.current, 'optionalAccess', _228 => _228.focus, 'call', _229 => _229()])
+      onClick: () => _optionalChain([ref, 'access', _228 => _228.current, 'optionalAccess', _229 => _229.focus, 'call', _230 => _230()])
     }
   );
 }
@@ -3181,7 +3197,7 @@ function useBlockElements(blocks, renderers) {
   const [made] = _react.useState.call(void 0, () => /* @__PURE__ */ new WeakMap());
   return blocks.map((block) => {
     const known2 = made.get(block);
-    if (_optionalChain([known2, 'optionalAccess', _230 => _230.renderers]) === renderers) return known2.element;
+    if (_optionalChain([known2, 'optionalAccess', _231 => _231.renderers]) === renderers) return known2.element;
     const element = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockShell, { block, renderers }, block.id);
     made.set(block, { renderers, element });
     return element;
@@ -3214,7 +3230,7 @@ function EditorView({
   const blockIdScope = _react.useId.call(void 0, );
   const blocks = useEditorState(controller, (state) => state.doc.blocks);
   const shells = useBlockElements(blocks, renderers);
-  useIsomorphicLayoutEffect(() => root.current === null ? void 0 : controller.attach(root.current), [controller]);
+  useIsomorphicLayoutEffect(() => root.current ? controller.attach(root.current) : void 0, [controller]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, QuoinEditorContext.Provider, { value: controller, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -3224,7 +3240,7 @@ function EditorView({
       role: "group",
       "aria-label": label,
       "aria-describedby": hintId,
-      onFocus: (event) => focusOwners.set(event.target, controller),
+      onFocusCapture: (event) => focusOwners.set(event.target, controller),
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockDomIdScope.Provider, { value: blockIdScope, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnsupportedBlockLabel.Provider, { value: unsupportedBlockLabel, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlockPlaceholderContext.Provider, { value: blockPlaceholder, children: blocks.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyDocumentHost, { placeholder, label: paragraphLabel }) : shells }) }) }),
         children,
@@ -3282,5 +3298,6 @@ function EditorView({
 
 
 
-exports.dispatchSelection = dispatchSelection; exports.wholeState = wholeState; exports.useEditorState = useEditorState; exports.useReadOnly = useReadOnly; exports.isCrossSelection = isCrossSelection; exports.NODE_ENTRY = NODE_ENTRY; exports.visibleBlockIndexes = visibleBlockIndexes; exports.drawnBlockCount = drawnBlockCount; exports.neighbourBlock = neighbourBlock; exports.moveToNeighbour = moveToNeighbour; exports.textDiff = textDiff; exports.domMapOf = domMapOf; exports.renderInline = renderInline; exports.domToPos = domToPos; exports.posToDom = posToDom; exports.caretFromPoint = caretFromPoint; exports.caretClientRect = caretClientRect; exports.lineEdgeRect = lineEdgeRect; exports.isOnFirstLine = isOnFirstLine; exports.isOnLastLine = isOnLastLine; exports.isComposingKey = isComposingKey; exports.NATIVE_INTERACTION = NATIVE_INTERACTION; exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect; exports.onBlock = onBlock; exports.createAutoScroll = createAutoScroll; exports.hostKey = hostKey; exports.regionInline = regionInline; exports.handleCopy = handleCopy; exports.ViewController = ViewController; exports.useViewController = useViewController; exports.useQuoinEditor = useQuoinEditor; exports.useBlockDomId = useBlockDomId; exports.useRegionDomId = useRegionDomId; exports.focusOwners = focusOwners; exports.SelectionSink = SelectionSink; exports.EditableRegion = EditableRegion; exports.TaskCheckbox = TaskCheckbox; exports.useOrderedNumber = useOrderedNumber; exports.useToggleOpen = useToggleOpen; exports.ToggleChevron = ToggleChevron; exports.defaultRenderers = defaultRenderers; exports.VoidBlockFallback = VoidBlockFallback; exports.BlockShell = BlockShell; exports.EditorView = EditorView;
-//# sourceMappingURL=chunk-GTTPVJSD.cjs.map
+
+exports.dispatchSelection = dispatchSelection; exports.wholeState = wholeState; exports.useEditorState = useEditorState; exports.useReadOnly = useReadOnly; exports.isCrossSelection = isCrossSelection; exports.NODE_ENTRY = NODE_ENTRY; exports.visibleBlockIndexes = visibleBlockIndexes; exports.drawnBlockCount = drawnBlockCount; exports.neighbourBlock = neighbourBlock; exports.moveToNeighbour = moveToNeighbour; exports.textDiff = textDiff; exports.domMapOf = domMapOf; exports.renderInline = renderInline; exports.domToPos = domToPos; exports.posToDom = posToDom; exports.caretFromPoint = caretFromPoint; exports.caretClientRect = caretClientRect; exports.lineEdgeRect = lineEdgeRect; exports.isOnFirstLine = isOnFirstLine; exports.isOnLastLine = isOnLastLine; exports.isComposingKey = isComposingKey; exports.NATIVE_INTERACTION = NATIVE_INTERACTION; exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect; exports.onBlock = onBlock; exports.listen = listen; exports.createAutoScroll = createAutoScroll; exports.hostKey = hostKey; exports.regionInline = regionInline; exports.handleCopy = handleCopy; exports.ViewController = ViewController; exports.useViewController = useViewController; exports.useQuoinEditor = useQuoinEditor; exports.useBlockDomId = useBlockDomId; exports.useRegionDomId = useRegionDomId; exports.focusOwners = focusOwners; exports.SelectionSink = SelectionSink; exports.EditableRegion = EditableRegion; exports.TaskCheckbox = TaskCheckbox; exports.useOrderedNumber = useOrderedNumber; exports.useToggleOpen = useToggleOpen; exports.ToggleChevron = ToggleChevron; exports.defaultRenderers = defaultRenderers; exports.VoidBlockFallback = VoidBlockFallback; exports.BlockShell = BlockShell; exports.EditorView = EditorView;
+//# sourceMappingURL=chunk-5M4QG3ZC.cjs.map