@ni/ok-components 1.10.0 → 1.10.2

package/dist/all-components-bundle.js

@@ -20872,18 +20872,27 @@ Defines an interaction area clip-path that leaves out the severity text so it is
     }
 
     .icon {
-        width: 48px;
-        display: flex;
-        justify-content: center;
-        margin-top: 8px;
+        display: none;
+        margin: 8px ${smallPadding} 0 ${standardPadding};
         flex: 0 0 auto;
         opacity: 0.6;
     }
 
+    :host([severity='error']) .icon,
+    :host([severity='warning']) .icon,
+    :host([severity='information']) .icon {
+        display: flex;
+    }
+
     .text {
         display: inline;
-        margin-top: 7px;
-        margin-bottom: 7px;
+        margin: 7px 0 7px ${standardPadding};
+    }
+
+    :host([severity='error']) .text,
+    :host([severity='warning']) .text,
+    :host([severity='information']) .text {
+        margin-left: 0;
     }
 
     slot[name='title'] {
@@ -20914,14 +20923,20 @@ Defines an interaction area clip-path that leaves out the severity text so it is
         white-space: nowrap;
     }
 
+    :host([prevent-dismiss]) slot[name='action'] {
+        margin-right: 12px;
+    }
+
     slot[name='action']::slotted(nimble-anchor) {
         font-size: 12.8px;
     }
 
     .dismiss {
-        width: 48px;
-        display: flex;
-        justify-content: center;
+        margin: 0 12px 0 ${standardPadding};
+    }
+
+    :host([prevent-dismiss]) .dismiss {
+        display: none;
     }
 `.withBehaviors(themeBehavior(Theme.light, css `
             :host {
@@ -29805,7 +29820,6 @@ so this becomes the fallback color for the slot */ ''}
           if (!type)
               throw new RangeError(`There is no mark type ${json.type} in this schema`);
           let mark = type.create(json.attrs);
-          type.checkAttrs(mark.attrs);
           return mark;
       }
       /**
@@ -30785,11 +30799,11 @@ so this becomes the fallback color for the slot */ ''}
       */
       check() {
           this.type.checkContent(this.content);
-          this.type.checkAttrs(this.attrs);
+          checkAttrs(this.type.attrs, this.attrs, "node", this.type.name);
           let copy = Mark$1.none;
           for (let i = 0; i < this.marks.length; i++) {
               let mark = this.marks[i];
-              mark.type.checkAttrs(mark.attrs);
+              checkAttrs(mark.type.attrs, mark.attrs, "mark", mark.type.name);
               copy = mark.addToSet(copy);
           }
           if (!Mark$1.sameSet(copy, this.marks))
@@ -30830,7 +30844,6 @@ so this becomes the fallback color for the slot */ ''}
           }
           let content = Fragment.fromJSON(schema, json.content);
           let node = schema.nodeType(json.type).create(json.attrs, content, marks);
-          node.type.checkAttrs(node.attrs);
           return node;
       }
   };
@@ -30880,6 +30893,15 @@ so this becomes the fallback color for the slot */ ''}
           str = marks[i].type.name + "(" + str + ")";
       return str;
   }
+  function checkAttrs(attrs, values, type, name) {
+      for (let attr in values)
+          if (!(attr in attrs))
+              throw new RangeError(`Unsupported attribute ${attr} for ${type} of type ${name}`);
+      for (let attr in attrs) {
+          if (attrs[attr].validate)
+              attrs[attr].validate(values[attr]);
+      }
+  }
 
   /**
   Instances of this class represent a match state of a node type's
@@ -31334,27 +31356,21 @@ so this becomes the fallback color for the slot */ ''}
   function computeAttrs(attrs, value) {
       let built = Object.create(null);
       for (let name in attrs) {
+          let attr = attrs[name];
           let given = value && value[name];
           if (given === undefined) {
-              let attr = attrs[name];
               if (attr.hasDefault)
                   given = attr.default;
               else
                   throw new RangeError("No value supplied for attribute " + name);
           }
+          else if (attr.validate) {
+              attr.validate(given);
+          }
           built[name] = given;
       }
       return built;
   }
-  function checkAttrs(attrs, values, type, name) {
-      for (let attr in values)
-          if (!(attr in attrs))
-              throw new RangeError(`Unsupported attribute ${attr} for ${type} of type ${name}`);
-      for (let attr in attrs) {
-          if (attrs[attr].validate)
-              attrs[attr].validate(values[attr]);
-      }
-  }
   function initAttrs(typeName, attrs) {
       let result = Object.create(null);
       if (attrs)
@@ -31526,11 +31542,9 @@ so this becomes the fallback color for the slot */ ''}
               throw new RangeError(`Invalid content for node ${this.name}: ${content.toString().slice(0, 50)}`);
       }
       /**
-      @internal
+      @internal no longer useful, but called by old prosemirror-view versions
       */
-      checkAttrs(attrs) {
-          checkAttrs(this.attrs, attrs, "node", this.name);
-      }
+      checkAttrs(attrs) { }
       /**
       Check whether the given mark type is allowed in this node.
       */
@@ -31677,12 +31691,6 @@ so this becomes the fallback color for the slot */ ''}
                   return set[i];
       }
       /**
-      @internal
-      */
-      checkAttrs(attrs) {
-          checkAttrs(this.attrs, attrs, "mark", this.name);
-      }
-      /**
       Queries whether a given mark type is
       [excluded](https://prosemirror.net/docs/ref/#model.MarkSpec.excludes) by this one.
       */
@@ -32873,9 +32881,12 @@ so this becomes the fallback color for the slot */ ''}
                   if (simple)
                       return result;
                   let recover = pos == (assoc < 0 ? start : end) ? null : makeRecover(i / 3, pos - start);
-                  let del = pos == start ? DEL_AFTER : pos == end ? DEL_BEFORE : DEL_ACROSS;
-                  if (assoc < 0 ? pos != start : pos != end)
-                      del |= DEL_SIDE;
+                  let del = 0;
+                  if (oldSize) {
+                      del |= pos == start ? DEL_AFTER : pos == end ? DEL_BEFORE : DEL_ACROSS;
+                      if (assoc < 0 ? pos != start : pos != end)
+                          del |= DEL_SIDE;
+                  }
                   return new MapResult(result, del, recover);
               }
               diff += newSize - oldSize;
@@ -36813,15 +36824,15 @@ so this becomes the fallback color for the slot */ ''}
               return true;
           if (off == (dir < 0 ? 0 : nodeSize(node))) {
               let parent = node.parentNode;
-              if (!parent || parent.nodeType != 1 || hasBlockDesc(node) || atomElements.test(node.nodeName) ||
+              if (!parent || !isElt(parent) || hasBlockDesc(node) || atomElements.test(node.nodeName) ||
                   node.contentEditable == "false")
                   return false;
               off = domIndex(node) + (dir < 0 ? 0 : 1);
               node = parent;
           }
-          else if (node.nodeType == 1) {
+          else if (isElt(node)) {
               let child = node.childNodes[off + (dir < 0 ? -1 : 0)];
-              if (child.nodeType == 1 && child.contentEditable == "false") {
+              if (isElt(child) && child.contentEditable == "false") {
                   if ((_a = child.pmViewDesc) === null || _a === void 0 ? void 0 : _a.ignoreForSelection)
                       off += dir;
                   else
@@ -36840,11 +36851,16 @@ so this becomes the fallback color for the slot */ ''}
   function nodeSize(node) {
       return node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length;
   }
+  function isElt(node) { return node.nodeType == 1; }
+  function isText(node) { return node.nodeType == 3; }
+  function contains(parent, child) {
+      return child ? parent.contains(isElt(child) ? child : child.parentNode) : false;
+  }
   function textNodeBefore$1(node, offset) {
       for (;;) {
-          if (node.nodeType == 3 && offset)
+          if (isText(node) && offset)
               return node;
-          if (node.nodeType == 1 && offset > 0) {
+          if (isElt(node) && offset > 0) {
               if (node.contentEditable == "false")
                   return null;
               node = node.childNodes[offset - 1];
@@ -36861,9 +36877,9 @@ so this becomes the fallback color for the slot */ ''}
   }
   function textNodeAfter$1(node, offset) {
       for (;;) {
-          if (node.nodeType == 3 && offset < node.nodeValue.length)
+          if (isText(node) && offset < node.nodeValue.length)
               return node;
-          if (node.nodeType == 1 && offset < node.childNodes.length) {
+          if (isElt(node) && offset < node.childNodes.length) {
               if (node.contentEditable == "false")
                   return null;
               node = node.childNodes[offset];
@@ -36987,13 +37003,12 @@ so this becomes the fallback color for the slot */ ''}
       for (let parent = startDOM || view.dom;;) {
           if (!parent)
               break;
-          if (parent.nodeType != 1) {
+          if (!isElt(parent)) {
               parent = parentNode(parent);
               continue;
           }
-          let elt = parent;
-          let atTop = elt == doc.body;
-          let bounding = atTop ? windowRect(doc) : clientRect(elt);
+          let atTop = parent == doc.body;
+          let bounding = atTop ? windowRect(doc) : clientRect(parent);
           let moveX = 0, moveY = 0;
           if (rect.top < bounding.top + getSide$1(scrollThreshold, "top"))
               moveY = -(bounding.top - rect.top + getSide$1(scrollMargin, "top"));
@@ -37010,12 +37025,12 @@ so this becomes the fallback color for the slot */ ''}
                   doc.defaultView.scrollBy(moveX, moveY);
               }
               else {
-                  let startX = elt.scrollLeft, startY = elt.scrollTop;
+                  let startX = parent.scrollLeft, startY = parent.scrollTop;
                   if (moveY)
-                      elt.scrollTop += moveY;
+                      parent.scrollTop += moveY;
                   if (moveX)
-                      elt.scrollLeft += moveX;
-                  let dX = elt.scrollLeft - startX, dY = elt.scrollTop - startY;
+                      parent.scrollLeft += moveX;
+                  let dX = parent.scrollLeft - startX, dY = parent.scrollTop - startY;
                   rect = { left: rect.left - dX, top: rect.top - dY, right: rect.right - dX, bottom: rect.bottom - dY };
               }
           }
@@ -37090,14 +37105,15 @@ so this becomes the fallback color for the slot */ ''}
       }
   }
   function findOffsetInNode(node, coords) {
-      let closest, dxClosest = 2e8, coordsClosest, offset = 0;
+      let closest;
+      let dxClosest = 2e8, coordsClosest, offset = 0;
       let rowBot = coords.top, rowTop = coords.top;
       let firstBelow, coordsBelow;
       for (let child = node.firstChild, childIndex = 0; child; child = child.nextSibling, childIndex++) {
           let rects;
-          if (child.nodeType == 1)
+          if (isElt(child))
               rects = child.getClientRects();
-          else if (child.nodeType == 3)
+          else if (isText(child))
               rects = textRange(child).getClientRects();
           else
               continue;
@@ -37111,11 +37127,11 @@ so this becomes the fallback color for the slot */ ''}
                   if (dx < dxClosest) {
                       closest = child;
                       dxClosest = dx;
-                      coordsClosest = dx && closest.nodeType == 3 ? {
+                      coordsClosest = dx && isText(closest) ? {
                           left: rect.right < coords.left ? rect.right : rect.left,
                           top: coords.top
                       } : coords;
-                      if (child.nodeType == 1 && dx)
+                      if (isElt(child) && dx)
                           offset = childIndex + (coords.left >= (rect.left + rect.right) / 2 ? 1 : 0);
                       continue;
                   }
@@ -37134,9 +37150,9 @@ so this becomes the fallback color for the slot */ ''}
           coordsClosest = coordsBelow;
           dxClosest = 0;
       }
-      if (closest && closest.nodeType == 3)
+      if (closest && isText(closest))
           return findOffsetInText(closest, coordsClosest);
-      if (!closest || (dxClosest && closest.nodeType == 1))
+      if (!closest || dxClosest)
           return { node, offset };
       return findOffsetInNode(closest, coordsClosest);
   }
@@ -37169,7 +37185,7 @@ so this becomes the fallback color for the slot */ ''}
   }
   function posFromElement(view, elt, coords) {
       let { node, offset } = findOffsetInNode(elt, coords), bias = -1;
-      if (node.nodeType == 1 && !node.firstChild) {
+      if (isElt(node) && !node.firstChild) {
           let rect = node.getBoundingClientRect();
           bias = rect.left != rect.right && coords.left > (rect.left + rect.right) / 2 ? 1 : -1;
       }
@@ -37189,7 +37205,7 @@ so this becomes the fallback color for the slot */ ''}
           let desc = view.docView.nearestDesc(cur, true), rect;
           if (!desc)
               return null;
-          if (desc.dom.nodeType == 1 && (desc.node.isBlock && desc.parent || !desc.contentDOM) &&
+          if (isElt(desc.dom) && (desc.node.isBlock && desc.parent || !desc.contentDOM) &&
               // Ignore elements with zero-size bounding rectangles
               ((rect = desc.dom.getBoundingClientRect()).width || rect.height)) {
               if (desc.node.isBlock && desc.parent && !/^T(R|BODY|HEAD|FOOT)$/.test(desc.dom.nodeName)) {
@@ -37216,7 +37232,7 @@ so this becomes the fallback color for the slot */ ''}
       if (len && box.top < box.bottom) {
           for (let startI = Math.max(0, Math.min(len - 1, Math.floor(len * (coords.top - box.top) / (box.bottom - box.top)) - 2)), i = startI;;) {
               let child = element.childNodes[i];
-              if (child.nodeType == 1) {
+              if (isElt(child)) {
                   let rects = child.getClientRects();
                   for (let j = 0; j < rects.length; j++) {
                       let rect = rects[j];
@@ -37239,7 +37255,7 @@ so this becomes the fallback color for the slot */ ''}
       let elt = (view.root.elementFromPoint ? view.root : doc)
           .elementFromPoint(coords.left, coords.top);
       let pos;
-      if (!elt || !view.dom.contains(elt.nodeType != 1 ? elt.parentNode : elt)) {
+      if (!elt || !view.dom.contains(elt)) {
           let box = view.dom.getBoundingClientRect();
           if (!inRect(coords, box))
               return null;
@@ -37255,7 +37271,7 @@ so this becomes the fallback color for the slot */ ''}
       }
       elt = targetKludge(elt, coords);
       if (node) {
-          if (gecko && node.nodeType == 1) {
+          if (gecko && isElt(node)) {
               // Firefox will sometimes return offsets into <input> nodes, which
               // have no actual children, from caretPositionFromPoint (#953)
               offset = Math.min(offset, node.childNodes.length);
@@ -37270,18 +37286,18 @@ so this becomes the fallback color for the slot */ ''}
           }
           let prev;
           // When clicking above the right side of an uneditable node, Chrome will report a cursor position after that node.
-          if (webkit && offset && node.nodeType == 1 && (prev = node.childNodes[offset - 1]).nodeType == 1 &&
+          if (webkit && offset && isElt(node) && isElt(prev = node.childNodes[offset - 1]) &&
               prev.contentEditable == "false" && prev.getBoundingClientRect().top >= coords.top)
               offset--;
           // Suspiciously specific kludge to work around caret*FromPoint
           // never returning a position at the end of the document
-          if (node == view.dom && offset == node.childNodes.length - 1 && node.lastChild.nodeType == 1 &&
+          if (node == view.dom && offset == node.childNodes.length - 1 && isElt(node.lastChild) &&
               coords.top > node.lastChild.getBoundingClientRect().bottom)
               pos = view.state.doc.content.size;
           // Ignore positions directly after a BR, since caret*FromPoint
           // 'round up' positions that would be more accurately placed
           // before the BR node.
-          else if (offset == 0 || node.nodeType != 1 || node.childNodes[offset - 1].nodeName != "BR")
+          else if (offset == 0 || !isElt(node) || node.childNodes[offset - 1].nodeName != "BR")
               pos = posFromCaret(view, node, offset, coords);
       }
       if (pos == null)
@@ -37307,7 +37323,7 @@ so this becomes the fallback color for the slot */ ''}
   function coordsAtPos(view, pos, side) {
       let { node, offset, atom } = view.docView.domFromPos(pos, side < 0 ? -1 : 1);
       let supportEmptyRange = webkit || gecko;
-      if (node.nodeType == 3) {
+      if (isText(node)) {
           // These browsers support querying empty text ranges. Prefer that in
           // bidi context or when at the end of a node.
           if (supportEmptyRange && (BIDI.test(node.nodeValue) || (side < 0 ? !offset : offset == node.nodeValue.length))) {
@@ -37349,12 +37365,12 @@ so this becomes the fallback color for the slot */ ''}
       if (!$dom.parent.inlineContent) {
           if (atom == null && offset && (side < 0 || offset == nodeSize(node))) {
               let before = node.childNodes[offset - 1];
-              if (before.nodeType == 1)
+              if (isElt(before))
                   return flattenH(before.getBoundingClientRect(), false);
           }
           if (atom == null && offset < nodeSize(node)) {
               let after = node.childNodes[offset];
-              if (after.nodeType == 1)
+              if (isElt(after))
                   return flattenH(after.getBoundingClientRect(), true);
           }
           return flattenH(node.getBoundingClientRect(), side >= 0);
@@ -37362,10 +37378,10 @@ so this becomes the fallback color for the slot */ ''}
       // Inline, not in text node (this is not Bidi-safe)
       if (atom == null && offset && (side < 0 || offset == nodeSize(node))) {
           let before = node.childNodes[offset - 1];
-          let target = before.nodeType == 3 ? textRange(before, nodeSize(before) - (supportEmptyRange ? 0 : 1))
+          let target = isText(before) ? textRange(before, nodeSize(before) - (supportEmptyRange ? 0 : 1))
               // BR nodes tend to only return the rectangle before them.
               // Only use them if they are the last element in their parent
-              : before.nodeType == 1 && (before.nodeName != "BR" || !before.nextSibling) ? before : null;
+              : isElt(before) && (before.nodeName != "BR" || !before.nextSibling) ? before : null;
           if (target)
               return flattenV(singleRect(target, 1), false);
       }
@@ -37373,13 +37389,13 @@ so this becomes the fallback color for the slot */ ''}
           let after = node.childNodes[offset];
           while (after.pmViewDesc && after.pmViewDesc.ignoreForCoords)
               after = after.nextSibling;
-          let target = !after ? null : after.nodeType == 3 ? textRange(after, 0, (supportEmptyRange ? 0 : 1))
-              : after.nodeType == 1 ? after : null;
+          let target = !after ? null : isText(after) ? textRange(after, 0, (supportEmptyRange ? 0 : 1))
+              : isElt(after) ? after : null;
           if (target)
               return flattenV(singleRect(target, -1), true);
       }
       // All else failed, just try to get a rectangle for the target node
-      return flattenV(singleRect(node.nodeType == 3 ? textRange(node) : node, -side), side >= 0);
+      return flattenV(singleRect(isText(node) ? textRange(node) : node, -side), side >= 0);
   }
   function flattenV(rect, left) {
       if (rect.width == 0)
@@ -37429,9 +37445,9 @@ so this becomes the fallback color for the slot */ ''}
           let coords = coordsAtPos(view, $pos.pos, 1);
           for (let child = dom.firstChild; child; child = child.nextSibling) {
               let boxes;
-              if (child.nodeType == 1)
+              if (isElt(child))
                   boxes = child.getClientRects();
-              else if (child.nodeType == 3)
+              else if (isText(child))
                   boxes = textRange(child, 0, child.nodeValue.length).getClientRects();
               else
                   continue;
@@ -37471,8 +37487,7 @@ so this becomes the fallback color for the slot */ ''}
           sel.modify("move", dir, "character");
           let parentDOM = $head.depth ? view.docView.domAfterPos($head.before()) : view.dom;
           let { focusNode: newNode, focusOffset: newOff } = view.domSelectionRange();
-          let result = newNode && !parentDOM.contains(newNode.nodeType == 1 ? newNode : newNode.parentNode) ||
-              (oldNode == newNode && oldOff == newOff);
+          let result = newNode && !contains(parentDOM, newNode) || (oldNode == newNode && oldOff == newOff);
           // Restore the previous selection
           try {
               sel.collapse(anchorNode, anchorOffset);
@@ -37580,7 +37595,7 @@ so this becomes the fallback color for the slot */ ''}
       localPosFromDOM(dom, offset, bias) {
           // If the DOM position is in the content, use the child desc after
           // it to figure out a position.
-          if (this.contentDOM && this.contentDOM.contains(dom.nodeType == 1 ? dom : dom.parentNode)) {
+          if (this.contentDOM && contains(this.contentDOM, dom)) {
               if (bias < 0) {
                   let domBefore, desc;
                   if (dom == this.contentDOM) {
@@ -37618,7 +37633,7 @@ so this becomes the fallback color for the slot */ ''}
               atEnd = offset > domIndex(this.contentDOM);
           }
           else if (this.contentDOM && this.contentDOM != this.dom && this.dom.contains(this.contentDOM)) {
-              atEnd = dom.compareDocumentPosition(this.contentDOM) & 2;
+              atEnd = !!(dom.compareDocumentPosition(this.contentDOM) & 4);
           }
           else if (this.dom.firstChild) {
               if (offset == 0)
@@ -37648,7 +37663,7 @@ so this becomes the fallback color for the slot */ ''}
               if (desc && (!onlyNodes || desc.node)) {
                   // If dom is outside of this desc's nodeDOM, don't count it.
                   if (first && (nodeDOM = desc.nodeDOM) &&
-                      !(nodeDOM.nodeType == 1 ? nodeDOM.contains(dom.nodeType == 1 ? dom : dom.parentNode) : nodeDOM == dom))
+                      !(isElt(nodeDOM) ? contains(nodeDOM, dom) : nodeDOM == dom))
                       first = false;
                   else
                       return desc;
@@ -37698,7 +37713,7 @@ so this becomes the fallback color for the slot */ ''}
           let i = 0, offset = 0;
           for (let curPos = 0; i < this.children.length; i++) {
               let child = this.children[i], end = curPos + child.size;
-              if (end > pos || child instanceof TrailingHackViewDesc) {
+              if (end > pos) {
                   offset = pos - curPos;
                   break;
               }
@@ -37708,7 +37723,11 @@ so this becomes the fallback color for the slot */ ''}
           if (offset)
               return this.children[i].domFromPos(offset - this.children[i].border, side);
           // Go back if there were any zero-length widgets with side >= 0 before this point
-          for (let prev; i && !(prev = this.children[i - 1]).size && prev instanceof WidgetViewDesc && prev.side >= 0; i--) { }
+          for (; i > 0; i--) {
+              let prev = this.children[i - 1];
+              if (prev.size || !(prev instanceof BufferHackViewDesc || prev instanceof WidgetViewDesc && prev.side >= 0))
+                  break;
+          }
           // Scan towards the first useable node
           if (side <= 0) {
               let prev, enter = true;
@@ -37785,7 +37804,7 @@ so this becomes the fallback color for the slot */ ''}
       }
       domAfterPos(pos) {
           let { node, offset } = this.domFromPos(pos, 0);
-          if (node.nodeType != 1 || offset == node.childNodes.length)
+          if (!isElt(node) || offset == node.childNodes.length)
               throw new RangeError("No node after pos " + pos);
           return node.childNodes[offset];
       }
@@ -37814,7 +37833,7 @@ so this becomes the fallback color for the slot */ ''}
           // reported position in such situations (#1092).
           if ((gecko || safari) && anchor == head) {
               let { node, offset } = anchorDOM;
-              if (node.nodeType == 3) {
+              if (isText(node)) {
                   brKludge = !!(offset && node.nodeValue[offset - 1] == "\n");
                   // Issue #1128
                   if (brKludge && offset == node.nodeValue.length) {
@@ -37837,7 +37856,7 @@ so this becomes the fallback color for the slot */ ''}
           }
           // Firefox can act strangely when the selection is in front of an
           // uneditable node. See #1163 and https://bugzilla.mozilla.org/show_bug.cgi?id=1709536
-          if (gecko && selRange.focusNode && selRange.focusNode != headDOM.node && selRange.focusNode.nodeType == 1) {
+          if (gecko && selRange.focusNode && selRange.focusNode != headDOM.node && isElt(selRange.focusNode)) {
               let after = selRange.focusNode.childNodes[selRange.focusOffset];
               if (after && after.contentEditable == "false")
                   force = true;
@@ -37936,14 +37955,12 @@ so this becomes the fallback color for the slot */ ''}
                       return self.parent.posBeforeChild(self);
               });
           if (!widget.type.spec.raw) {
-              if (dom.nodeType != 1) {
-                  let wrap = document.createElement("span");
-                  wrap.appendChild(dom);
-                  dom = wrap;
-              }
-              if (!dom.hasAttribute("contenteditable"))
-                  dom.contentEditable = "false";
-              dom.classList.add("ProseMirror-widget");
+              let elt = isElt(dom) ? dom : document.createElement("span");
+              if (elt != dom)
+                  elt.appendChild(dom);
+              if (!elt.hasAttribute("contenteditable"))
+                  elt.contentEditable = "false";
+              elt.classList.add("ProseMirror-widget");
           }
           super(parent, [], dom, null);
           this.widget = widget;
@@ -38079,7 +38096,7 @@ so this becomes the fallback color for the slot */ ''}
           if (node.isText) {
               if (!dom)
                   dom = document.createTextNode(node.text);
-              else if (dom.nodeType != 3)
+              else if (!isText(dom))
                   throw new RangeError("Text must be rendered as a DOM text node");
           }
           else if (!dom) {
@@ -38131,7 +38148,7 @@ so this becomes the fallback color for the slot */ ''}
               }
               if (!rule.contentElement) {
                   let found = addedNodes &&
-                      addedNodes.find(n => n.nodeType == 1 && addedNodes.indexOf(n.parentNode) < 0 && this.dom.contains(n));
+                      addedNodes.find(n => isElt(n) && addedNodes.indexOf(n.parentNode) < 0 && this.dom.contains(n));
                   if (found)
                       rule.contentElement = found;
                   else
@@ -38156,6 +38173,7 @@ so this becomes the fallback color for the slot */ ''}
           let localComposition = composition && composition.pos > -1 ? composition : null;
           let compositionInChild = composition && composition.pos < 0;
           let updater = new ViewTreeUpdater(this, localComposition && localComposition.node, view);
+          let addBuffers = this.node.inlineContent, atBufferPos = addBuffers && this.node.isBlock;
           iterDeco(this.node, this.innerDeco, (widget, i, insideNode) => {
               if (widget.spec.marks)
                   updater.syncToMarks(widget.spec.marks, inline, view, i);
@@ -38167,6 +38185,8 @@ so this becomes the fallback color for the slot */ ''}
           }, (child, outerDeco, innerDeco, i) => {
               // Make sure the wrapping mark descs match the node's marks.
               updater.syncToMarks(child.marks, inline, view, i);
+              if (atBufferPos && child.isAtom && !child.isText)
+                  updater.addHackNode("IMG", updater.top);
               // Try several strategies for drawing this node
               let compIndex;
               if (updater.findNodeMatch(child, outerDeco, innerDeco, i)) ;
@@ -38180,6 +38200,8 @@ so this becomes the fallback color for the slot */ ''}
                   updater.addNode(child, outerDeco, innerDeco, view, off);
               }
               off += child.nodeSize;
+              if (addBuffers)
+                  atBufferPos = child.isAtom && !child.isText;
           });
           // Drop all remaining descs after the current position.
           updater.syncToMarks([], inline, view, 0);
@@ -38258,7 +38280,7 @@ so this becomes the fallback color for the slot */ ''}
       updateOuterDeco(outerDeco) {
           if (sameOuterDeco(outerDeco, this.outerDeco))
               return;
-          let needsWrap = this.nodeDOM.nodeType != 1;
+          let needsWrap = !isElt(this.nodeDOM);
           let oldDOM = this.dom;
           this.dom = patchOuterDeco(this.dom, this.nodeDOM, computeOuterDeco(this.outerDeco, this.node, needsWrap), computeOuterDeco(outerDeco, this.node, needsWrap));
           if (this.dom != oldDOM) {
@@ -38269,7 +38291,7 @@ so this becomes the fallback color for the slot */ ''}
       }
       // Mark this node as being the selected node.
       selectNode() {
-          if (this.nodeDOM.nodeType == 1) {
+          if (isElt(this.nodeDOM)) {
               this.nodeDOM.classList.add("ProseMirror-selectednode");
               if (this.contentDOM || !this.node.type.spec.draggable)
                   this.nodeDOM.draggable = true;
@@ -38277,7 +38299,7 @@ so this becomes the fallback color for the slot */ ''}
       }
       // Remove selected node marking from this node.
       deselectNode() {
-          if (this.nodeDOM.nodeType == 1) {
+          if (isElt(this.nodeDOM)) {
               this.nodeDOM.classList.remove("ProseMirror-selectednode");
               if (this.contentDOM || !this.node.type.spec.draggable)
                   this.nodeDOM.removeAttribute("draggable");
@@ -38348,9 +38370,9 @@ so this becomes the fallback color for the slot */ ''}
       get domAtom() { return false; }
       isText(text) { return this.node.text == text; }
   }
-  // A dummy desc used to tag trailing BR or IMG nodes created to work
+  // A dummy desc used to tag extra BR or IMG nodes created to work
   // around contentEditable terribleness.
-  class TrailingHackViewDesc extends ViewDesc {
+  class BufferHackViewDesc extends ViewDesc {
       parseRule() { return { ignore: true }; }
       matchesHack(nodeName) { return this.dirty == NOT_DIRTY && this.dom.nodeName == nodeName; }
       get domAtom() { return true; }
@@ -38523,7 +38545,7 @@ so this becomes the fallback color for the slot */ ''}
       }
   }
   function applyOuterDeco(dom, deco, node) {
-      return patchOuterDeco(dom, dom, noDeco, computeOuterDeco(deco, node, dom.nodeType != 1));
+      return patchOuterDeco(dom, dom, noDeco, computeOuterDeco(deco, node, !isElt(dom)));
   }
   function sameOuterDeco(a, b) {
       if (a.length != b.length)
@@ -38786,7 +38808,7 @@ so this becomes the fallback color for the slot */ ''}
               }
               if (nodeName == "BR")
                   dom.className = "ProseMirror-trailingBreak";
-              let hack = new TrailingHackViewDesc(this.top, [], dom, null);
+              let hack = new BufferHackViewDesc(this.top, [], dom, null);
               if (parent != this.top)
                   parent.children.push(hack);
               else
@@ -38795,7 +38817,7 @@ so this becomes the fallback color for the slot */ ''}
           }
       }
       isLocked(node) {
-          return this.lock && (node == this.lock || node.nodeType == 1 && node.contains(this.lock.parentNode));
+          return this.lock && (node == this.lock || isElt(node) && node.contains(this.lock.parentNode));
       }
   }
   // Iterate from the end of the fragment and array of descs to find
@@ -38997,12 +39019,27 @@ so this becomes the fallback color for the slot */ ''}
           anchor = head;
           while (nearestDesc && !nearestDesc.node)
               nearestDesc = nearestDesc.parent;
-          let nearestDescNode = nearestDesc.node;
-          if (nearestDesc && nearestDescNode.isAtom && NodeSelection.isSelectable(nearestDescNode) && nearestDesc.parent
-              && !(nearestDescNode.isInline && isOnEdge(domSel.focusNode, domSel.focusOffset, nearestDesc.dom))) {
+          if (nearestDesc && nearestDesc.node.isAtom && NodeSelection.isSelectable(nearestDesc.node) &&
+              nearestDesc.parent &&
+              !(nearestDesc.node.isInline && isOnEdge(domSel.focusNode, domSel.focusOffset, nearestDesc.dom))) {
               let pos = nearestDesc.posBefore;
               selection = new NodeSelection(head == pos ? $head : doc.resolve(pos));
           }
+          else if (gecko && origin == "key" && head > view.state.selection.to &&
+              isElt(domSel.focusNode) && domSel.focusOffset == domSel.focusNode.childNodes.length &&
+              nearestDesc && nearestDesc.posAtStart > view.state.selection.to) {
+              // Firefox will jump across scrollable wrapper nodes on keyboard
+              // cursor motion (#1594). This tries to detect this situation
+              // and work around it.
+              for (let scan = domSel.focusNode;; scan = scan.parentNode) {
+                  if (getComputedStyle(scan).overflow != "visible") {
+                      selection = Selection$2.findFrom(doc.resolve(nearestDesc.posAtStart), 1);
+                      break;
+                  }
+                  if (scan == nearestDesc.dom || scan.nextSibling || !scan.parentNode || !isElt(scan.parentNode))
+                      break;
+              }
+          }
       }
       else {
           if (domSel instanceof view.dom.ownerDocument.defaultView.Selection && domSel.rangeCount > 1) {
@@ -39188,8 +39225,7 @@ so this becomes the fallback color for the slot */ ''}
           // Firefox will raise 'permission denied' errors when accessing
           // properties of `sel.anchorNode` when it's in a generated CSS
           // element.
-          return view.dom.contains(sel.anchorNode.nodeType == 3 ? sel.anchorNode.parentNode : sel.anchorNode) &&
-              (view.editable || view.dom.contains(sel.focusNode.nodeType == 3 ? sel.focusNode.parentNode : sel.focusNode));
+          return contains(view.dom, sel.anchorNode) && (view.editable || contains(view.dom, sel.focusNode));
       }
       catch (_) {
           return false;
@@ -39240,15 +39276,14 @@ so this becomes the fallback color for the slot */ ''}
               if (NodeSelection.isSelectable(node)) {
                   return apply(view, new NodeSelection(dir < 0 ? view.state.doc.resolve($head.pos - node.nodeSize) : $head));
               }
-              else if (webkit) {
+              else {
                   // Chrome and Safari will introduce extra pointless cursor
-                  // positions around inline uneditable nodes, so we have to
-                  // take over and move the cursor past them (#937)
+                  // positions around inline uneditable nodes (#937), and
+                  // Firefox will sometimes just plain refuse to move across
+                  // them (#1592), so in this situation we move the cursor
+                  // ourselves.
                   return apply(view, new TextSelection(view.state.doc.resolve(dir < 0 ? nodePos : nodePos + node.nodeSize)));
               }
-              else {
-                  return false;
-              }
           }
       }
       else if (sel instanceof NodeSelection && sel.node.isInline) {
@@ -39261,12 +39296,10 @@ so this becomes the fallback color for the slot */ ''}
           return false;
       }
   }
-  function nodeLen(node) {
-      return node.nodeType == 3 ? node.nodeValue.length : node.childNodes.length;
-  }
   function isIgnorable(dom, dir) {
       let desc = dom.pmViewDesc;
-      return desc && desc.size == 0 && (dir < 0 || dom.nextSibling || dom.nodeName != "BR");
+      return desc ? desc.size == 0 && (dir < 0 || dom.nextSibling || dom.nodeName != "BR")
+          : isElt(dom) && dom.contentEditable == "false";
   }
   function skipIgnoredNodes(view, dir) {
       return dir < 0 ? skipIgnoredNodesBefore(view) : skipIgnoredNodesAfter(view);
@@ -39282,25 +39315,23 @@ so this becomes the fallback color for the slot */ ''}
       // Gecko will do odd things when the selection is directly in front
       // of a non-editable node, so in that case, move it into the next
       // node if possible. Issue prosemirror/prosemirror#832.
-      if (gecko && node.nodeType == 1 && offset < nodeLen(node) && isIgnorable(node.childNodes[offset], -1))
+      if (gecko && isElt(node) && offset < nodeSize(node) && isIgnorable(node.childNodes[offset], -1))
           force = true;
       for (;;) {
           if (offset > 0) {
-              if (node.nodeType != 1) {
+              if (!isElt(node))
                   break;
+              let before = node.childNodes[offset - 1];
+              if (isIgnorable(before, -1)) {
+                  moveNode = node;
+                  moveOffset = --offset;
+              }
+              else if (isText(before)) {
+                  node = before;
+                  offset = node.nodeValue.length;
               }
               else {
-                  let before = node.childNodes[offset - 1];
-                  if (isIgnorable(before, -1)) {
-                      moveNode = node;
-                      moveOffset = --offset;
-                  }
-                  else if (before.nodeType == 3) {
-                      node = before;
-                      offset = node.nodeValue.length;
-                  }
-                  else
-                      break;
+                  break;
               }
           }
           else if (isBlockNode(node)) {
@@ -39321,7 +39352,7 @@ so this becomes the fallback color for the slot */ ''}
               }
               else {
                   node = prev;
-                  offset = nodeLen(node);
+                  offset = nodeSize(node);
               }
           }
       }
@@ -39337,19 +39368,20 @@ so this becomes the fallback color for the slot */ ''}
       let node = sel.focusNode, offset = sel.focusOffset;
       if (!node)
           return;
-      let len = nodeLen(node);
+      let len = nodeSize(node);
       let moveNode, moveOffset;
       for (;;) {
           if (offset < len) {
-              if (node.nodeType != 1)
+              if (!isElt(node))
                   break;
               let after = node.childNodes[offset];
               if (isIgnorable(after, 1)) {
                   moveNode = node;
                   moveOffset = ++offset;
               }
-              else
+              else {
                   break;
+              }
           }
           else if (isBlockNode(node)) {
               break;
@@ -39370,7 +39402,7 @@ so this becomes the fallback color for the slot */ ''}
               else {
                   node = next;
                   offset = 0;
-                  len = nodeLen(node);
+                  len = nodeSize(node);
               }
           }
       }
@@ -39388,9 +39420,9 @@ so this becomes the fallback color for the slot */ ''}
       }
       while (node && offset < node.childNodes.length) {
           let next = node.childNodes[offset];
-          if (next.nodeType == 3)
+          if (isText(next))
               return next;
-          if (next.nodeType == 1 && next.contentEditable == "false")
+          if (isElt(next) && next.contentEditable == "false")
               break;
           node = next;
           offset = 0;
@@ -39403,16 +39435,16 @@ so this becomes the fallback color for the slot */ ''}
       }
       while (node && offset) {
           let next = node.childNodes[offset - 1];
-          if (next.nodeType == 3)
+          if (isText(next))
               return next;
-          if (next.nodeType == 1 && next.contentEditable == "false")
+          if (isElt(next) && next.contentEditable == "false")
               break;
           node = next;
           offset = node.childNodes.length;
       }
   }
   function setSelFocus(view, node, offset) {
-      if (node.nodeType != 3) {
+      if (!isText(node)) {
           let before, after;
           if (after = textNodeAfter(node, offset)) {
               node = after;
@@ -39522,8 +39554,8 @@ so this becomes the fallback color for the slot */ ''}
       if (!safari || view.state.selection.$head.parentOffset > 0)
           return false;
       let { focusNode, focusOffset } = view.domSelectionRange();
-      if (focusNode && focusNode.nodeType == 1 && focusOffset == 0 &&
-          focusNode.firstChild && focusNode.firstChild.contentEditable == "false") {
+      if (focusNode && isElt(focusNode) && focusOffset == 0 &&
+          focusNode.firstChild && isElt(focusNode.firstChild) && focusNode.firstChild.contentEditable == "false") {
           let child = focusNode.firstChild;
           switchEditable(view, child, "true");
           setTimeout(() => switchEditable(view, child, "false"), 20);
@@ -39594,7 +39626,7 @@ so this becomes the fallback color for the slot */ ''}
       let doc = detachedDoc(), wrap = doc.createElement("div");
       wrap.appendChild(serializer.serializeFragment(content, { document: doc }));
       let firstChild = wrap.firstChild, needsWrap, wrappers = 0;
-      while (firstChild && firstChild.nodeType == 1 && (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
+      while (firstChild && isElt(firstChild) && (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
           for (let i = needsWrap.length - 1; i >= 0; i--) {
               let wrapper = doc.createElement(needsWrap[i]);
               while (wrap.firstChild)
@@ -39604,7 +39636,7 @@ so this becomes the fallback color for the slot */ ''}
           }
           firstChild = wrap.firstChild;
       }
-      if (firstChild && firstChild.nodeType == 1)
+      if (firstChild && isElt(firstChild))
           firstChild.setAttribute("data-pm-slice", `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ""} ${JSON.stringify(context)}`);
       let text = view.someProp("clipboardTextSerializer", f => f(slice, view)) ||
           slice.content.textBetween(0, slice.content.size, "\n\n");
@@ -39650,7 +39682,7 @@ so this becomes the fallback color for the slot */ ''}
       if (sliceData && sliceData[3])
           for (let i = +sliceData[3]; i > 0; i--) {
               let child = dom.firstChild;
-              while (child && child.nodeType != 1)
+              while (child && !isElt(child))
                   child = child.nextSibling;
               if (!child)
                   break;
@@ -39855,12 +39887,11 @@ so this becomes the fallback color for the slot */ ''}
           if (!type || type.hasRequiredAttrs())
               break;
           try {
-              type.checkAttrs(array[i + 1]);
+              content = Fragment.from(type.create(array[i + 1], content));
           }
           catch (e) {
               break;
           }
-          content = Fragment.from(type.create(array[i + 1], content));
           openStart++;
           openEnd++;
       }
@@ -40192,7 +40223,7 @@ so this becomes the fallback color for the slot */ ''}
           }
           const target = flushed ? null : event.target;
           const targetDesc = target ? view.docView.nearestDesc(target, true) : null;
-          this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
+          this.target = targetDesc && isElt(targetDesc.nodeDOM) ? targetDesc.nodeDOM : null;
           let { selection } = view.state;
           if (event.button == 0 &&
               (targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false ||
@@ -40340,7 +40371,7 @@ so this becomes the fallback color for the slot */ ''}
       if (!view.composing) {
           view.domObserver.flush();
           let { state } = view, $pos = state.selection.$to;
-          if (state.selection instanceof TextSelection &&
+          if (state.selection instanceof TextSelection && state.selection.empty &&
               (state.storedMarks ||
                   (!$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some(m => m.type.spec.inclusive === false)) ||
                   chrome && windows$1 && selectionBeforeUneditable(view))) { // Issue #1500
@@ -40356,11 +40387,11 @@ so this becomes the fallback color for the slot */ ''}
               // inside if necessary.
               if (gecko && state.selection.empty && $pos.parentOffset && !$pos.textOffset && $pos.nodeBefore.marks.length) {
                   let sel = view.domSelectionRange();
-                  for (let node = sel.focusNode, offset = sel.focusOffset; node && node.nodeType == 1 && offset != 0;) {
+                  for (let node = sel.focusNode, offset = sel.focusOffset; node && isElt(node) && offset != 0;) {
                       let before = offset < 0 ? node.lastChild : node.childNodes[offset - 1];
                       if (!before)
                           break;
-                      if (before.nodeType == 3) {
+                      if (isText(before)) {
                           let sel = view.domSelection();
                           if (sel)
                               sel.collapse(before, before.nodeValue.length);
@@ -40379,10 +40410,10 @@ so this becomes the fallback color for the slot */ ''}
   };
   function selectionBeforeUneditable(view) {
       let { focusNode, focusOffset } = view.domSelectionRange();
-      if (!focusNode || focusNode.nodeType != 1 || focusOffset >= focusNode.childNodes.length)
+      if (!focusNode || !isElt(focusNode) || focusOffset >= focusNode.childNodes.length)
           return false;
       let next = focusNode.childNodes[focusOffset];
-      return next.nodeType == 1 && next.contentEditable == "false";
+      return isElt(next) && next.contentEditable == "false";
   }
   editHandlers.compositionend = (view, event) => {
       if (view.composing) {
@@ -40584,7 +40615,7 @@ so this becomes the fallback color for the slot */ ''}
       else if (mouseDown && mouseDown.mightDrag) {
           node = NodeSelection.create(view.state.doc, mouseDown.mightDrag.pos);
       }
-      else if (event.target && event.target.nodeType == 1) {
+      else if (event.target && isElt(event.target)) {
           let desc = view.docView.nearestDesc(event.target, true);
           if (desc && desc.node.type.spec.draggable && desc != view.docView)
               node = NodeSelection.create(view.state.doc, desc.posBefore);
@@ -41555,7 +41586,7 @@ so this becomes the fallback color for the slot */ ''}
           let desc = container && this.view.docView.nearestDesc(container);
           if (desc && desc.ignoreMutation({
               type: "selection",
-              target: container.nodeType == 3 ? container.parentNode : container
+              target: isText(container) ? container.parentNode : container
           })) {
               this.setCurSelection();
               return true;
@@ -41597,7 +41628,7 @@ so this becomes the fallback color for the slot */ ''}
               for (let node of added)
                   if (node.nodeName == "BR" && node.parentNode) {
                       let after = node.nextSibling;
-                      while (after && after.nodeType == 1) {
+                      while (after && isElt(after)) {
                           if (after.contentEditable == "false") {
                               node.parentNode.removeChild(node);
                               break;
@@ -41670,7 +41701,7 @@ so this becomes the fallback color for the slot */ ''}
               for (let i = 0; i < mut.addedNodes.length; i++) {
                   let node = mut.addedNodes[i];
                   added.push(node);
-                  if (node.nodeType == 3)
+                  if (isText(node))
                       this.lastChangedTextNode = node;
               }
               if (desc.contentDOM && desc.contentDOM != desc.dom && !desc.contentDOM.contains(mut.target))
@@ -41785,8 +41816,7 @@ so this becomes the fallback color for the slot */ ''}
                   let parent = nextCell;
                   for (;;) {
                       let first = parent.firstChild;
-                      if (!first || first.nodeType != 1 || first.contentEditable == "false" ||
-                          /^(BR|IMG)$/.test(first.nodeName))
+                      if (!first || !isElt(first) || first.contentEditable == "false" || /^(BR|IMG)$/.test(first.nodeName))
                           break;
                       parent = first;
                   }
@@ -41811,7 +41841,7 @@ so this becomes the fallback color for the slot */ ''}
       let domSel = view.domSelectionRange();
       let find;
       let anchor = domSel.anchorNode;
-      if (anchor && view.dom.contains(anchor.nodeType == 1 ? anchor : anchor.parentNode)) {
+      if (anchor && contains(view.dom, anchor)) {
           find = [{ node: anchor, offset: domSel.anchorOffset }];
           if (!selectionCollapsed(domSel))
               find.push({ node: domSel.focusNode, offset: domSel.focusOffset });
@@ -41919,7 +41949,7 @@ so this becomes the fallback color for the slot */ ''}
       if (change)
           view.input.domChangeCount++;
       if ((ios && view.input.lastIOSEnter > Date.now() - 225 || android) &&
-          addedNodes.some(n => n.nodeType == 1 && !isInline.test(n.nodeName)) &&
+          addedNodes.some(n => isElt(n) && !isInline.test(n.nodeName)) &&
           (!change || change.endA >= change.endB) &&
           view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
           view.input.lastIOSEnter = 0;
@@ -41977,9 +42007,7 @@ so this becomes the fallback color for the slot */ ''}
       // as being an iOS enter press), just dispatch an Enter key instead.
       if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
           (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-          (!inlineChange && $from.pos < parse.doc.content.size &&
-              (!$from.sameParent($to) || !$from.parent.inlineContent) &&
-              $from.pos < $to.pos && !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")))) &&
+          (!inlineChange && looksLikeEnter(parse.doc, $from.pos, $to.pos))) &&
           view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
           view.input.lastIOSEnter = 0;
           return;
@@ -42130,6 +42158,16 @@ so this becomes the fallback color for the slot */ ''}
       // The fragments after the join point must match
       return $newStart.parent.content.cut($newStart.parentOffset).eq($next.parent.content);
   }
+  function looksLikeEnter(content, from, to) {
+      let newTextlines = 0, newLeaves = 0;
+      content.nodesBetween(from, to, (node, pos) => {
+          if (node.isTextblock && pos >= from && pos < to)
+              newTextlines++;
+          else if (node.isText ? /\S/.test(node.text.slice(Math.max(0, from - pos), Math.min(node.nodeSize, to - pos))) : node.isLeaf)
+              newLeaves++;
+      });
+      return newLeaves == 0 && newTextlines == 1;
+  }
   function skipClosingAndOpening($pos, fromEnd, mayOpen) {
       let depth = $pos.depth, end = fromEnd ? $pos.end() : $pos.pos;
       while (depth > 0 && (fromEnd || $pos.indexAfter(depth) == $pos.node(depth).childCount)) {
@@ -42390,11 +42428,11 @@ so this becomes the fallback color for the slot */ ''}
       */
       scrollToSelection() {
           let startDOM = this.domSelectionRange().focusNode;
-          if (!startDOM || !this.dom.contains(startDOM.nodeType == 1 ? startDOM : startDOM.parentNode)) ;
+          if (!startDOM || !contains(this.dom, startDOM)) ;
           else if (this.someProp("handleScrollToSelection", f => f(this))) ;
           else if (this.state.selection instanceof NodeSelection) {
               let target = this.docView.domAfterPos(this.state.selection.from);
-              if (target.nodeType == 1)
+              if (isElt(target))
                   scrollRectIntoView(this, target.getBoundingClientRect(), startDOM);
           }
           else {
@@ -42659,7 +42697,7 @@ so this becomes the fallback color for the slot */ ''}
       @internal
       */
       domSelectionRange() {
-          let sel = this.domSelection();
+          let sel = this.dom.isConnected !== false && this.domSelection();
           if (!sel)
               return { focusNode: null, focusOffset: 0, anchorNode: null, anchorOffset: 0 };
           return safari && this.root.nodeType === 11 &&
@@ -42990,382 +43028,1013 @@ so this becomes the fallback color for the slot */ ''}
       };
   }
 
-  //#region src/helpers/createChainableState.ts
-  /**
-  * Takes a Transaction & Editor State and turns it into a chainable state object
-  * @param config The transaction and state to create the chainable state from
-  * @returns A chainable Editor state object
-  */
-  function createChainableState(config) {
-  	const { state, transaction } = config;
-  	let { selection } = transaction;
-  	let { doc } = transaction;
-  	let { storedMarks } = transaction;
-  	return {
-  		...state,
-  		apply: state.apply.bind(state),
-  		applyTransaction: state.applyTransaction.bind(state),
-  		plugins: state.plugins,
-  		schema: state.schema,
-  		reconfigure: state.reconfigure.bind(state),
-  		toJSON: state.toJSON.bind(state),
-  		get storedMarks() {
-  			return storedMarks;
-  		},
-  		get selection() {
-  			return selection;
-  		},
-  		get doc() {
-  			return doc;
-  		},
-  		get tr() {
-  			selection = transaction.selection;
-  			doc = transaction.doc;
-  			storedMarks = transaction.storedMarks;
-  			return transaction;
-  		}
-  	};
-  }
-  //#endregion
-  //#region src/CommandManager.ts
-  var CommandManager = class CommandManager {
-  	constructor(props) {
-  		this.editor = props.editor;
-  		this.rawCommands = this.editor.extensionManager.commands;
-  		this.customState = props.state;
-  	}
-  	get hasCustomState() {
-  		return !!this.customState;
-  	}
-  	get state() {
-  		return this.customState || this.editor.state;
-  	}
-  	get commands() {
-  		const { rawCommands, editor, state } = this;
-  		const { view } = editor;
-  		const { tr } = state;
-  		const props = this.buildProps(tr);
-  		return Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
-  			const method = (...args) => {
-  				const callback = command(...args)(props);
-  				if (!tr.getMeta("preventDispatch") && !this.hasCustomState) view.dispatch(tr);
-  				return callback;
-  			};
-  			return [name, method];
-  		}));
-  	}
-  	get chain() {
-  		return () => this.createChain();
-  	}
-  	get can() {
-  		return () => this.createCan();
-  	}
-  	createChain(startTr, shouldDispatch = true) {
-  		const { rawCommands, editor, state } = this;
-  		const { view } = editor;
-  		const callbacks = [];
-  		const hasStartTransaction = !!startTr;
-  		const tr = startTr || state.tr;
-  		const run = () => {
-  			if (!hasStartTransaction && shouldDispatch && !tr.getMeta("preventDispatch") && !this.hasCustomState) view.dispatch(tr);
-  			return callbacks.every((callback) => callback === true);
-  		};
-  		const chain = {
-  			...Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
-  				const chainedCommand = (...args) => {
-  					const props = this.buildProps(tr, shouldDispatch);
-  					const callback = command(...args)(props);
-  					callbacks.push(callback);
-  					return chain;
-  				};
-  				return [name, chainedCommand];
-  			})),
-  			run
-  		};
-  		return chain;
-  	}
-  	/**
-  	* Creates a chain that safely returns `false` when run.
-  	* @returns A non-dispatching command chain.
-  	* @example
-  	* const chain = CommandManager.createFakeChain()
-  	* chain.focus().run() // false
-  	*/
-  	static createFakeChain() {
-  		const chain = new Proxy({}, { get: (_target, property) => {
-  			if (property === "then") return;
-  			if (property === "run") return () => false;
-  			return () => chain;
-  		} });
-  		return chain;
-  	}
-  	createCan(startTr) {
-  		const { rawCommands, state } = this;
-  		const dispatch = false;
-  		const tr = startTr || state.tr;
-  		const props = this.buildProps(tr, dispatch);
-  		return {
-  			...Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
-  				return [name, (...args) => command(...args)({
-  					...props,
-  					dispatch: void 0
-  				})];
-  			})),
-  			chain: () => this.createChain(tr, dispatch)
-  		};
-  	}
-  	/**
-  	* Creates capability checks that safely return `false`.
-  	* @returns A non-dispatching capability checker.
-  	* @example
-  	* const can = CommandManager.createFallbackCan()
-  	* can.focus() // false
-  	*/
-  	static createFallbackCan() {
-  		const chain = CommandManager.createFakeChain();
-  		return new Proxy({ chain: () => chain }, { get: (target, property) => {
-  			if (property === "then") return;
-  			if (property === "chain") return target.chain;
-  			return () => false;
-  		} });
-  	}
-  	buildProps(tr, shouldDispatch = true) {
-  		const { rawCommands, editor, state } = this;
-  		const { view } = editor;
-  		const props = {
-  			tr,
-  			editor,
-  			view,
-  			state: createChainableState({
-  				state,
-  				transaction: tr
-  			}),
-  			dispatch: shouldDispatch ? () => void 0 : void 0,
-  			chain: () => this.createChain(tr, shouldDispatch),
-  			can: () => this.createCan(tr),
-  			get commands() {
-  				return Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
-  					return [name, (...args) => command(...args)(props)];
-  				}));
-  			}
-  		};
-  		return props;
-  	}
-  };
-  //#endregion
-  //#region src/commands/blur.ts
-  const blur = () => ({ editor, view }) => {
-  	requestAnimationFrame(() => {
-  		if (!editor.isDestroyed) {
-  			var _window;
-  			view.dom.blur();
-  			(_window = window) === null || _window === void 0 || (_window = _window.getSelection()) === null || _window === void 0 || _window.removeAllRanges();
-  		}
-  	});
-  	return true;
-  };
-  //#endregion
-  //#region src/commands/clearContent.ts
-  const clearContent = (emitUpdate = true) => ({ commands }) => {
-  	return commands.setContent("", { emitUpdate });
-  };
-  //#endregion
-  //#region src/commands/clearNodes.ts
-  const clearNodes = () => ({ state, tr, dispatch }) => {
-  	const { selection } = tr;
-  	const { ranges } = selection;
-  	if (!dispatch) return true;
-  	ranges.forEach(({ $from, $to }) => {
-  		state.doc.nodesBetween($from.pos, $to.pos, (node, pos) => {
-  			if (node.type.isText) return;
-  			const { doc, mapping } = tr;
-  			const $mappedFrom = doc.resolve(mapping.map(pos));
-  			const $mappedTo = doc.resolve(mapping.map(pos + node.nodeSize));
-  			const nodeRange = $mappedFrom.blockRange($mappedTo);
-  			if (!nodeRange) return;
-  			const targetLiftDepth = liftTarget(nodeRange);
-  			if (node.type.isTextblock) {
-  				const { defaultType } = $mappedFrom.parent.contentMatchAt($mappedFrom.index());
-  				tr.setNodeMarkup(nodeRange.start, defaultType);
-  			}
-  			if (targetLiftDepth || targetLiftDepth === 0) tr.lift(nodeRange, targetLiftDepth);
-  		});
-  	});
-  	return true;
-  };
-  //#endregion
-  //#region src/commands/command.ts
-  const command = (fn) => (props) => {
-  	return fn(props);
-  };
-  //#endregion
-  //#region src/commands/createParagraphNear.ts
-  const createParagraphNear$1 = () => ({ state, dispatch }) => {
-  	return createParagraphNear(state, dispatch);
-  };
-  //#endregion
-  //#region src/commands/cut.ts
-  const cut = (originRange, targetPos) => ({ editor, tr }) => {
-  	const { state } = editor;
-  	const contentSlice = state.doc.slice(originRange.from, originRange.to);
-  	tr.deleteRange(originRange.from, originRange.to);
-  	const newPos = tr.mapping.map(targetPos);
-  	tr.insert(newPos, contentSlice.content);
-  	tr.setSelection(new TextSelection(tr.doc.resolve(Math.max(newPos - 1, 0))));
-  	return true;
-  };
-  //#endregion
-  //#region src/commands/deleteCurrentNode.ts
-  const deleteCurrentNode = () => ({ tr, dispatch }) => {
-  	const { selection } = tr;
-  	const currentNode = selection.$anchor.node();
-  	if (currentNode.content.size > 0) return false;
-  	const $pos = tr.selection.$anchor;
-  	for (let depth = $pos.depth; depth > 0; depth -= 1) if ($pos.node(depth).type === currentNode.type) {
-  		if (dispatch) {
-  			const from = $pos.before(depth);
-  			const to = $pos.after(depth);
-  			tr.delete(from, to).scrollIntoView();
-  		}
-  		return true;
-  	}
-  	return false;
-  };
-  //#endregion
-  //#region src/helpers/getNodeType.ts
-  function getNodeType(nameOrType, schema) {
-  	if (typeof nameOrType === "string") {
-  		if (!schema.nodes[nameOrType]) throw Error(`There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`);
-  		return schema.nodes[nameOrType];
-  	}
-  	return nameOrType;
-  }
-  //#endregion
-  //#region src/commands/deleteNode.ts
-  const deleteNode = (typeOrName) => ({ tr, state, dispatch }) => {
-  	const type = getNodeType(typeOrName, state.schema);
-  	const $pos = tr.selection.$anchor;
-  	for (let depth = $pos.depth; depth > 0; depth -= 1) if ($pos.node(depth).type === type) {
-  		if (dispatch) {
-  			const from = $pos.before(depth);
-  			const to = $pos.after(depth);
-  			tr.delete(from, to).scrollIntoView();
-  		}
-  		return true;
-  	}
-  	return false;
+  var GOOD_LEAF_SIZE = 200;
+
+  // :: class<T> A rope sequence is a persistent sequence data structure
+  // that supports appending, prepending, and slicing without doing a
+  // full copy. It is represented as a mostly-balanced tree.
+  var RopeSequence = function RopeSequence () {};
+
+  RopeSequence.prototype.append = function append (other) {
+    if (!other.length) { return this }
+    other = RopeSequence.from(other);
+
+    return (!this.length && other) ||
+      (other.length < GOOD_LEAF_SIZE && this.leafAppend(other)) ||
+      (this.length < GOOD_LEAF_SIZE && other.leafPrepend(this)) ||
+      this.appendInner(other)
   };
-  //#endregion
-  //#region src/commands/deleteRange.ts
-  const deleteRange = (range) => ({ tr, dispatch }) => {
-  	const { from, to } = range;
-  	if (dispatch) tr.delete(from, to);
-  	return true;
+
+  // :: (union<[T], RopeSequence<T>>) → RopeSequence<T>
+  // Prepend an array or other rope to this one, returning a new rope.
+  RopeSequence.prototype.prepend = function prepend (other) {
+    if (!other.length) { return this }
+    return RopeSequence.from(other).append(this)
   };
-  //#endregion
-  //#region src/commands/deleteSelection.ts
-  /**
-  * Check if a node has text content based on its content specification.
-  * Returns true if the node's content spec matches text* or text+ patterns.
-  */
-  const hasTextContent = (nodeSpec) => {
-  	if (!nodeSpec.content) return false;
-  	return /^text(\*|\+)/.test(nodeSpec.content);
+
+  RopeSequence.prototype.appendInner = function appendInner (other) {
+    return new Append(this, other)
   };
-  /**
-  * Expand selection position for a specific side (left or right) to handle inline text nodes.
-  * This function checks if the position is within an inline node with text content and
-  * expands it to include the entire node boundaries for proper deletion.
-  * @param $pos - The resolved position to expand
-  * @param schema - The ProseMirror schema
-  * @param side - Which side to expand ('left' or 'right')
-  * @returns The expanded position for deletion
-  */
-  const expandSelectionForSide = ($pos, schema, side) => {
-  	if (!$pos.parent.isInline) return $pos.pos;
-  	if (side === "left" && $pos.pos > $pos.start() || side === "right" && $pos.pos < $pos.end()) return $pos.pos;
-  	const parentContent = schema.nodes[$pos.parent.type.name].spec;
-  	if (!hasTextContent(parentContent)) return $pos.pos;
-  	return side === "left" ? $pos.start() - 1 : $pos.end() + 1;
+
+  // :: (?number, ?number) → RopeSequence<T>
+  // Create a rope repesenting a sub-sequence of this rope.
+  RopeSequence.prototype.slice = function slice (from, to) {
+      if ( from === void 0 ) from = 0;
+      if ( to === void 0 ) to = this.length;
+
+    if (from >= to) { return RopeSequence.empty }
+    return this.sliceInner(Math.max(0, from), Math.min(this.length, to))
   };
-  /**
-  * Expand selection range to properly handle deletion of inline text nodes.
-  * Inline text nodes don't collapse correctly when text inside is deleted,
-  * so we need to expand the selection to include the entire node.
-  * See: https://code.haverbeke.berlin/prosemirror/prosemirror/issues/1365
-  */
-  const expandSelectionForInlineText = ($from, $to, schema) => {
-  	return {
-  		from: expandSelectionForSide($from, schema, "left"),
-  		to: expandSelectionForSide($to, schema, "right")
-  	};
+
+  // :: (number) → T
+  // Retrieve the element at the given position from this rope.
+  RopeSequence.prototype.get = function get (i) {
+    if (i < 0 || i >= this.length) { return undefined }
+    return this.getInner(i)
   };
-  const deleteSelection = () => ({ state, dispatch }) => {
-  	if (state.selection.empty) return false;
-  	if (dispatch) {
-  		const tr = state.tr;
-  		const { ranges } = state.selection;
-  		const mapFrom = tr.steps.length;
-  		ranges.forEach((range) => {
-  			const mapping = tr.mapping.slice(mapFrom);
-  			const $from = tr.doc.resolve(mapping.map(range.$from.pos));
-  			const $to = tr.doc.resolve(mapping.map(range.$to.pos));
-  			const { from, to } = expandSelectionForInlineText($from, $to, state.schema);
-  			tr.deleteRange(from, to);
-  		});
-  		if (!tr.selection.empty) tr.setSelection(TextSelection.near(tr.doc.resolve(tr.selection.from)));
-  		tr.scrollIntoView();
-  		dispatch(tr);
-  	}
-  	return true;
+
+  // :: ((element: T, index: number) → ?bool, ?number, ?number)
+  // Call the given function for each element between the given
+  // indices. This tends to be more efficient than looping over the
+  // indices and calling `get`, because it doesn't have to descend the
+  // tree for every element.
+  RopeSequence.prototype.forEach = function forEach (f, from, to) {
+      if ( from === void 0 ) from = 0;
+      if ( to === void 0 ) to = this.length;
+
+    if (from <= to)
+      { this.forEachInner(f, from, to, 0); }
+    else
+      { this.forEachInvertedInner(f, from, to, 0); }
   };
-  //#endregion
-  //#region src/commands/enter.ts
-  const enter = () => ({ commands }) => {
-  	return commands.keyboardShortcut("Enter");
+
+  // :: ((element: T, index: number) → U, ?number, ?number) → [U]
+  // Map the given functions over the elements of the rope, producing
+  // a flat array.
+  RopeSequence.prototype.map = function map (f, from, to) {
+      if ( from === void 0 ) from = 0;
+      if ( to === void 0 ) to = this.length;
+
+    var result = [];
+    this.forEach(function (elt, i) { return result.push(f(elt, i)); }, from, to);
+    return result
   };
-  //#endregion
-  //#region src/commands/exitCode.ts
-  const exitCode$1 = () => ({ state, dispatch }) => {
-  	return exitCode(state, dispatch);
+
+  // :: (?union<[T], RopeSequence<T>>) → RopeSequence<T>
+  // Create a rope representing the given array, or return the rope
+  // itself if a rope was given.
+  RopeSequence.from = function from (values) {
+    if (values instanceof RopeSequence) { return values }
+    return values && values.length ? new Leaf(values) : RopeSequence.empty
   };
-  //#endregion
-  //#region src/utilities/isRegExp.ts
-  function isRegExp$1(value) {
-  	return Object.prototype.toString.call(value) === "[object RegExp]";
-  }
-  //#endregion
-  //#region src/utilities/objectIncludes.ts
-  /**
-  * Check if object1 includes object2
-  * @param object1 Object
-  * @param object2 Object
-  */
-  function objectIncludes(object1, object2, options = { strict: true }) {
-  	const keys = Object.keys(object2);
-  	if (!keys.length) return true;
-  	return keys.every((key) => {
-  		if (options.strict) return object2[key] === object1[key];
-  		if (isRegExp$1(object2[key])) return object2[key].test(object1[key]);
-  		return object2[key] === object1[key];
-  	});
-  }
-  //#endregion
-  //#region src/helpers/getMarkRange.ts
-  function findMarkInSet(marks, type, attributes = {}) {
-  	return marks.find((item) => {
-  		return item.type === type && objectIncludes(Object.fromEntries(Object.keys(attributes).map((k) => [k, item.attrs[k]])), attributes);
-  	});
-  }
-  function isMarkInSet(marks, type, attributes = {}) {
-  	return !!findMarkInSet(marks, type, attributes);
-  }
-  /**
-  * Get the range of a mark at a resolved position.
-  */
-  function getMarkRange($pos, type, attributes) {
-  	if (!$pos || !type) return;
-  	let start = $pos.parent.childAfter($pos.parentOffset);
+
+  var Leaf = /*@__PURE__*/(function (RopeSequence) {
+    function Leaf(values) {
+      RopeSequence.call(this);
+      this.values = values;
+    }
+
+    if ( RopeSequence ) Leaf.__proto__ = RopeSequence;
+    Leaf.prototype = Object.create( RopeSequence && RopeSequence.prototype );
+    Leaf.prototype.constructor = Leaf;
+
+    var prototypeAccessors = { length: { configurable: true },depth: { configurable: true } };
+
+    Leaf.prototype.flatten = function flatten () {
+      return this.values
+    };
+
+    Leaf.prototype.sliceInner = function sliceInner (from, to) {
+      if (from == 0 && to == this.length) { return this }
+      return new Leaf(this.values.slice(from, to))
+    };
+
+    Leaf.prototype.getInner = function getInner (i) {
+      return this.values[i]
+    };
+
+    Leaf.prototype.forEachInner = function forEachInner (f, from, to, start) {
+      for (var i = from; i < to; i++)
+        { if (f(this.values[i], start + i) === false) { return false } }
+    };
+
+    Leaf.prototype.forEachInvertedInner = function forEachInvertedInner (f, from, to, start) {
+      for (var i = from - 1; i >= to; i--)
+        { if (f(this.values[i], start + i) === false) { return false } }
+    };
+
+    Leaf.prototype.leafAppend = function leafAppend (other) {
+      if (this.length + other.length <= GOOD_LEAF_SIZE)
+        { return new Leaf(this.values.concat(other.flatten())) }
+    };
+
+    Leaf.prototype.leafPrepend = function leafPrepend (other) {
+      if (this.length + other.length <= GOOD_LEAF_SIZE)
+        { return new Leaf(other.flatten().concat(this.values)) }
+    };
+
+    prototypeAccessors.length.get = function () { return this.values.length };
+
+    prototypeAccessors.depth.get = function () { return 0 };
+
+    Object.defineProperties( Leaf.prototype, prototypeAccessors );
+
+    return Leaf;
+  }(RopeSequence));
+
+  // :: RopeSequence
+  // The empty rope sequence.
+  RopeSequence.empty = new Leaf([]);
+
+  var Append = /*@__PURE__*/(function (RopeSequence) {
+    function Append(left, right) {
+      RopeSequence.call(this);
+      this.left = left;
+      this.right = right;
+      this.length = left.length + right.length;
+      this.depth = Math.max(left.depth, right.depth) + 1;
+    }
+
+    if ( RopeSequence ) Append.__proto__ = RopeSequence;
+    Append.prototype = Object.create( RopeSequence && RopeSequence.prototype );
+    Append.prototype.constructor = Append;
+
+    Append.prototype.flatten = function flatten () {
+      return this.left.flatten().concat(this.right.flatten())
+    };
+
+    Append.prototype.getInner = function getInner (i) {
+      return i < this.left.length ? this.left.get(i) : this.right.get(i - this.left.length)
+    };
+
+    Append.prototype.forEachInner = function forEachInner (f, from, to, start) {
+      var leftLen = this.left.length;
+      if (from < leftLen &&
+          this.left.forEachInner(f, from, Math.min(to, leftLen), start) === false)
+        { return false }
+      if (to > leftLen &&
+          this.right.forEachInner(f, Math.max(from - leftLen, 0), Math.min(this.length, to) - leftLen, start + leftLen) === false)
+        { return false }
+    };
+
+    Append.prototype.forEachInvertedInner = function forEachInvertedInner (f, from, to, start) {
+      var leftLen = this.left.length;
+      if (from > leftLen &&
+          this.right.forEachInvertedInner(f, from - leftLen, Math.max(to, leftLen) - leftLen, start + leftLen) === false)
+        { return false }
+      if (to < leftLen &&
+          this.left.forEachInvertedInner(f, Math.min(from, leftLen), to, start) === false)
+        { return false }
+    };
+
+    Append.prototype.sliceInner = function sliceInner (from, to) {
+      if (from == 0 && to == this.length) { return this }
+      var leftLen = this.left.length;
+      if (to <= leftLen) { return this.left.slice(from, to) }
+      if (from >= leftLen) { return this.right.slice(from - leftLen, to - leftLen) }
+      return this.left.slice(from, leftLen).append(this.right.slice(0, to - leftLen))
+    };
+
+    Append.prototype.leafAppend = function leafAppend (other) {
+      var inner = this.right.leafAppend(other);
+      if (inner) { return new Append(this.left, inner) }
+    };
+
+    Append.prototype.leafPrepend = function leafPrepend (other) {
+      var inner = this.left.leafPrepend(other);
+      if (inner) { return new Append(inner, this.right) }
+    };
+
+    Append.prototype.appendInner = function appendInner (other) {
+      if (this.left.depth >= Math.max(this.right.depth, other.depth) + 1)
+        { return new Append(this.left, new Append(this.right, other)) }
+      return new Append(this, other)
+    };
+
+    return Append;
+  }(RopeSequence));
+
+  // ProseMirror's history isn't simply a way to roll back to a previous
+  // state, because ProseMirror supports applying changes without adding
+  // them to the history (for example during collaboration).
+  //
+  // To this end, each 'Branch' (one for the undo history and one for
+  // the redo history) keeps an array of 'Items', which can optionally
+  // hold a step (an actual undoable change), and always hold a position
+  // map (which is needed to move changes below them to apply to the
+  // current document).
+  //
+  // An item that has both a step and a selection bookmark is the start
+  // of an 'event' — a group of changes that will be undone or redone at
+  // once. (It stores only the bookmark, since that way we don't have to
+  // provide a document until the selection is actually applied, which
+  // is useful when compressing.)
+  // Used to schedule history compression
+  const max_empty_items = 500;
+  class Branch {
+      constructor(items, eventCount) {
+          this.items = items;
+          this.eventCount = eventCount;
+      }
+      // Pop the latest event off the branch's history and apply it
+      // to a document transform.
+      popEvent(state, preserveItems) {
+          if (this.eventCount == 0)
+              return null;
+          let end = this.items.length;
+          for (;; end--) {
+              let next = this.items.get(end - 1);
+              if (next.selection) {
+                  --end;
+                  break;
+              }
+          }
+          let remap, mapFrom;
+          if (preserveItems) {
+              remap = this.remapping(end, this.items.length);
+              mapFrom = remap.maps.length;
+          }
+          let transform = state.tr;
+          let selection, remaining;
+          let addAfter = [], addBefore = [];
+          this.items.forEach((item, i) => {
+              if (!item.step) {
+                  if (!remap) {
+                      remap = this.remapping(end, i + 1);
+                      mapFrom = remap.maps.length;
+                  }
+                  mapFrom--;
+                  addBefore.push(item);
+                  return;
+              }
+              if (remap) {
+                  addBefore.push(new Item(item.map));
+                  let step = item.step.map(remap.slice(mapFrom)), map;
+                  if (step && transform.maybeStep(step).doc) {
+                      map = transform.mapping.maps[transform.mapping.maps.length - 1];
+                      addAfter.push(new Item(map, undefined, undefined, addAfter.length + addBefore.length));
+                  }
+                  mapFrom--;
+                  if (map)
+                      remap.appendMap(map, mapFrom);
+              }
+              else {
+                  transform.maybeStep(item.step);
+              }
+              if (item.selection) {
+                  selection = remap ? item.selection.map(remap.slice(mapFrom)) : item.selection;
+                  remaining = new Branch(this.items.slice(0, end).append(addBefore.reverse().concat(addAfter)), this.eventCount - 1);
+                  return false;
+              }
+          }, this.items.length, 0);
+          return { remaining: remaining, transform, selection: selection };
+      }
+      // Create a new branch with the given transform added.
+      addTransform(transform, selection, histOptions, preserveItems) {
+          let newItems = [], eventCount = this.eventCount;
+          let oldItems = this.items, lastItem = !preserveItems && oldItems.length ? oldItems.get(oldItems.length - 1) : null;
+          for (let i = 0; i < transform.steps.length; i++) {
+              let step = transform.steps[i].invert(transform.docs[i]);
+              let item = new Item(transform.mapping.maps[i], step, selection), merged;
+              if (merged = lastItem && lastItem.merge(item)) {
+                  item = merged;
+                  if (i)
+                      newItems.pop();
+                  else
+                      oldItems = oldItems.slice(0, oldItems.length - 1);
+              }
+              newItems.push(item);
+              if (selection) {
+                  eventCount++;
+                  selection = undefined;
+              }
+              if (!preserveItems)
+                  lastItem = item;
+          }
+          let overflow = eventCount - histOptions.depth;
+          if (overflow > DEPTH_OVERFLOW) {
+              oldItems = cutOffEvents(oldItems, overflow);
+              eventCount -= overflow;
+          }
+          return new Branch(oldItems.append(newItems), eventCount);
+      }
+      remapping(from, to) {
+          let maps = new Mapping;
+          this.items.forEach((item, i) => {
+              let mirrorPos = item.mirrorOffset != null && i - item.mirrorOffset >= from
+                  ? maps.maps.length - item.mirrorOffset : undefined;
+              maps.appendMap(item.map, mirrorPos);
+          }, from, to);
+          return maps;
+      }
+      addMaps(array) {
+          if (this.eventCount == 0)
+              return this;
+          return new Branch(this.items.append(array.map(map => new Item(map))), this.eventCount);
+      }
+      // When the collab module receives remote changes, the history has
+      // to know about those, so that it can adjust the steps that were
+      // rebased on top of the remote changes, and include the position
+      // maps for the remote changes in its array of items.
+      rebased(rebasedTransform, rebasedCount) {
+          if (!this.eventCount)
+              return this;
+          rebasedCount = Math.min(this.items.length, rebasedCount);
+          let rebasedItems = [], start = this.items.length - rebasedCount;
+          let mapping = rebasedTransform.mapping;
+          let newUntil = rebasedTransform.steps.length;
+          let eventCount = this.eventCount;
+          this.items.forEach(item => { if (item.selection)
+              eventCount--; }, start);
+          let iRebased = rebasedCount;
+          this.items.forEach(item => {
+              let pos = mapping.getMirror(--iRebased);
+              if (pos == null)
+                  return;
+              newUntil = Math.min(newUntil, pos);
+              let map = mapping.maps[pos];
+              if (item.step) {
+                  let step = rebasedTransform.steps[pos].invert(rebasedTransform.docs[pos]);
+                  let selection = item.selection && item.selection.map(mapping.slice(iRebased + 1, pos));
+                  if (selection)
+                      eventCount++;
+                  rebasedItems.push(new Item(map, step, selection));
+              }
+              else {
+                  rebasedItems.push(new Item(map));
+              }
+          }, start);
+          let newMaps = [];
+          for (let i = rebasedCount; i < newUntil; i++)
+              newMaps.push(new Item(mapping.maps[i]));
+          let items = this.items.slice(0, start).append(newMaps).append(rebasedItems);
+          let branch = new Branch(items, eventCount);
+          if (branch.emptyItemCount() > max_empty_items)
+              branch = branch.compress(this.items.length - rebasedItems.length);
+          return branch;
+      }
+      emptyItemCount() {
+          let count = 0;
+          this.items.forEach(item => { if (!item.step)
+              count++; });
+          return count;
+      }
+      // Compressing a branch means rewriting it to push the air (map-only
+      // items) out. During collaboration, these naturally accumulate
+      // because each remote change adds one. The `upto` argument is used
+      // to ensure that only the items below a given level are compressed,
+      // because `rebased` relies on a clean, untouched set of items in
+      // order to associate old items with rebased steps.
+      compress(upto = this.items.length) {
+          let remap = this.remapping(0, upto), mapFrom = remap.maps.length;
+          let items = [], events = 0;
+          this.items.forEach((item, i) => {
+              if (i >= upto) {
+                  items.push(item);
+                  if (item.selection)
+                      events++;
+              }
+              else if (item.step) {
+                  let step = item.step.map(remap.slice(mapFrom)), map = step && step.getMap();
+                  mapFrom--;
+                  if (map)
+                      remap.appendMap(map, mapFrom);
+                  if (step) {
+                      let selection = item.selection && item.selection.map(remap.slice(mapFrom));
+                      if (selection)
+                          events++;
+                      let newItem = new Item(map.invert(), step, selection), merged, last = items.length - 1;
+                      if (merged = items.length && items[last].merge(newItem))
+                          items[last] = merged;
+                      else
+                          items.push(newItem);
+                  }
+              }
+              else if (item.map) {
+                  mapFrom--;
+              }
+          }, this.items.length, 0);
+          return new Branch(RopeSequence.from(items.reverse()), events);
+      }
+  }
+  Branch.empty = new Branch(RopeSequence.empty, 0);
+  function cutOffEvents(items, n) {
+      let cutPoint;
+      items.forEach((item, i) => {
+          if (item.selection && (n-- == 0)) {
+              cutPoint = i;
+              return false;
+          }
+      });
+      return items.slice(cutPoint);
+  }
+  class Item {
+      constructor(
+      // The (forward) step map for this item.
+      map, 
+      // The inverted step
+      step, 
+      // If this is non-null, this item is the start of a group, and
+      // this selection is the starting selection for the group (the one
+      // that was active before the first step was applied)
+      selection, 
+      // If this item is the inverse of a previous mapping on the stack,
+      // this points at the inverse's offset
+      mirrorOffset) {
+          this.map = map;
+          this.step = step;
+          this.selection = selection;
+          this.mirrorOffset = mirrorOffset;
+      }
+      merge(other) {
+          if (this.step && other.step && !other.selection) {
+              let step = other.step.merge(this.step);
+              if (step)
+                  return new Item(step.getMap().invert(), step, this.selection);
+          }
+      }
+  }
+  // The value of the state field that tracks undo/redo history for that
+  // state. Will be stored in the plugin state when the history plugin
+  // is active.
+  class HistoryState {
+      constructor(done, undone, prevRanges, prevTime, prevComposition) {
+          this.done = done;
+          this.undone = undone;
+          this.prevRanges = prevRanges;
+          this.prevTime = prevTime;
+          this.prevComposition = prevComposition;
+      }
+  }
+  const DEPTH_OVERFLOW = 20;
+  // Record a transformation in undo history.
+  function applyTransaction(history, state, tr, options) {
+      let historyTr = tr.getMeta(historyKey), rebased;
+      if (historyTr)
+          return historyTr.historyState;
+      if (tr.getMeta(closeHistoryKey))
+          history = new HistoryState(history.done, history.undone, null, 0, -1);
+      let appended = tr.getMeta("appendedTransaction");
+      if (tr.steps.length == 0) {
+          return history;
+      }
+      else if (appended && appended.getMeta(historyKey)) {
+          if (appended.getMeta(historyKey).redo)
+              return new HistoryState(history.done.addTransform(tr, undefined, options, mustPreserveItems(state)), history.undone, rangesFor(tr.mapping.maps), history.prevTime, history.prevComposition);
+          else
+              return new HistoryState(history.done, history.undone.addTransform(tr, undefined, options, mustPreserveItems(state)), null, history.prevTime, history.prevComposition);
+      }
+      else if (tr.getMeta("addToHistory") !== false && !(appended && appended.getMeta("addToHistory") === false)) {
+          // Group transforms that occur in quick succession into one event.
+          let composition = tr.getMeta("composition");
+          let newGroup = history.prevTime == 0 ||
+              (!appended && history.prevComposition != composition &&
+                  (history.prevTime < (tr.time || 0) - options.newGroupDelay || !isAdjacentTo(tr, history.prevRanges)));
+          let prevRanges = appended ? mapRanges(history.prevRanges, tr.mapping) : rangesFor(tr.mapping.maps);
+          return new HistoryState(history.done.addTransform(tr, newGroup ? state.selection.getBookmark() : undefined, options, mustPreserveItems(state)), Branch.empty, prevRanges, tr.time, composition == null ? history.prevComposition : composition);
+      }
+      else if (rebased = tr.getMeta("rebased")) {
+          // Used by the collab module to tell the history that some of its
+          // content has been rebased.
+          return new HistoryState(history.done.rebased(tr, rebased), history.undone.rebased(tr, rebased), mapRanges(history.prevRanges, tr.mapping), history.prevTime, history.prevComposition);
+      }
+      else {
+          return new HistoryState(history.done.addMaps(tr.mapping.maps), history.undone.addMaps(tr.mapping.maps), mapRanges(history.prevRanges, tr.mapping), history.prevTime, history.prevComposition);
+      }
+  }
+  function isAdjacentTo(transform, prevRanges) {
+      if (!prevRanges)
+          return false;
+      if (!transform.docChanged)
+          return true;
+      let adjacent = false;
+      transform.mapping.maps[0].forEach((start, end) => {
+          for (let i = 0; i < prevRanges.length; i += 2)
+              if (start <= prevRanges[i + 1] && end >= prevRanges[i])
+                  adjacent = true;
+      });
+      return adjacent;
+  }
+  function rangesFor(maps) {
+      let result = [];
+      for (let i = maps.length - 1; i >= 0 && result.length == 0; i--)
+          maps[i].forEach((_from, _to, from, to) => result.push(from, to));
+      return result;
+  }
+  function mapRanges(ranges, mapping) {
+      if (!ranges)
+          return null;
+      let result = [];
+      for (let i = 0; i < ranges.length; i += 2) {
+          let from = mapping.map(ranges[i], 1), to = mapping.map(ranges[i + 1], -1);
+          if (from <= to)
+              result.push(from, to);
+      }
+      return result;
+  }
+  // Apply the latest event from one branch to the document and shift the event
+  // onto the other branch.
+  function histTransaction(history, state, redo) {
+      let preserveItems = mustPreserveItems(state);
+      let histOptions = historyKey.get(state).spec.config;
+      let pop = (redo ? history.undone : history.done).popEvent(state, preserveItems);
+      if (!pop)
+          return null;
+      let selection = pop.selection.resolve(pop.transform.doc);
+      let added = (redo ? history.done : history.undone).addTransform(pop.transform, state.selection.getBookmark(), histOptions, preserveItems);
+      let newHist = new HistoryState(redo ? added : pop.remaining, redo ? pop.remaining : added, null, 0, -1);
+      return pop.transform.setSelection(selection).setMeta(historyKey, { redo, historyState: newHist });
+  }
+  let cachedPreserveItems = false, cachedPreserveItemsPlugins = null;
+  // Check whether any plugin in the given state has a
+  // `historyPreserveItems` property in its spec, in which case we must
+  // preserve steps exactly as they came in, so that they can be
+  // rebased.
+  function mustPreserveItems(state) {
+      let plugins = state.plugins;
+      if (cachedPreserveItemsPlugins != plugins) {
+          cachedPreserveItems = false;
+          cachedPreserveItemsPlugins = plugins;
+          for (let i = 0; i < plugins.length; i++)
+              if (plugins[i].spec.historyPreserveItems) {
+                  cachedPreserveItems = true;
+                  break;
+              }
+      }
+      return cachedPreserveItems;
+  }
+  /**
+  Set a flag on the given transaction that will prevent further steps
+  from being appended to an existing history event (so that they
+  require a separate undo command to undo).
+  */
+  function closeHistory(tr) {
+      return tr.setMeta(closeHistoryKey, true);
+  }
+  const historyKey = new PluginKey("history");
+  const closeHistoryKey = new PluginKey("closeHistory");
+  /**
+  Returns a plugin that enables the undo history for an editor. The
+  plugin will track undo and redo stacks, which can be used with the
+  [`undo`](https://prosemirror.net/docs/ref/#history.undo) and [`redo`](https://prosemirror.net/docs/ref/#history.redo) commands.
+
+  You can set an `"addToHistory"` [metadata
+  property](https://prosemirror.net/docs/ref/#state.Transaction.setMeta) of `false` on a transaction
+  to prevent it from being rolled back by undo.
+  */
+  function history(config = {}) {
+      config = { depth: config.depth || 100,
+          newGroupDelay: config.newGroupDelay || 500 };
+      return new Plugin({
+          key: historyKey,
+          state: {
+              init() {
+                  return new HistoryState(Branch.empty, Branch.empty, null, 0, -1);
+              },
+              apply(tr, hist, state) {
+                  return applyTransaction(hist, state, tr, config);
+              }
+          },
+          config,
+          props: {
+              handleDOMEvents: {
+                  beforeinput(view, e) {
+                      let inputType = e.inputType;
+                      let command = inputType == "historyUndo" ? undo : inputType == "historyRedo" ? redo : null;
+                      if (!command || !view.editable)
+                          return false;
+                      e.preventDefault();
+                      return command(view.state, view.dispatch);
+                  }
+              }
+          }
+      });
+  }
+  function buildCommand(redo, scroll) {
+      return (state, dispatch) => {
+          let hist = historyKey.getState(state);
+          if (!hist || (redo ? hist.undone : hist.done).eventCount == 0)
+              return false;
+          if (dispatch) {
+              let tr = histTransaction(hist, state, redo);
+              if (tr)
+                  dispatch(scroll ? tr.scrollIntoView() : tr);
+          }
+          return true;
+      };
+  }
+  /**
+  A command function that undoes the last change, if any.
+  */
+  const undo = buildCommand(false, true);
+  /**
+  A command function that redoes the last undone change, if any.
+  */
+  const redo = buildCommand(true, true);
+  /**
+  Returns true if the given transaction was generated by the history
+  plugin.
+  */
+  function isHistoryTransaction(tr) {
+      return tr.getMeta(historyKey) != null;
+  }
+
+  //#region src/helpers/createChainableState.ts
+  /**
+  * Takes a Transaction & Editor State and turns it into a chainable state object
+  * @param config The transaction and state to create the chainable state from
+  * @returns A chainable Editor state object
+  */
+  function createChainableState(config) {
+  	const { state, transaction } = config;
+  	let { selection } = transaction;
+  	let { doc } = transaction;
+  	let { storedMarks } = transaction;
+  	return {
+  		...state,
+  		apply: state.apply.bind(state),
+  		applyTransaction: state.applyTransaction.bind(state),
+  		plugins: state.plugins,
+  		schema: state.schema,
+  		reconfigure: state.reconfigure.bind(state),
+  		toJSON: state.toJSON.bind(state),
+  		get storedMarks() {
+  			return storedMarks;
+  		},
+  		get selection() {
+  			return selection;
+  		},
+  		get doc() {
+  			return doc;
+  		},
+  		get tr() {
+  			selection = transaction.selection;
+  			doc = transaction.doc;
+  			storedMarks = transaction.storedMarks;
+  			return transaction;
+  		}
+  	};
+  }
+  //#endregion
+  //#region src/CommandManager.ts
+  var CommandManager = class CommandManager {
+  	constructor(props) {
+  		this.editor = props.editor;
+  		this.rawCommands = this.editor.extensionManager.commands;
+  		this.customState = props.state;
+  	}
+  	get hasCustomState() {
+  		return !!this.customState;
+  	}
+  	get state() {
+  		return this.customState || this.editor.state;
+  	}
+  	get commands() {
+  		const { rawCommands, editor, state } = this;
+  		const { view } = editor;
+  		const { tr } = state;
+  		const props = this.buildProps(tr);
+  		return Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
+  			const method = (...args) => {
+  				const callback = command(...args)(props);
+  				if (!tr.getMeta("preventDispatch") && !this.hasCustomState) view.dispatch(tr);
+  				return callback;
+  			};
+  			return [name, method];
+  		}));
+  	}
+  	get chain() {
+  		return () => this.createChain();
+  	}
+  	get can() {
+  		return () => this.createCan();
+  	}
+  	createChain(startTr, shouldDispatch = true) {
+  		const { rawCommands, editor, state } = this;
+  		const { view } = editor;
+  		const callbacks = [];
+  		const hasStartTransaction = !!startTr;
+  		const tr = startTr || state.tr;
+  		const run = () => {
+  			if (!hasStartTransaction && shouldDispatch && !tr.getMeta("preventDispatch") && !this.hasCustomState) view.dispatch(tr);
+  			return callbacks.every((callback) => callback === true);
+  		};
+  		const chain = {
+  			...Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
+  				const chainedCommand = (...args) => {
+  					const props = this.buildProps(tr, shouldDispatch);
+  					const callback = command(...args)(props);
+  					callbacks.push(callback);
+  					return chain;
+  				};
+  				return [name, chainedCommand];
+  			})),
+  			run
+  		};
+  		return chain;
+  	}
+  	/**
+  	* Creates a chain that safely returns `false` when run.
+  	* @returns A non-dispatching command chain.
+  	* @example
+  	* const chain = CommandManager.createFakeChain()
+  	* chain.focus().run() // false
+  	*/
+  	static createFakeChain() {
+  		const chain = new Proxy({}, { get: (_target, property) => {
+  			if (property === "then") return;
+  			if (property === "run") return () => false;
+  			return () => chain;
+  		} });
+  		return chain;
+  	}
+  	createCan(startTr) {
+  		const { rawCommands, state } = this;
+  		const dispatch = false;
+  		const tr = startTr || state.tr;
+  		const props = this.buildProps(tr, dispatch);
+  		return {
+  			...Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
+  				return [name, (...args) => command(...args)({
+  					...props,
+  					dispatch: void 0
+  				})];
+  			})),
+  			chain: () => this.createChain(tr, dispatch)
+  		};
+  	}
+  	/**
+  	* Creates capability checks that safely return `false`.
+  	* @returns A non-dispatching capability checker.
+  	* @example
+  	* const can = CommandManager.createFallbackCan()
+  	* can.focus() // false
+  	*/
+  	static createFallbackCan() {
+  		const chain = CommandManager.createFakeChain();
+  		return new Proxy({ chain: () => chain }, { get: (target, property) => {
+  			if (property === "then") return;
+  			if (property === "chain") return target.chain;
+  			return () => false;
+  		} });
+  	}
+  	buildProps(tr, shouldDispatch = true) {
+  		const { rawCommands, editor, state } = this;
+  		const { view } = editor;
+  		const props = {
+  			tr,
+  			editor,
+  			view,
+  			state: createChainableState({
+  				state,
+  				transaction: tr
+  			}),
+  			dispatch: shouldDispatch ? () => void 0 : void 0,
+  			chain: () => this.createChain(tr, shouldDispatch),
+  			can: () => this.createCan(tr),
+  			get commands() {
+  				return Object.fromEntries(Object.entries(rawCommands).map(([name, command]) => {
+  					return [name, (...args) => command(...args)(props)];
+  				}));
+  			}
+  		};
+  		return props;
+  	}
+  };
+  //#endregion
+  //#region src/commands/blur.ts
+  const blur = () => ({ editor, view }) => {
+  	requestAnimationFrame(() => {
+  		if (!editor.isDestroyed) {
+  			var _window;
+  			view.dom.blur();
+  			(_window = window) === null || _window === void 0 || (_window = _window.getSelection()) === null || _window === void 0 || _window.removeAllRanges();
+  		}
+  	});
+  	return true;
+  };
+  //#endregion
+  //#region src/commands/clearContent.ts
+  const clearContent = (emitUpdate = true) => ({ commands }) => {
+  	return commands.setContent("", { emitUpdate });
+  };
+  //#endregion
+  //#region src/commands/clearNodes.ts
+  const clearNodes = () => ({ state, tr, dispatch }) => {
+  	const { selection } = tr;
+  	const { ranges } = selection;
+  	if (!dispatch) return true;
+  	ranges.forEach(({ $from, $to }) => {
+  		state.doc.nodesBetween($from.pos, $to.pos, (node, pos) => {
+  			if (node.type.isText) return;
+  			const { doc, mapping } = tr;
+  			const $mappedFrom = doc.resolve(mapping.map(pos));
+  			const $mappedTo = doc.resolve(mapping.map(pos + node.nodeSize));
+  			const nodeRange = $mappedFrom.blockRange($mappedTo);
+  			if (!nodeRange) return;
+  			const targetLiftDepth = liftTarget(nodeRange);
+  			if (node.type.isTextblock) {
+  				const { defaultType } = $mappedFrom.parent.contentMatchAt($mappedFrom.index());
+  				tr.setNodeMarkup(nodeRange.start, defaultType);
+  			}
+  			if (targetLiftDepth || targetLiftDepth === 0) tr.lift(nodeRange, targetLiftDepth);
+  		});
+  	});
+  	return true;
+  };
+  //#endregion
+  //#region src/commands/command.ts
+  const command = (fn) => (props) => {
+  	return fn(props);
+  };
+  //#endregion
+  //#region src/commands/createParagraphNear.ts
+  const createParagraphNear$1 = () => ({ state, dispatch }) => {
+  	return createParagraphNear(state, dispatch);
+  };
+  //#endregion
+  //#region src/commands/cut.ts
+  const cut = (originRange, targetPos) => ({ editor, tr }) => {
+  	const { state } = editor;
+  	const contentSlice = state.doc.slice(originRange.from, originRange.to);
+  	tr.deleteRange(originRange.from, originRange.to);
+  	const newPos = tr.mapping.map(targetPos);
+  	tr.insert(newPos, contentSlice.content);
+  	tr.setSelection(new TextSelection(tr.doc.resolve(Math.max(newPos - 1, 0))));
+  	return true;
+  };
+  //#endregion
+  //#region src/commands/deleteCurrentNode.ts
+  const deleteCurrentNode = () => ({ tr, dispatch }) => {
+  	const { selection } = tr;
+  	const currentNode = selection.$anchor.node();
+  	if (currentNode.content.size > 0) return false;
+  	const $pos = tr.selection.$anchor;
+  	for (let depth = $pos.depth; depth > 0; depth -= 1) if ($pos.node(depth).type === currentNode.type) {
+  		if (dispatch) {
+  			const from = $pos.before(depth);
+  			const to = $pos.after(depth);
+  			tr.delete(from, to).scrollIntoView();
+  		}
+  		return true;
+  	}
+  	return false;
+  };
+  //#endregion
+  //#region src/helpers/getNodeType.ts
+  function getNodeType(nameOrType, schema) {
+  	if (typeof nameOrType === "string") {
+  		if (!schema.nodes[nameOrType]) throw Error(`There is no node type named '${nameOrType}'. Maybe you forgot to add the extension?`);
+  		return schema.nodes[nameOrType];
+  	}
+  	return nameOrType;
+  }
+  //#endregion
+  //#region src/commands/deleteNode.ts
+  const deleteNode = (typeOrName) => ({ tr, state, dispatch }) => {
+  	const type = getNodeType(typeOrName, state.schema);
+  	const $pos = tr.selection.$anchor;
+  	for (let depth = $pos.depth; depth > 0; depth -= 1) if ($pos.node(depth).type === type) {
+  		if (dispatch) {
+  			const from = $pos.before(depth);
+  			const to = $pos.after(depth);
+  			tr.delete(from, to).scrollIntoView();
+  		}
+  		return true;
+  	}
+  	return false;
+  };
+  //#endregion
+  //#region src/commands/deleteRange.ts
+  const deleteRange = (range) => ({ tr, dispatch }) => {
+  	const { from, to } = range;
+  	if (dispatch) tr.delete(from, to);
+  	return true;
+  };
+  //#endregion
+  //#region src/commands/deleteSelection.ts
+  /**
+  * Check if a node has text content based on its content specification.
+  * Returns true if the node's content spec matches text* or text+ patterns.
+  */
+  const hasTextContent = (nodeSpec) => {
+  	if (!nodeSpec.content) return false;
+  	return /^text(\*|\+)/.test(nodeSpec.content);
+  };
+  /**
+  * Expand selection position for a specific side (left or right) to handle inline text nodes.
+  * This function checks if the position is within an inline node with text content and
+  * expands it to include the entire node boundaries for proper deletion.
+  * @param $pos - The resolved position to expand
+  * @param schema - The ProseMirror schema
+  * @param side - Which side to expand ('left' or 'right')
+  * @returns The expanded position for deletion
+  */
+  const expandSelectionForSide = ($pos, schema, side) => {
+  	if (!$pos.parent.isInline) return $pos.pos;
+  	if (side === "left" && $pos.pos > $pos.start() || side === "right" && $pos.pos < $pos.end()) return $pos.pos;
+  	const parentContent = schema.nodes[$pos.parent.type.name].spec;
+  	if (!hasTextContent(parentContent)) return $pos.pos;
+  	return side === "left" ? $pos.start() - 1 : $pos.end() + 1;
+  };
+  /**
+  * Expand selection range to properly handle deletion of inline text nodes.
+  * Inline text nodes don't collapse correctly when text inside is deleted,
+  * so we need to expand the selection to include the entire node.
+  * See: https://code.haverbeke.berlin/prosemirror/prosemirror/issues/1365
+  */
+  const expandSelectionForInlineText = ($from, $to, schema) => {
+  	return {
+  		from: expandSelectionForSide($from, schema, "left"),
+  		to: expandSelectionForSide($to, schema, "right")
+  	};
+  };
+  const deleteSelection = () => ({ state, dispatch }) => {
+  	if (state.selection.empty) return false;
+  	if (dispatch) {
+  		const tr = state.tr;
+  		const { ranges } = state.selection;
+  		const mapFrom = tr.steps.length;
+  		ranges.forEach((range) => {
+  			const mapping = tr.mapping.slice(mapFrom);
+  			const $from = tr.doc.resolve(mapping.map(range.$from.pos));
+  			const $to = tr.doc.resolve(mapping.map(range.$to.pos));
+  			const { from, to } = expandSelectionForInlineText($from, $to, state.schema);
+  			tr.deleteRange(from, to);
+  		});
+  		if (!tr.selection.empty) tr.setSelection(TextSelection.near(tr.doc.resolve(tr.selection.from)));
+  		tr.scrollIntoView();
+  		dispatch(tr);
+  	}
+  	return true;
+  };
+  //#endregion
+  //#region src/commands/enter.ts
+  const enter = () => ({ commands }) => {
+  	return commands.keyboardShortcut("Enter");
+  };
+  //#endregion
+  //#region src/commands/exitCode.ts
+  const exitCode$1 = () => ({ state, dispatch }) => {
+  	return exitCode(state, dispatch);
+  };
+  //#endregion
+  //#region src/utilities/isRegExp.ts
+  function isRegExp$1(value) {
+  	return Object.prototype.toString.call(value) === "[object RegExp]";
+  }
+  //#endregion
+  //#region src/utilities/objectIncludes.ts
+  /**
+  * Check if object1 includes object2
+  * @param object1 Object
+  * @param object2 Object
+  */
+  function objectIncludes(object1, object2, options = { strict: true }) {
+  	const keys = Object.keys(object2);
+  	if (!keys.length) return true;
+  	return keys.every((key) => {
+  		if (options.strict) return object2[key] === object1[key];
+  		if (isRegExp$1(object2[key])) return object2[key].test(object1[key]);
+  		return object2[key] === object1[key];
+  	});
+  }
+  //#endregion
+  //#region src/helpers/getMarkRange.ts
+  function findMarkInSet(marks, type, attributes = {}) {
+  	return marks.find((item) => {
+  		return item.type === type && objectIncludes(Object.fromEntries(Object.keys(attributes).map((k) => [k, item.attrs[k]])), attributes);
+  	});
+  }
+  function isMarkInSet(marks, type, attributes = {}) {
+  	return !!findMarkInSet(marks, type, attributes);
+  }
+  /**
+  * Get the range of a mark at a resolved position.
+  */
+  function getMarkRange($pos, type, attributes) {
+  	if (!$pos || !type) return;
+  	let start = $pos.parent.childAfter($pos.parentOffset);
   	if (!start.node || !start.node.marks.some((mark) => mark.type === type)) start = $pos.parent.childBefore($pos.parentOffset);
   	if (!start.node || !start.node.marks.some((mark) => mark.type === type)) return;
   	if (!attributes) {
@@ -43792,11 +44461,21 @@ so this becomes the fallback color for the slot */ ''}
   	return joinForward(state, dispatch);
   };
   //#endregion
+  //#region src/commands/canJoinItemsAt.ts
+  const canJoinItemsAt = (doc, pos) => {
+  	const $pos = doc.resolve(pos);
+  	const before = $pos.nodeBefore;
+  	const after = $pos.nodeAfter;
+  	if (!before || !after) return false;
+  	return !before.type.spec.isolating && !after.type.spec.isolating;
+  };
+  //#endregion
   //#region src/commands/joinItemBackward.ts
   const joinItemBackward = () => ({ state, dispatch, tr }) => {
   	try {
   		const point = joinPoint(state.doc, state.selection.$from.pos, -1);
   		if (point === null || point === void 0) return false;
+  		if (!canJoinItemsAt(state.doc, point)) return false;
   		tr.join(point, 2);
   		if (dispatch) dispatch(tr);
   		return true;
@@ -43810,6 +44489,7 @@ so this becomes the fallback color for the slot */ ''}
   	try {
   		const point = joinPoint(state.doc, state.selection.$from.pos, 1);
   		if (point === null || point === void 0) return false;
+  		if (!canJoinItemsAt(state.doc, point)) return false;
   		tr.join(point, 2);
   		if (dispatch) dispatch(tr);
   		return true;
@@ -45216,8 +45896,14 @@ so this becomes the fallback color for the slot */ ''}
   		type: deflt,
   		attrs: newAttributes
   	}] : void 0;
-  	let can = canSplit(tr.doc, tr.mapping.map($from.pos), 1, types);
-  	if (!types && !can && canSplit(tr.doc, tr.mapping.map($from.pos), 1, deflt ? [{ type: deflt }] : void 0)) {
+  	const deletedTr = selection instanceof TextSelection && !selection.empty ? EditorState.create({
+  		doc: tr.doc,
+  		selection
+  	}).tr.deleteSelection() : null;
+  	const splitDoc = deletedTr ? deletedTr.doc : tr.doc;
+  	const splitPos = deletedTr ? deletedTr.mapping.map($from.pos) : $from.pos;
+  	let can = canSplit(splitDoc, splitPos, 1, types);
+  	if (!types && !can && canSplit(splitDoc, splitPos, 1, deflt ? [{ type: deflt }] : void 0)) {
   		can = true;
   		types = deflt ? [{
   			type: deflt,
@@ -45226,12 +45912,13 @@ so this becomes the fallback color for the slot */ ''}
   	}
   	if (dispatch) {
   		if (can) {
+  			const mapFrom = tr.steps.length;
   			if (selection instanceof TextSelection) tr.deleteSelection();
-  			tr.split(tr.mapping.map($from.pos), 1, types);
+  			tr.split(tr.mapping.slice(mapFrom).map($from.pos), 1, types);
   			if (deflt && !atEnd && !$from.parentOffset && $from.parent.type !== deflt) {
-  				const first = tr.mapping.map($from.before());
+  				const first = tr.mapping.slice(mapFrom).map($from.before());
   				const $first = tr.doc.resolve(first);
-  				if ($from.node(-1).canReplaceWith($first.index(), $first.index() + 1, deflt)) tr.setNodeMarkup(tr.mapping.map($from.before()), deflt);
+  				if ($from.node(-1).canReplaceWith($first.index(), $first.index() + 1, deflt)) tr.setNodeMarkup(tr.mapping.slice(mapFrom).map($from.before()), deflt);
   			}
   		}
   		if (keepMarks) ensureMarks(state, editor.extensionManager.splittableMarks);
@@ -45284,16 +45971,19 @@ so this becomes the fallback color for the slot */ ''}
   		...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
   		...overrideAttrs
   	};
+  	const splitsAtStartOfItem = $from.parentOffset === 0 && $from.index(-1) === 0;
+  	const itemStart = $from.before(-1);
   	tr.delete($from.pos, $to.pos);
+  	const trailingTypeAttributes = splitsAtStartOfItem ? grandParent.attrs : newTypeAttributes;
   	const types = nextType ? [{
   		type,
-  		attrs: newTypeAttributes
+  		attrs: trailingTypeAttributes
   	}, {
   		type: nextType,
   		attrs: newNextTypeAttributes
   	}] : [{
   		type,
-  		attrs: newTypeAttributes
+  		attrs: trailingTypeAttributes
   	}];
   	if (!canSplit(tr.doc, $from.pos, 2)) return false;
   	if (dispatch) {
@@ -45301,6 +45991,7 @@ so this becomes the fallback color for the slot */ ''}
   		const { splittableMarks } = editor.extensionManager;
   		const marks = storedMarks || selection.$to.parentOffset && selection.$from.marks();
   		tr.split($from.pos, 2, types).scrollIntoView();
+  		if (splitsAtStartOfItem) tr.setNodeMarkup(itemStart, void 0, newTypeAttributes);
   		if (!marks || !dispatch) return true;
   		const filteredMarks = marks.filter((mark) => splittableMarks.includes(mark.type.name));
   		tr.ensureMarks(filteredMarks);
@@ -46833,55 +47524,106 @@ so this becomes the fallback color for the slot */ ''}
   	}
   	return result;
   };
+  /**
+  * Prepares the typed text so the rule handler can inspect the resulting document.
+  */
+  function createRuleTransaction(config) {
+  	const { editor, from, to, text, insertText } = config;
+  	if (!insertText) return {
+  		inputTransaction: null,
+  		tr: editor.view.state.tr
+  	};
+  	const inputTransaction = editor.view.state.tr.insertText(text, from, to);
+  	return {
+  		inputTransaction,
+  		tr: EditorState.create({
+  			doc: inputTransaction.doc,
+  			selection: inputTransaction.selection,
+  			storedMarks: inputTransaction.storedMarks
+  		}).tr
+  	};
+  }
+  /**
+  * Runs a matching rule and dispatches the typed text before its conversion.
+  */
+  function applyRule(config) {
+  	const { editor, from, to, text, rule, match, plugin, insertText } = config;
+  	const { view } = editor;
+  	const { inputTransaction, tr } = createRuleTransaction({
+  		editor,
+  		from,
+  		to,
+  		text,
+  		insertText
+  	});
+  	const inputEnd = inputTransaction ? from + text.length : to;
+  	const state = createChainableState({
+  		state: view.state,
+  		transaction: tr
+  	});
+  	const range = {
+  		from: from - (match[0].length - text.length),
+  		to: inputEnd
+  	};
+  	const { commands, chain, can } = new CommandManager({
+  		editor,
+  		state
+  	});
+  	if (rule.handler({
+  		state,
+  		range,
+  		match,
+  		commands,
+  		chain,
+  		can
+  	}) === null || !tr.steps.length) return false;
+  	if (inputTransaction) {
+  		view.dispatch(inputTransaction);
+  		if (!view.state.doc.eq(inputTransaction.doc)) return true;
+  	}
+  	closeHistory(tr);
+  	tr.setMeta("inputRule", true);
+  	if (rule.undoable) tr.setMeta(plugin, {
+  		transform: tr,
+  		from,
+  		to: inputEnd,
+  		text
+  	});
+  	view.dispatch(tr);
+  	return true;
+  }
+  /**
+  * Checks that the part of a match already in the document has matching positions.
+  */
+  function matchesDocument($from, match, text) {
+  	const matchedDocLength = match[0].length - text.length;
+  	if (matchedDocLength <= 0) return true;
+  	const matchStartOffset = $from.parentOffset - matchedDocLength;
+  	return matchStartOffset >= 0 && $from.parent.textBetween(matchStartOffset, $from.parentOffset) === match[0].slice(0, matchedDocLength);
+  }
   function run$1$1(config) {
   	var _ref;
-  	const { editor, from, to, text, rules, plugin } = config;
+  	const { editor, from, to, text, rules, plugin, insertText } = config;
   	const { view } = editor;
   	if (view.composing) return false;
   	const $from = view.state.doc.resolve(from);
   	if ($from.parent.type.spec.code || !!((_ref = $from.nodeBefore || $from.nodeAfter) === null || _ref === void 0 ? void 0 : _ref.marks.find((mark) => mark.type.spec.code))) return false;
-  	let matched = false;
   	const textBefore = getTextContentFromNodes($from) + text;
-  	rules.forEach((rule) => {
-  		if (matched) return;
+  	for (const rule of rules) {
   		const match = inputRuleMatcherHandler(textBefore, rule.find);
-  		if (!match) return;
-  		const matchedDocLength = match[0].length - text.length;
-  		if (matchedDocLength > 0) {
-  			const matchStartOffset = $from.parentOffset - matchedDocLength;
-  			if (matchStartOffset < 0 || $from.parent.textBetween(matchStartOffset, $from.parentOffset) !== match[0].slice(0, matchedDocLength)) return;
-  		}
-  		const tr = view.state.tr;
-  		const state = createChainableState({
-  			state: view.state,
-  			transaction: tr
-  		});
-  		const range = {
-  			from: from - (match[0].length - text.length),
-  			to
-  		};
-  		const { commands, chain, can } = new CommandManager({
+  		if (!match || !matchesDocument($from, match, text)) continue;
+  		if (applyRule({
   			editor,
-  			state
-  		});
-  		if (rule.handler({
-  			state,
-  			range,
-  			match,
-  			commands,
-  			chain,
-  			can
-  		}) === null || !tr.steps.length) return;
-  		if (rule.undoable) tr.setMeta(plugin, {
-  			transform: tr,
   			from,
   			to,
-  			text
-  		});
-  		view.dispatch(tr);
-  		matched = true;
-  	});
-  	return matched;
+  			text,
+  			rule,
+  			match,
+  			plugin,
+  			insertText
+  		})) return true;
+  	}
+  	return false;
   }
   /**
   * Create an input rules plugin. When enabled, it will cause text
@@ -46925,7 +47667,8 @@ so this becomes the fallback color for the slot */ ''}
   					to,
   					text,
   					rules,
-  					plugin
+  					plugin,
+  					insertText: true
   				});
   			},
   			handleDOMEvents: { compositionend: (view) => {
@@ -47161,6 +47904,9 @@ so this becomes the fallback color for the slot */ ''}
   		pasteEvent = typeof ClipboardEvent !== "undefined" ? new ClipboardEvent("paste") : null;
   		return tr;
   	};
+  	editor.on("destroy", () => {
+  		if (tiptapDragFromOtherEditor === editor) tiptapDragFromOtherEditor = null;
+  	});
   	return rules.map((rule) => {
   		return new Plugin({
   			view(view) {
@@ -47186,6 +47932,7 @@ so this becomes the fallback color for the slot */ ''}
   					if (!isDroppedFromProseMirror) {
   						const dragFromOtherEditor = tiptapDragFromOtherEditor;
   						if (dragFromOtherEditor === null || dragFromOtherEditor === void 0 ? void 0 : dragFromOtherEditor.isEditable) setTimeout(() => {
+  							if (dragFromOtherEditor.isDestroyed) return;
   							const selection = dragFromOtherEditor.state.selection;
   							if (selection) dragFromOtherEditor.commands.deleteRange({
   								from: selection.from,
@@ -48355,7 +49102,10 @@ img.ProseMirror-separator {
   			...options
   		};
   		if (!this.editorView || !this.state || this.isDestroyed) return;
-  		if (this.options.editorProps) this.view.setProps(this.options.editorProps);
+  		if (this.options.editorProps) this.view.setProps({
+  			...this.options.editorProps,
+  			attributes: this.getEditorViewAttributes()
+  		});
   		this.view.updateState(this.state);
   	}
   	/**
@@ -48511,6 +49261,23 @@ img.ProseMirror-separator {
   		return doc;
   	}
   	/**
+  	* Returns the attributes for the editor element.
+  	* Merges the default `role="textbox"` with the attributes from `editorProps`,
+  	* so the role is kept no matter when the props are applied.
+  	*/
+  	getEditorViewAttributes() {
+  		var _this$options$editorP;
+  		const attributes = (_this$options$editorP = this.options.editorProps) === null || _this$options$editorP === void 0 ? void 0 : _this$options$editorP.attributes;
+  		if (isFunction$3(attributes)) return (state) => ({
+  			role: "textbox",
+  			...attributes(state)
+  		});
+  		return {
+  			role: "textbox",
+  			...attributes
+  		};
+  	}
+  	/**
   	* Creates a ProseMirror view.
   	*/
   	createView(element) {
@@ -48521,10 +49288,7 @@ img.ProseMirror-separator {
   		const transformPastedHTML = this.extensionManager.transformPastedHTML(baseTransformPastedHTML);
   		this.editorView = new EditorView(element, {
   			...editorProps,
-  			attributes: {
-  				role: "textbox",
-  				...editorProps === null || editorProps === void 0 ? void 0 : editorProps.attributes
-  			},
+  			attributes: this.getEditorViewAttributes(),
   			dispatchTransaction: dispatch,
   			transformPastedHTML,
   			state: this.editorState,
@@ -58227,7 +58991,7 @@ img.ProseMirror-separator {
               toDOM() { return ["div", ["hr"]]; }
           },
           heading: {
-              attrs: { level: { default: 1 } },
+              attrs: { level: { default: 1, validate: "number" } },
               content: "(text | image)*",
               group: "block",
               defining: true,
@@ -58237,7 +59001,7 @@ img.ProseMirror-separator {
                   { tag: "h4", attrs: { level: 4 } },
                   { tag: "h5", attrs: { level: 5 } },
                   { tag: "h6", attrs: { level: 6 } }],
-              toDOM(node) { return ["h" + node.attrs.level, 0]; }
+              toDOM(node) { return ["h" + +node.attrs.level, 0]; }
           },
           code_block: {
               content: "text*",
@@ -61734,8 +62498,27 @@ img.ProseMirror-separator {
   const UNICODE_WHITESPACE_PATTERN = "[\0- \xA0 ᠎ -\u2029 　]";
   const UNICODE_WHITESPACE_REGEX = new RegExp(UNICODE_WHITESPACE_PATTERN);
   const UNICODE_WHITESPACE_REGEX_END = new RegExp(`${UNICODE_WHITESPACE_PATTERN}$`);
+  const UNICODE_WHITESPACE_REGEX_TRAILING = new RegExp(`${UNICODE_WHITESPACE_PATTERN}+$`);
   const UNICODE_WHITESPACE_REGEX_GLOBAL = new RegExp(UNICODE_WHITESPACE_PATTERN, "g");
   //#endregion
+  //#region src/helpers/unlinkTrailingWhitespace.ts
+  function unlinkTrailingWhitespace(tr, range, type) {
+  	var _rangeEnd$nodeBefore, _insertedText$match;
+  	const rangeEnd = tr.doc.resolve(range.to);
+  	if (!((_rangeEnd$nodeBefore = rangeEnd.nodeBefore) === null || _rangeEnd$nodeBefore === void 0 ? void 0 : _rangeEnd$nodeBefore.isText)) return;
+  	const trailingWhitespace = (_insertedText$match = tr.doc.textBetween(range.from, range.to, "", "").match(UNICODE_WHITESPACE_REGEX_TRAILING)) === null || _insertedText$match === void 0 ? void 0 : _insertedText$match[0];
+  	if (!trailingWhitespace) return;
+  	const whitespaceFrom = range.to - trailingWhitespace.length;
+  	const linkMarks = getMarksBetween(whitespaceFrom, range.to, tr.doc).filter((item) => item.mark.type === type);
+  	if (!linkMarks.length) return;
+  	const { nodeAfter } = rangeEnd;
+  	if (!!nodeAfter && linkMarks.some((item) => item.mark.isInSet(nodeAfter.marks))) return;
+  	const storedMarks = tr.storedMarks;
+  	tr.removeMark(whitespaceFrom, range.to, type);
+  	tr.setStoredMarks(storedMarks);
+  	if (tr.selection.empty && tr.selection.from === range.to) tr.removeStoredMark(type);
+  }
+  //#endregion
   //#region src/helpers/autolink.ts
   /**
   * Check if the provided tokens form a valid link structure, which can either be a single link token
@@ -61776,6 +62559,21 @@ img.ProseMirror-separator {
   			if (!docChanges || preventAutolink) return;
   			const { tr } = newState;
   			const transform = combineTransactionSteps(oldState.doc, [...transactions]);
+  			if (!transactions.some(isHistoryTransaction)) {
+  				const insertedRanges = [];
+  				transform.steps.forEach((step, index) => {
+  					if (!(step instanceof ReplaceStep) || !step.slice.size) return;
+  					const mapping = transform.mapping.slice(index + 1);
+  					const from = mapping.map(step.from, 1);
+  					const to = mapping.map(step.from + step.slice.size, -1);
+  					if (from < to) insertedRanges.push({
+  						from,
+  						to
+  					});
+  				});
+  				insertedRanges.sort((left, right) => right.to - left.to);
+  				insertedRanges.forEach((range) => unlinkTrailingWhitespace(tr, range, options.type));
+  			}
   			getChangedRanges(transform).forEach(({ newRange }) => {
   				const nodesInChangedRanges = findChildrenInRange(newState.doc, newRange, (node) => node.isTextblock);
   				let textBlock;
@@ -63162,6 +63960,54 @@ img.ProseMirror-separator {
   	});
   }
   //#endregion
+  //#region src/ordered-list/collectOrderedListItemsFromSource.ts
+  const ORDERED_LIST_SCAN_WINDOW = 64;
+  function takeLines(source, max) {
+  	const lines = [];
+  	let start = 0;
+  	while (lines.length < max) {
+  		const lineEnd = source.indexOf("\n", start);
+  		if (lineEnd === -1) {
+  			lines.push(source.slice(start));
+  			return lines;
+  		}
+  		lines.push(source.slice(start, lineEnd));
+  		start = lineEnd + 1;
+  	}
+  	return lines;
+  }
+  /**
+  * Collect ordered list items from the start of `source`, reading only the lines the list needs.
+  *
+  * @param source Markdown beginning at a block boundary.
+  * @returns The items, how many lines they consumed, and the lines that were read.
+  * @example
+  *   collectOrderedListItemsFromSource('1. one\n2. two\n\nAfter')
+  *   // → [[item, item], 3, ['1. one', '2. two', '', 'After']]
+  */
+  function collectOrderedListItemsFromSource(source) {
+  	const firstLineEnd = source.indexOf("\n");
+  	const firstLine = firstLineEnd === -1 ? source : source.slice(0, firstLineEnd);
+  	if (!ORDERED_LIST_ITEM_REGEX.test(firstLine)) return [
+  		[],
+  		0,
+  		[]
+  	];
+  	let windowSize = ORDERED_LIST_SCAN_WINDOW;
+  	let lines = takeLines(source, windowSize);
+  	let collected = collectOrderedListItems(lines);
+  	while (collected[1] === lines.length && lines.length === windowSize) {
+  		windowSize *= 2;
+  		lines = takeLines(source, windowSize);
+  		collected = collectOrderedListItems(lines);
+  	}
+  	return [
+  		collected[0],
+  		collected[1],
+  		lines
+  	];
+  }
+  //#endregion
   //#region src/ordered-list/ordered-list.ts
   const ListItemName = "listItem";
   const TextStyleName = "textStyle";
@@ -63280,8 +64126,7 @@ img.ProseMirror-separator {
   		start: () => -1,
   		tokenize: (src, _tokens, lexer) => {
   			var _listItems$, _listItems$2;
-  			const lines = src.split("\n");
-  			const [listItems, consumed] = collectOrderedListItems(lines);
+  			const [listItems, consumed, lines] = collectOrderedListItemsFromSource(src);
   			if (listItems.length === 0) return;
   			const items = buildNestedStructure(listItems, listItems[0].indent, lexer);
   			if (items.length === 0) return;
@@ -66054,1026 +66899,412 @@ img.ProseMirror-separator {
   * This extension allows you to create text nodes.
   * @see https://www.tiptap.dev/api/nodes/text
   */
-  const Text = Node$1.create({
-  	name: "text",
-  	group: "inline",
-  	parseMarkdown: (token) => {
-  		return {
-  			type: "text",
-  			text: token.text || ""
-  		};
-  	},
-  	renderMarkdown: (node) => node.text || ""
-  });
-  //#endregion
-  //#region src/index.ts
-  var src_default = Text;
-
-  /**
-  Create a plugin that, when added to a ProseMirror instance,
-  causes a decoration to show up at the drop position when something
-  is dragged over the editor.
-
-  Nodes may add a `disableDropCursor` property to their spec to
-  control the showing of a drop cursor inside them. This may be a
-  boolean or a function, which will be called with a view and a
-  position, and should return a boolean.
-  */
-  function dropCursor(options = {}) {
-      return new Plugin({
-          view(editorView) { return new DropCursorView(editorView, options); }
-      });
-  }
-  class DropCursorView {
-      constructor(editorView, options) {
-          var _a;
-          this.editorView = editorView;
-          this.cursorPos = null;
-          this.element = null;
-          this.timeout = -1;
-          this.lastDragEvent = null;
-          this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;
-          this.color = options.color === false ? undefined : (options.color || "black");
-          this.class = options.class;
-          this.handlers = ["dragover", "dragend", "drop", "dragleave"].map(name => {
-              let handler = (e) => { this[name](e); };
-              editorView.dom.addEventListener(name, handler);
-              return { name, handler };
-          });
-      }
-      destroy() {
-          this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));
-      }
-      update(editorView, prevState) {
-          if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
-              // if we currently have an on-going drag event
-              // we need to update the cursor position again and update the overlay
-              if (this.lastDragEvent) {
-                  let target = this.computeTarget(this.lastDragEvent);
-                  if (target == this.cursorPos)
-                      this.updateOverlay();
-                  else
-                      this.setCursor(target);
-              }
-              else {
-                  this.updateOverlay();
-              }
-          }
-      }
-      setCursor(pos) {
-          if (pos == this.cursorPos)
-              return;
-          this.cursorPos = pos;
-          if (pos == null) {
-              this.element.parentNode.removeChild(this.element);
-              this.element = null;
-          }
-          else {
-              this.updateOverlay();
-          }
-      }
-      updateOverlay() {
-          let $pos = this.editorView.state.doc.resolve(this.cursorPos);
-          let isBlock = !$pos.parent.inlineContent, rect;
-          let editorDOM = this.editorView.dom, editorRect = editorDOM.getBoundingClientRect();
-          let scaleX = editorRect.width / editorDOM.offsetWidth, scaleY = editorRect.height / editorDOM.offsetHeight;
-          if (isBlock) {
-              let before = $pos.nodeBefore, after = $pos.nodeAfter;
-              if (before || after) {
-                  let node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));
-                  if (node) {
-                      let nodeRect = node.getBoundingClientRect();
-                      let top = before ? nodeRect.bottom : nodeRect.top;
-                      if (before && after)
-                          top = (top + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2;
-                      let halfWidth = (this.width / 2) * scaleY;
-                      rect = { left: nodeRect.left, right: nodeRect.right, top: top - halfWidth, bottom: top + halfWidth };
-                  }
-              }
-          }
-          if (!rect) {
-              let coords = this.editorView.coordsAtPos(this.cursorPos);
-              let halfWidth = (this.width / 2) * scaleX;
-              rect = { left: coords.left - halfWidth, right: coords.left + halfWidth, top: coords.top, bottom: coords.bottom };
-          }
-          let parent = this.editorView.dom.offsetParent;
-          if (!this.element) {
-              this.element = parent.appendChild(document.createElement("div"));
-              if (this.class)
-                  this.element.className = this.class;
-              this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;";
-              if (this.color) {
-                  this.element.style.backgroundColor = this.color;
-              }
-          }
-          this.element.classList.toggle("prosemirror-dropcursor-block", isBlock);
-          this.element.classList.toggle("prosemirror-dropcursor-inline", !isBlock);
-          let parentLeft, parentTop;
-          if (!parent || parent == document.body && getComputedStyle(parent).position == "static") {
-              parentLeft = -pageXOffset;
-              parentTop = -pageYOffset;
-          }
-          else {
-              let rect = parent.getBoundingClientRect();
-              let parentScaleX = rect.width / parent.offsetWidth, parentScaleY = rect.height / parent.offsetHeight;
-              parentLeft = rect.left - parent.scrollLeft * parentScaleX;
-              parentTop = rect.top - parent.scrollTop * parentScaleY;
-          }
-          this.element.style.left = (rect.left - parentLeft) / scaleX + "px";
-          this.element.style.top = (rect.top - parentTop) / scaleY + "px";
-          this.element.style.width = (rect.right - rect.left) / scaleX + "px";
-          this.element.style.height = (rect.bottom - rect.top) / scaleY + "px";
-      }
-      scheduleRemoval(timeout) {
-          clearTimeout(this.timeout);
-          this.timeout = setTimeout(() => this.setCursor(null), timeout);
-      }
-      computeTarget(event) {
-          let pos = this.editorView.posAtCoords({ left: event.clientX, top: event.clientY });
-          let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);
-          let disableDropCursor = node && node.type.spec.disableDropCursor;
-          let disabled = typeof disableDropCursor == "function"
-              ? disableDropCursor(this.editorView, pos, event)
-              : disableDropCursor;
-          if (!pos || disabled)
-              return null;
-          let target = pos.pos;
-          if (this.editorView.dragging && this.editorView.dragging.slice) {
-              let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
-              if (point != null)
-                  target = point;
-          }
-          return target;
-      }
-      dragover(event) {
-          if (!this.editorView.editable)
-              return;
-          this.lastDragEvent = event;
-          let target = this.computeTarget(event);
-          if (target != null) {
-              this.setCursor(target);
-              this.scheduleRemoval(5000);
-          }
-      }
-      dragend() {
-          this.scheduleRemoval(20);
-      }
-      drop() {
-          this.scheduleRemoval(20);
-      }
-      dragleave(event) {
-          if (!this.editorView.dom.contains(event.relatedTarget))
-              this.setCursor(null);
-      }
-  }
-
-  /**
-  Gap cursor selections are represented using this class. Its
-  `$anchor` and `$head` properties both point at the cursor position.
-  */
-  class GapCursor extends Selection$2 {
-      /**
-      Create a gap cursor.
-      */
-      constructor($pos) {
-          super($pos, $pos);
-      }
-      map(doc, mapping) {
-          let $pos = doc.resolve(mapping.map(this.head));
-          return GapCursor.valid($pos) ? new GapCursor($pos) : Selection$2.near($pos);
-      }
-      content() { return Slice.empty; }
-      eq(other) {
-          return other instanceof GapCursor && other.head == this.head;
-      }
-      toJSON() {
-          return { type: "gapcursor", pos: this.head };
-      }
-      /**
-      @internal
-      */
-      static fromJSON(doc, json) {
-          if (typeof json.pos != "number")
-              throw new RangeError("Invalid input for GapCursor.fromJSON");
-          return new GapCursor(doc.resolve(json.pos));
-      }
-      /**
-      @internal
-      */
-      getBookmark() { return new GapBookmark(this.anchor); }
-      /**
-      @internal
-      */
-      static valid($pos) {
-          let parent = $pos.parent;
-          if (parent.inlineContent || !closedBefore($pos) || !closedAfter($pos))
-              return false;
-          let override = parent.type.spec.allowGapCursor;
-          if (override != null)
-              return override;
-          let deflt = parent.contentMatchAt($pos.index()).defaultType;
-          return deflt && deflt.isTextblock;
-      }
-      /**
-      @internal
-      */
-      static findGapCursorFrom($pos, dir, mustMove = false) {
-          search: for (;;) {
-              if (!mustMove && GapCursor.valid($pos))
-                  return $pos;
-              let pos = $pos.pos, next = null;
-              // Scan up from this position
-              for (let d = $pos.depth;; d--) {
-                  let parent = $pos.node(d);
-                  if (dir > 0 ? $pos.indexAfter(d) < parent.childCount : $pos.index(d) > 0) {
-                      next = parent.child(dir > 0 ? $pos.indexAfter(d) : $pos.index(d) - 1);
-                      break;
-                  }
-                  else if (d == 0) {
-                      return null;
-                  }
-                  pos += dir;
-                  let $cur = $pos.doc.resolve(pos);
-                  if (GapCursor.valid($cur))
-                      return $cur;
-              }
-              // And then down into the next node
-              for (;;) {
-                  let inside = dir > 0 ? next.firstChild : next.lastChild;
-                  if (!inside) {
-                      if (next.isAtom && !next.isText && !NodeSelection.isSelectable(next)) {
-                          $pos = $pos.doc.resolve(pos + next.nodeSize * dir);
-                          mustMove = false;
-                          continue search;
-                      }
-                      break;
-                  }
-                  next = inside;
-                  pos += dir;
-                  let $cur = $pos.doc.resolve(pos);
-                  if (GapCursor.valid($cur))
-                      return $cur;
-              }
-              return null;
-          }
-      }
-  }
-  GapCursor.prototype.visible = false;
-  GapCursor.findFrom = GapCursor.findGapCursorFrom;
-  Selection$2.jsonID("gapcursor", GapCursor);
-  class GapBookmark {
-      constructor(pos) {
-          this.pos = pos;
-      }
-      map(mapping) {
-          return new GapBookmark(mapping.map(this.pos));
-      }
-      resolve(doc) {
-          let $pos = doc.resolve(this.pos);
-          return GapCursor.valid($pos) ? new GapCursor($pos) : Selection$2.near($pos);
-      }
-  }
-  function needsGap(type) {
-      return type.isAtom || type.spec.isolating || type.spec.createGapCursor;
-  }
-  function closedBefore($pos) {
-      for (let d = $pos.depth; d >= 0; d--) {
-          let index = $pos.index(d), parent = $pos.node(d);
-          // At the start of this parent, look at next one
-          if (index == 0) {
-              if (parent.type.spec.isolating)
-                  return true;
-              continue;
-          }
-          // See if the node before (or its first ancestor) is closed
-          for (let before = parent.child(index - 1);; before = before.lastChild) {
-              if ((before.childCount == 0 && !before.inlineContent) || needsGap(before.type))
-                  return true;
-              if (before.inlineContent)
-                  return false;
-          }
-      }
-      // Hit start of document
-      return true;
-  }
-  function closedAfter($pos) {
-      for (let d = $pos.depth; d >= 0; d--) {
-          let index = $pos.indexAfter(d), parent = $pos.node(d);
-          if (index == parent.childCount) {
-              if (parent.type.spec.isolating)
-                  return true;
-              continue;
-          }
-          for (let after = parent.child(index);; after = after.firstChild) {
-              if ((after.childCount == 0 && !after.inlineContent) || needsGap(after.type))
-                  return true;
-              if (after.inlineContent)
-                  return false;
-          }
-      }
-      return true;
-  }
+  const Text = Node$1.create({
+  	name: "text",
+  	group: "inline",
+  	parseMarkdown: (token) => {
+  		return {
+  			type: "text",
+  			text: token.text || ""
+  		};
+  	},
+  	renderMarkdown: (node) => node.text || ""
+  });
+  //#endregion
+  //#region src/index.ts
+  var src_default = Text;
 
   /**
-  Create a gap cursor plugin. When enabled, this will capture clicks
-  near and arrow-key-motion past places that don't have a normally
-  selectable position nearby, and create a gap cursor selection for
-  them. The cursor is drawn as an element with class
-  `ProseMirror-gapcursor`. You can either include
-  `style/gapcursor.css` from the package's directory or add your own
-  styles to make it visible.
+  Create a plugin that, when added to a ProseMirror instance,
+  causes a decoration to show up at the drop position when something
+  is dragged over the editor.
+
+  Nodes may add a `disableDropCursor` property to their spec to
+  control the showing of a drop cursor inside them. This may be a
+  boolean or a function, which will be called with a view and a
+  position, and should return a boolean.
   */
-  function gapCursor() {
+  function dropCursor(options = {}) {
       return new Plugin({
-          props: {
-              decorations: drawGapCursor,
-              createSelectionBetween(_view, $anchor, $head) {
-                  return $anchor.pos == $head.pos && GapCursor.valid($head) ? new GapCursor($head) : null;
-              },
-              handleClick,
-              handleKeyDown,
-              handleDOMEvents: { beforeinput: beforeinput }
-          }
+          view(editorView) { return new DropCursorView(editorView, options); }
       });
   }
-  const handleKeyDown = keydownHandler({
-      "ArrowLeft": arrow("horiz", -1),
-      "ArrowRight": arrow("horiz", 1),
-      "ArrowUp": arrow("vert", -1),
-      "ArrowDown": arrow("vert", 1)
-  });
-  function arrow(axis, dir) {
-      const dirStr = axis == "vert" ? (dir > 0 ? "down" : "up") : (dir > 0 ? "right" : "left");
-      return function (state, dispatch, view) {
-          let sel = state.selection;
-          let $start = dir > 0 ? sel.$to : sel.$from, mustMove = sel.empty;
-          if (sel instanceof TextSelection) {
-              if (!view.endOfTextblock(dirStr) || $start.depth == 0)
-                  return false;
-              mustMove = false;
-              $start = state.doc.resolve(dir > 0 ? $start.after() : $start.before());
-          }
-          let $found = GapCursor.findGapCursorFrom($start, dir, mustMove);
-          if (!$found)
-              return false;
-          if (dispatch)
-              dispatch(state.tr.setSelection(new GapCursor($found)));
-          return true;
-      };
-  }
-  function handleClick(view, pos, event) {
-      if (!view || !view.editable)
-          return false;
-      let $pos = view.state.doc.resolve(pos);
-      if (!GapCursor.valid($pos))
-          return false;
-      let clickPos = view.posAtCoords({ left: event.clientX, top: event.clientY });
-      if (clickPos && clickPos.inside > -1 && NodeSelection.isSelectable(view.state.doc.nodeAt(clickPos.inside)))
-          return false;
-      view.dispatch(view.state.tr.setSelection(new GapCursor($pos)));
-      return true;
-  }
-  // This is a hack that, when a composition starts while a gap cursor
-  // is active, quickly creates an inline context for the composition to
-  // happen in, to avoid it being aborted by the DOM selection being
-  // moved into a valid position.
-  function beforeinput(view, event) {
-      if (event.inputType != "insertCompositionText" || !(view.state.selection instanceof GapCursor))
-          return false;
-      let { $from } = view.state.selection;
-      let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
-      if (!insert)
-          return false;
-      let frag = Fragment.empty;
-      for (let i = insert.length - 1; i >= 0; i--)
-          frag = Fragment.from(insert[i].createAndFill(null, frag));
-      let tr = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
-      tr.setSelection(TextSelection.near(tr.doc.resolve($from.pos + 1)));
-      view.dispatch(tr);
-      return false;
-  }
-  function drawGapCursor(state) {
-      if (!(state.selection instanceof GapCursor))
-          return null;
-      let node = document.createElement("div");
-      node.className = "ProseMirror-gapcursor";
-      return DecorationSet.create(state.doc, [Decoration.widget(state.selection.head, node, { key: "gapcursor" })]);
-  }
-
-  var GOOD_LEAF_SIZE = 200;
-
-  // :: class<T> A rope sequence is a persistent sequence data structure
-  // that supports appending, prepending, and slicing without doing a
-  // full copy. It is represented as a mostly-balanced tree.
-  var RopeSequence = function RopeSequence () {};
-
-  RopeSequence.prototype.append = function append (other) {
-    if (!other.length) { return this }
-    other = RopeSequence.from(other);
-
-    return (!this.length && other) ||
-      (other.length < GOOD_LEAF_SIZE && this.leafAppend(other)) ||
-      (this.length < GOOD_LEAF_SIZE && other.leafPrepend(this)) ||
-      this.appendInner(other)
-  };
-
-  // :: (union<[T], RopeSequence<T>>) → RopeSequence<T>
-  // Prepend an array or other rope to this one, returning a new rope.
-  RopeSequence.prototype.prepend = function prepend (other) {
-    if (!other.length) { return this }
-    return RopeSequence.from(other).append(this)
-  };
-
-  RopeSequence.prototype.appendInner = function appendInner (other) {
-    return new Append(this, other)
-  };
-
-  // :: (?number, ?number) → RopeSequence<T>
-  // Create a rope repesenting a sub-sequence of this rope.
-  RopeSequence.prototype.slice = function slice (from, to) {
-      if ( from === void 0 ) from = 0;
-      if ( to === void 0 ) to = this.length;
-
-    if (from >= to) { return RopeSequence.empty }
-    return this.sliceInner(Math.max(0, from), Math.min(this.length, to))
-  };
-
-  // :: (number) → T
-  // Retrieve the element at the given position from this rope.
-  RopeSequence.prototype.get = function get (i) {
-    if (i < 0 || i >= this.length) { return undefined }
-    return this.getInner(i)
-  };
-
-  // :: ((element: T, index: number) → ?bool, ?number, ?number)
-  // Call the given function for each element between the given
-  // indices. This tends to be more efficient than looping over the
-  // indices and calling `get`, because it doesn't have to descend the
-  // tree for every element.
-  RopeSequence.prototype.forEach = function forEach (f, from, to) {
-      if ( from === void 0 ) from = 0;
-      if ( to === void 0 ) to = this.length;
-
-    if (from <= to)
-      { this.forEachInner(f, from, to, 0); }
-    else
-      { this.forEachInvertedInner(f, from, to, 0); }
-  };
-
-  // :: ((element: T, index: number) → U, ?number, ?number) → [U]
-  // Map the given functions over the elements of the rope, producing
-  // a flat array.
-  RopeSequence.prototype.map = function map (f, from, to) {
-      if ( from === void 0 ) from = 0;
-      if ( to === void 0 ) to = this.length;
-
-    var result = [];
-    this.forEach(function (elt, i) { return result.push(f(elt, i)); }, from, to);
-    return result
-  };
-
-  // :: (?union<[T], RopeSequence<T>>) → RopeSequence<T>
-  // Create a rope representing the given array, or return the rope
-  // itself if a rope was given.
-  RopeSequence.from = function from (values) {
-    if (values instanceof RopeSequence) { return values }
-    return values && values.length ? new Leaf(values) : RopeSequence.empty
-  };
-
-  var Leaf = /*@__PURE__*/(function (RopeSequence) {
-    function Leaf(values) {
-      RopeSequence.call(this);
-      this.values = values;
-    }
-
-    if ( RopeSequence ) Leaf.__proto__ = RopeSequence;
-    Leaf.prototype = Object.create( RopeSequence && RopeSequence.prototype );
-    Leaf.prototype.constructor = Leaf;
-
-    var prototypeAccessors = { length: { configurable: true },depth: { configurable: true } };
-
-    Leaf.prototype.flatten = function flatten () {
-      return this.values
-    };
-
-    Leaf.prototype.sliceInner = function sliceInner (from, to) {
-      if (from == 0 && to == this.length) { return this }
-      return new Leaf(this.values.slice(from, to))
-    };
-
-    Leaf.prototype.getInner = function getInner (i) {
-      return this.values[i]
-    };
-
-    Leaf.prototype.forEachInner = function forEachInner (f, from, to, start) {
-      for (var i = from; i < to; i++)
-        { if (f(this.values[i], start + i) === false) { return false } }
-    };
-
-    Leaf.prototype.forEachInvertedInner = function forEachInvertedInner (f, from, to, start) {
-      for (var i = from - 1; i >= to; i--)
-        { if (f(this.values[i], start + i) === false) { return false } }
-    };
-
-    Leaf.prototype.leafAppend = function leafAppend (other) {
-      if (this.length + other.length <= GOOD_LEAF_SIZE)
-        { return new Leaf(this.values.concat(other.flatten())) }
-    };
-
-    Leaf.prototype.leafPrepend = function leafPrepend (other) {
-      if (this.length + other.length <= GOOD_LEAF_SIZE)
-        { return new Leaf(other.flatten().concat(this.values)) }
-    };
-
-    prototypeAccessors.length.get = function () { return this.values.length };
-
-    prototypeAccessors.depth.get = function () { return 0 };
-
-    Object.defineProperties( Leaf.prototype, prototypeAccessors );
-
-    return Leaf;
-  }(RopeSequence));
-
-  // :: RopeSequence
-  // The empty rope sequence.
-  RopeSequence.empty = new Leaf([]);
-
-  var Append = /*@__PURE__*/(function (RopeSequence) {
-    function Append(left, right) {
-      RopeSequence.call(this);
-      this.left = left;
-      this.right = right;
-      this.length = left.length + right.length;
-      this.depth = Math.max(left.depth, right.depth) + 1;
-    }
-
-    if ( RopeSequence ) Append.__proto__ = RopeSequence;
-    Append.prototype = Object.create( RopeSequence && RopeSequence.prototype );
-    Append.prototype.constructor = Append;
-
-    Append.prototype.flatten = function flatten () {
-      return this.left.flatten().concat(this.right.flatten())
-    };
-
-    Append.prototype.getInner = function getInner (i) {
-      return i < this.left.length ? this.left.get(i) : this.right.get(i - this.left.length)
-    };
-
-    Append.prototype.forEachInner = function forEachInner (f, from, to, start) {
-      var leftLen = this.left.length;
-      if (from < leftLen &&
-          this.left.forEachInner(f, from, Math.min(to, leftLen), start) === false)
-        { return false }
-      if (to > leftLen &&
-          this.right.forEachInner(f, Math.max(from - leftLen, 0), Math.min(this.length, to) - leftLen, start + leftLen) === false)
-        { return false }
-    };
-
-    Append.prototype.forEachInvertedInner = function forEachInvertedInner (f, from, to, start) {
-      var leftLen = this.left.length;
-      if (from > leftLen &&
-          this.right.forEachInvertedInner(f, from - leftLen, Math.max(to, leftLen) - leftLen, start + leftLen) === false)
-        { return false }
-      if (to < leftLen &&
-          this.left.forEachInvertedInner(f, Math.min(from, leftLen), to, start) === false)
-        { return false }
-    };
-
-    Append.prototype.sliceInner = function sliceInner (from, to) {
-      if (from == 0 && to == this.length) { return this }
-      var leftLen = this.left.length;
-      if (to <= leftLen) { return this.left.slice(from, to) }
-      if (from >= leftLen) { return this.right.slice(from - leftLen, to - leftLen) }
-      return this.left.slice(from, leftLen).append(this.right.slice(0, to - leftLen))
-    };
-
-    Append.prototype.leafAppend = function leafAppend (other) {
-      var inner = this.right.leafAppend(other);
-      if (inner) { return new Append(this.left, inner) }
-    };
-
-    Append.prototype.leafPrepend = function leafPrepend (other) {
-      var inner = this.left.leafPrepend(other);
-      if (inner) { return new Append(inner, this.right) }
-    };
-
-    Append.prototype.appendInner = function appendInner (other) {
-      if (this.left.depth >= Math.max(this.right.depth, other.depth) + 1)
-        { return new Append(this.left, new Append(this.right, other)) }
-      return new Append(this, other)
-    };
-
-    return Append;
-  }(RopeSequence));
-
-  // ProseMirror's history isn't simply a way to roll back to a previous
-  // state, because ProseMirror supports applying changes without adding
-  // them to the history (for example during collaboration).
-  //
-  // To this end, each 'Branch' (one for the undo history and one for
-  // the redo history) keeps an array of 'Items', which can optionally
-  // hold a step (an actual undoable change), and always hold a position
-  // map (which is needed to move changes below them to apply to the
-  // current document).
-  //
-  // An item that has both a step and a selection bookmark is the start
-  // of an 'event' — a group of changes that will be undone or redone at
-  // once. (It stores only the bookmark, since that way we don't have to
-  // provide a document until the selection is actually applied, which
-  // is useful when compressing.)
-  // Used to schedule history compression
-  const max_empty_items = 500;
-  class Branch {
-      constructor(items, eventCount) {
-          this.items = items;
-          this.eventCount = eventCount;
-      }
-      // Pop the latest event off the branch's history and apply it
-      // to a document transform.
-      popEvent(state, preserveItems) {
-          if (this.eventCount == 0)
-              return null;
-          let end = this.items.length;
-          for (;; end--) {
-              let next = this.items.get(end - 1);
-              if (next.selection) {
-                  --end;
-                  break;
-              }
-          }
-          let remap, mapFrom;
-          if (preserveItems) {
-              remap = this.remapping(end, this.items.length);
-              mapFrom = remap.maps.length;
-          }
-          let transform = state.tr;
-          let selection, remaining;
-          let addAfter = [], addBefore = [];
-          this.items.forEach((item, i) => {
-              if (!item.step) {
-                  if (!remap) {
-                      remap = this.remapping(end, i + 1);
-                      mapFrom = remap.maps.length;
-                  }
-                  mapFrom--;
-                  addBefore.push(item);
-                  return;
-              }
-              if (remap) {
-                  addBefore.push(new Item(item.map));
-                  let step = item.step.map(remap.slice(mapFrom)), map;
-                  if (step && transform.maybeStep(step).doc) {
-                      map = transform.mapping.maps[transform.mapping.maps.length - 1];
-                      addAfter.push(new Item(map, undefined, undefined, addAfter.length + addBefore.length));
-                  }
-                  mapFrom--;
-                  if (map)
-                      remap.appendMap(map, mapFrom);
-              }
-              else {
-                  transform.maybeStep(item.step);
-              }
-              if (item.selection) {
-                  selection = remap ? item.selection.map(remap.slice(mapFrom)) : item.selection;
-                  remaining = new Branch(this.items.slice(0, end).append(addBefore.reverse().concat(addAfter)), this.eventCount - 1);
-                  return false;
-              }
-          }, this.items.length, 0);
-          return { remaining: remaining, transform, selection: selection };
-      }
-      // Create a new branch with the given transform added.
-      addTransform(transform, selection, histOptions, preserveItems) {
-          let newItems = [], eventCount = this.eventCount;
-          let oldItems = this.items, lastItem = !preserveItems && oldItems.length ? oldItems.get(oldItems.length - 1) : null;
-          for (let i = 0; i < transform.steps.length; i++) {
-              let step = transform.steps[i].invert(transform.docs[i]);
-              let item = new Item(transform.mapping.maps[i], step, selection), merged;
-              if (merged = lastItem && lastItem.merge(item)) {
-                  item = merged;
-                  if (i)
-                      newItems.pop();
-                  else
-                      oldItems = oldItems.slice(0, oldItems.length - 1);
-              }
-              newItems.push(item);
-              if (selection) {
-                  eventCount++;
-                  selection = undefined;
-              }
-              if (!preserveItems)
-                  lastItem = item;
-          }
-          let overflow = eventCount - histOptions.depth;
-          if (overflow > DEPTH_OVERFLOW) {
-              oldItems = cutOffEvents(oldItems, overflow);
-              eventCount -= overflow;
-          }
-          return new Branch(oldItems.append(newItems), eventCount);
-      }
-      remapping(from, to) {
-          let maps = new Mapping;
-          this.items.forEach((item, i) => {
-              let mirrorPos = item.mirrorOffset != null && i - item.mirrorOffset >= from
-                  ? maps.maps.length - item.mirrorOffset : undefined;
-              maps.appendMap(item.map, mirrorPos);
-          }, from, to);
-          return maps;
-      }
-      addMaps(array) {
-          if (this.eventCount == 0)
-              return this;
-          return new Branch(this.items.append(array.map(map => new Item(map))), this.eventCount);
-      }
-      // When the collab module receives remote changes, the history has
-      // to know about those, so that it can adjust the steps that were
-      // rebased on top of the remote changes, and include the position
-      // maps for the remote changes in its array of items.
-      rebased(rebasedTransform, rebasedCount) {
-          if (!this.eventCount)
-              return this;
-          let rebasedItems = [], start = Math.max(0, this.items.length - rebasedCount);
-          let mapping = rebasedTransform.mapping;
-          let newUntil = rebasedTransform.steps.length;
-          let eventCount = this.eventCount;
-          this.items.forEach(item => { if (item.selection)
-              eventCount--; }, start);
-          let iRebased = rebasedCount;
-          this.items.forEach(item => {
-              let pos = mapping.getMirror(--iRebased);
-              if (pos == null)
-                  return;
-              newUntil = Math.min(newUntil, pos);
-              let map = mapping.maps[pos];
-              if (item.step) {
-                  let step = rebasedTransform.steps[pos].invert(rebasedTransform.docs[pos]);
-                  let selection = item.selection && item.selection.map(mapping.slice(iRebased + 1, pos));
-                  if (selection)
-                      eventCount++;
-                  rebasedItems.push(new Item(map, step, selection));
-              }
-              else {
-                  rebasedItems.push(new Item(map));
-              }
-          }, start);
-          let newMaps = [];
-          for (let i = rebasedCount; i < newUntil; i++)
-              newMaps.push(new Item(mapping.maps[i]));
-          let items = this.items.slice(0, start).append(newMaps).append(rebasedItems);
-          let branch = new Branch(items, eventCount);
-          if (branch.emptyItemCount() > max_empty_items)
-              branch = branch.compress(this.items.length - rebasedItems.length);
-          return branch;
+  class DropCursorView {
+      constructor(editorView, options) {
+          var _a;
+          this.editorView = editorView;
+          this.cursorPos = null;
+          this.element = null;
+          this.timeout = -1;
+          this.lastDragEvent = null;
+          this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;
+          this.color = options.color === false ? undefined : (options.color || "black");
+          this.class = options.class;
+          this.handlers = ["dragover", "dragend", "drop", "dragleave"].map(name => {
+              let handler = (e) => { this[name](e); };
+              editorView.dom.addEventListener(name, handler);
+              return { name, handler };
+          });
       }
-      emptyItemCount() {
-          let count = 0;
-          this.items.forEach(item => { if (!item.step)
-              count++; });
-          return count;
+      destroy() {
+          this.setCursor(null);
+          this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));
       }
-      // Compressing a branch means rewriting it to push the air (map-only
-      // items) out. During collaboration, these naturally accumulate
-      // because each remote change adds one. The `upto` argument is used
-      // to ensure that only the items below a given level are compressed,
-      // because `rebased` relies on a clean, untouched set of items in
-      // order to associate old items with rebased steps.
-      compress(upto = this.items.length) {
-          let remap = this.remapping(0, upto), mapFrom = remap.maps.length;
-          let items = [], events = 0;
-          this.items.forEach((item, i) => {
-              if (i >= upto) {
-                  items.push(item);
-                  if (item.selection)
-                      events++;
+      update(editorView, prevState) {
+          if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
+              // if we currently have an on-going drag event
+              // we need to update the cursor position again and update the overlay
+              if (this.lastDragEvent) {
+                  let target = this.computeTarget(this.lastDragEvent);
+                  if (target == this.cursorPos)
+                      this.updateOverlay();
+                  else
+                      this.setCursor(target);
               }
-              else if (item.step) {
-                  let step = item.step.map(remap.slice(mapFrom)), map = step && step.getMap();
-                  mapFrom--;
-                  if (map)
-                      remap.appendMap(map, mapFrom);
-                  if (step) {
-                      let selection = item.selection && item.selection.map(remap.slice(mapFrom));
-                      if (selection)
-                          events++;
-                      let newItem = new Item(map.invert(), step, selection), merged, last = items.length - 1;
-                      if (merged = items.length && items[last].merge(newItem))
-                          items[last] = merged;
-                      else
-                          items.push(newItem);
+              else {
+                  this.updateOverlay();
+              }
+          }
+      }
+      setCursor(pos) {
+          if (pos == this.cursorPos)
+              return;
+          this.cursorPos = pos;
+          if (pos == null) {
+              this.element.parentNode.removeChild(this.element);
+              this.element = null;
+          }
+          else {
+              this.updateOverlay();
+          }
+      }
+      updateOverlay() {
+          let $pos = this.editorView.state.doc.resolve(this.cursorPos);
+          let isBlock = !$pos.parent.inlineContent, rect;
+          let editorDOM = this.editorView.dom, editorRect = editorDOM.getBoundingClientRect();
+          let scaleX = editorRect.width / editorDOM.offsetWidth, scaleY = editorRect.height / editorDOM.offsetHeight;
+          if (isBlock) {
+              let before = $pos.nodeBefore, after = $pos.nodeAfter;
+              if (before || after) {
+                  let node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));
+                  if (node) {
+                      let nodeRect = node.getBoundingClientRect();
+                      let top = before ? nodeRect.bottom : nodeRect.top;
+                      if (before && after)
+                          top = (top + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2;
+                      let halfWidth = (this.width / 2) * scaleY;
+                      rect = { left: nodeRect.left, right: nodeRect.right, top: top - halfWidth, bottom: top + halfWidth };
                   }
               }
-              else if (item.map) {
-                  mapFrom--;
+          }
+          if (!rect) {
+              let coords = this.editorView.coordsAtPos(this.cursorPos);
+              let halfWidth = (this.width / 2) * scaleX;
+              rect = { left: coords.left - halfWidth, right: coords.left + halfWidth, top: coords.top, bottom: coords.bottom };
+          }
+          let parent = this.editorView.dom.offsetParent;
+          if (!this.element) {
+              this.element = parent.appendChild(document.createElement("div"));
+              if (this.class)
+                  this.element.className = this.class;
+              this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;";
+              if (this.color) {
+                  this.element.style.backgroundColor = this.color;
               }
-          }, this.items.length, 0);
-          return new Branch(RopeSequence.from(items.reverse()), events);
+          }
+          this.element.classList.toggle("prosemirror-dropcursor-block", isBlock);
+          this.element.classList.toggle("prosemirror-dropcursor-inline", !isBlock);
+          let parentLeft, parentTop;
+          if (!parent || parent == document.body && getComputedStyle(parent).position == "static") {
+              parentLeft = -pageXOffset;
+              parentTop = -pageYOffset;
+          }
+          else {
+              let rect = parent.getBoundingClientRect();
+              let parentScaleX = rect.width / parent.offsetWidth, parentScaleY = rect.height / parent.offsetHeight;
+              parentLeft = rect.left - parent.scrollLeft * parentScaleX;
+              parentTop = rect.top - parent.scrollTop * parentScaleY;
+          }
+          this.element.style.left = (rect.left - parentLeft) / scaleX + "px";
+          this.element.style.top = (rect.top - parentTop) / scaleY + "px";
+          this.element.style.width = (rect.right - rect.left) / scaleX + "px";
+          this.element.style.height = (rect.bottom - rect.top) / scaleY + "px";
       }
-  }
-  Branch.empty = new Branch(RopeSequence.empty, 0);
-  function cutOffEvents(items, n) {
-      let cutPoint;
-      items.forEach((item, i) => {
-          if (item.selection && (n-- == 0)) {
-              cutPoint = i;
-              return false;
+      scheduleRemoval(timeout) {
+          clearTimeout(this.timeout);
+          this.timeout = setTimeout(() => this.setCursor(null), timeout);
+      }
+      computeTarget(event) {
+          let pos = this.editorView.posAtCoords({ left: event.clientX, top: event.clientY });
+          let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);
+          let disableDropCursor = node && node.type.spec.disableDropCursor;
+          let disabled = typeof disableDropCursor == "function"
+              ? disableDropCursor(this.editorView, pos, event)
+              : disableDropCursor;
+          if (!pos || disabled)
+              return null;
+          let target = pos.pos;
+          if (this.editorView.dragging && this.editorView.dragging.slice) {
+              let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
+              if (point != null)
+                  target = point;
           }
-      });
-      return items.slice(cutPoint);
-  }
-  class Item {
-      constructor(
-      // The (forward) step map for this item.
-      map, 
-      // The inverted step
-      step, 
-      // If this is non-null, this item is the start of a group, and
-      // this selection is the starting selection for the group (the one
-      // that was active before the first step was applied)
-      selection, 
-      // If this item is the inverse of a previous mapping on the stack,
-      // this points at the inverse's offset
-      mirrorOffset) {
-          this.map = map;
-          this.step = step;
-          this.selection = selection;
-          this.mirrorOffset = mirrorOffset;
+          return target;
       }
-      merge(other) {
-          if (this.step && other.step && !other.selection) {
-              let step = other.step.merge(this.step);
-              if (step)
-                  return new Item(step.getMap().invert(), step, this.selection);
+      dragover(event) {
+          if (!this.editorView.editable)
+              return;
+          this.lastDragEvent = event;
+          let target = this.computeTarget(event);
+          if (target != null) {
+              this.setCursor(target);
+              this.scheduleRemoval(5000);
           }
       }
-  }
-  // The value of the state field that tracks undo/redo history for that
-  // state. Will be stored in the plugin state when the history plugin
-  // is active.
-  class HistoryState {
-      constructor(done, undone, prevRanges, prevTime, prevComposition) {
-          this.done = done;
-          this.undone = undone;
-          this.prevRanges = prevRanges;
-          this.prevTime = prevTime;
-          this.prevComposition = prevComposition;
+      dragend() {
+          this.scheduleRemoval(20);
+      }
+      drop() {
+          this.scheduleRemoval(20);
+      }
+      dragleave(event) {
+          if (!this.editorView.dom.contains(event.relatedTarget))
+              this.setCursor(null);
       }
   }
-  const DEPTH_OVERFLOW = 20;
-  // Record a transformation in undo history.
-  function applyTransaction(history, state, tr, options) {
-      let historyTr = tr.getMeta(historyKey), rebased;
-      if (historyTr)
-          return historyTr.historyState;
-      if (tr.getMeta(closeHistoryKey))
-          history = new HistoryState(history.done, history.undone, null, 0, -1);
-      let appended = tr.getMeta("appendedTransaction");
-      if (tr.steps.length == 0) {
-          return history;
+
+  /**
+  Gap cursor selections are represented using this class. Its
+  `$anchor` and `$head` properties both point at the cursor position.
+  */
+  class GapCursor extends Selection$2 {
+      /**
+      Create a gap cursor.
+      */
+      constructor($pos) {
+          super($pos, $pos);
       }
-      else if (appended && appended.getMeta(historyKey)) {
-          if (appended.getMeta(historyKey).redo)
-              return new HistoryState(history.done.addTransform(tr, undefined, options, mustPreserveItems(state)), history.undone, rangesFor(tr.mapping.maps), history.prevTime, history.prevComposition);
-          else
-              return new HistoryState(history.done, history.undone.addTransform(tr, undefined, options, mustPreserveItems(state)), null, history.prevTime, history.prevComposition);
+      map(doc, mapping) {
+          let $pos = doc.resolve(mapping.map(this.head));
+          return GapCursor.valid($pos) ? new GapCursor($pos) : Selection$2.near($pos);
       }
-      else if (tr.getMeta("addToHistory") !== false && !(appended && appended.getMeta("addToHistory") === false)) {
-          // Group transforms that occur in quick succession into one event.
-          let composition = tr.getMeta("composition");
-          let newGroup = history.prevTime == 0 ||
-              (!appended && history.prevComposition != composition &&
-                  (history.prevTime < (tr.time || 0) - options.newGroupDelay || !isAdjacentTo(tr, history.prevRanges)));
-          let prevRanges = appended ? mapRanges(history.prevRanges, tr.mapping) : rangesFor(tr.mapping.maps);
-          return new HistoryState(history.done.addTransform(tr, newGroup ? state.selection.getBookmark() : undefined, options, mustPreserveItems(state)), Branch.empty, prevRanges, tr.time, composition == null ? history.prevComposition : composition);
+      content() { return Slice.empty; }
+      eq(other) {
+          return other instanceof GapCursor && other.head == this.head;
       }
-      else if (rebased = tr.getMeta("rebased")) {
-          // Used by the collab module to tell the history that some of its
-          // content has been rebased.
-          return new HistoryState(history.done.rebased(tr, rebased), history.undone.rebased(tr, rebased), mapRanges(history.prevRanges, tr.mapping), history.prevTime, history.prevComposition);
+      toJSON() {
+          return { type: "gapcursor", pos: this.head };
       }
-      else {
-          return new HistoryState(history.done.addMaps(tr.mapping.maps), history.undone.addMaps(tr.mapping.maps), mapRanges(history.prevRanges, tr.mapping), history.prevTime, history.prevComposition);
+      /**
+      @internal
+      */
+      static fromJSON(doc, json) {
+          if (typeof json.pos != "number")
+              throw new RangeError("Invalid input for GapCursor.fromJSON");
+          return new GapCursor(doc.resolve(json.pos));
+      }
+      /**
+      @internal
+      */
+      getBookmark() { return new GapBookmark(this.anchor); }
+      /**
+      @internal
+      */
+      static valid($pos) {
+          let parent = $pos.parent;
+          if (parent.inlineContent || !closedBefore($pos) || !closedAfter($pos))
+              return false;
+          let override = parent.type.spec.allowGapCursor;
+          if (override != null)
+              return override;
+          let deflt = parent.contentMatchAt($pos.index()).defaultType;
+          return deflt && deflt.isTextblock;
+      }
+      /**
+      @internal
+      */
+      static findGapCursorFrom($pos, dir, mustMove = false) {
+          search: for (;;) {
+              if (!mustMove && GapCursor.valid($pos))
+                  return $pos;
+              let pos = $pos.pos, next = null;
+              // Scan up from this position
+              for (let d = $pos.depth;; d--) {
+                  let parent = $pos.node(d);
+                  if (dir > 0 ? $pos.indexAfter(d) < parent.childCount : $pos.index(d) > 0) {
+                      next = parent.child(dir > 0 ? $pos.indexAfter(d) : $pos.index(d) - 1);
+                      break;
+                  }
+                  else if (d == 0) {
+                      return null;
+                  }
+                  pos += dir;
+                  let $cur = $pos.doc.resolve(pos);
+                  if (GapCursor.valid($cur))
+                      return $cur;
+              }
+              // And then down into the next node
+              for (;;) {
+                  let inside = dir > 0 ? next.firstChild : next.lastChild;
+                  if (!inside) {
+                      if (next.isAtom && !next.isText && !NodeSelection.isSelectable(next)) {
+                          $pos = $pos.doc.resolve(pos + next.nodeSize * dir);
+                          mustMove = false;
+                          continue search;
+                      }
+                      break;
+                  }
+                  next = inside;
+                  pos += dir;
+                  let $cur = $pos.doc.resolve(pos);
+                  if (GapCursor.valid($cur))
+                      return $cur;
+              }
+              return null;
+          }
       }
   }
-  function isAdjacentTo(transform, prevRanges) {
-      if (!prevRanges)
-          return false;
-      if (!transform.docChanged)
-          return true;
-      let adjacent = false;
-      transform.mapping.maps[0].forEach((start, end) => {
-          for (let i = 0; i < prevRanges.length; i += 2)
-              if (start <= prevRanges[i + 1] && end >= prevRanges[i])
-                  adjacent = true;
-      });
-      return adjacent;
+  GapCursor.prototype.visible = false;
+  GapCursor.findFrom = GapCursor.findGapCursorFrom;
+  Selection$2.jsonID("gapcursor", GapCursor);
+  class GapBookmark {
+      constructor(pos) {
+          this.pos = pos;
+      }
+      map(mapping) {
+          return new GapBookmark(mapping.map(this.pos));
+      }
+      resolve(doc) {
+          let $pos = doc.resolve(this.pos);
+          return GapCursor.valid($pos) ? new GapCursor($pos) : Selection$2.near($pos);
+      }
   }
-  function rangesFor(maps) {
-      let result = [];
-      for (let i = maps.length - 1; i >= 0 && result.length == 0; i--)
-          maps[i].forEach((_from, _to, from, to) => result.push(from, to));
-      return result;
+  function needsGap(type) {
+      return type.isAtom || type.spec.isolating || type.spec.createGapCursor;
   }
-  function mapRanges(ranges, mapping) {
-      if (!ranges)
-          return null;
-      let result = [];
-      for (let i = 0; i < ranges.length; i += 2) {
-          let from = mapping.map(ranges[i], 1), to = mapping.map(ranges[i + 1], -1);
-          if (from <= to)
-              result.push(from, to);
+  function closedBefore($pos) {
+      for (let d = $pos.depth; d >= 0; d--) {
+          let index = $pos.index(d), parent = $pos.node(d);
+          // At the start of this parent, look at next one
+          if (index == 0) {
+              if (parent.type.spec.isolating)
+                  return true;
+              continue;
+          }
+          // See if the node before (or its first ancestor) is closed
+          for (let before = parent.child(index - 1);; before = before.lastChild) {
+              if ((before.childCount == 0 && !before.inlineContent) || needsGap(before.type))
+                  return true;
+              if (before.inlineContent)
+                  return false;
+          }
       }
-      return result;
-  }
-  // Apply the latest event from one branch to the document and shift the event
-  // onto the other branch.
-  function histTransaction(history, state, redo) {
-      let preserveItems = mustPreserveItems(state);
-      let histOptions = historyKey.get(state).spec.config;
-      let pop = (redo ? history.undone : history.done).popEvent(state, preserveItems);
-      if (!pop)
-          return null;
-      let selection = pop.selection.resolve(pop.transform.doc);
-      let added = (redo ? history.done : history.undone).addTransform(pop.transform, state.selection.getBookmark(), histOptions, preserveItems);
-      let newHist = new HistoryState(redo ? added : pop.remaining, redo ? pop.remaining : added, null, 0, -1);
-      return pop.transform.setSelection(selection).setMeta(historyKey, { redo, historyState: newHist });
+      // Hit start of document
+      return true;
   }
-  let cachedPreserveItems = false, cachedPreserveItemsPlugins = null;
-  // Check whether any plugin in the given state has a
-  // `historyPreserveItems` property in its spec, in which case we must
-  // preserve steps exactly as they came in, so that they can be
-  // rebased.
-  function mustPreserveItems(state) {
-      let plugins = state.plugins;
-      if (cachedPreserveItemsPlugins != plugins) {
-          cachedPreserveItems = false;
-          cachedPreserveItemsPlugins = plugins;
-          for (let i = 0; i < plugins.length; i++)
-              if (plugins[i].spec.historyPreserveItems) {
-                  cachedPreserveItems = true;
-                  break;
-              }
+  function closedAfter($pos) {
+      for (let d = $pos.depth; d >= 0; d--) {
+          let index = $pos.indexAfter(d), parent = $pos.node(d);
+          if (index == parent.childCount) {
+              if (parent.type.spec.isolating)
+                  return true;
+              continue;
+          }
+          for (let after = parent.child(index);; after = after.firstChild) {
+              if ((after.childCount == 0 && !after.inlineContent) || needsGap(after.type))
+                  return true;
+              if (after.inlineContent)
+                  return false;
+          }
       }
-      return cachedPreserveItems;
+      return true;
   }
-  const historyKey = new PluginKey("history");
-  const closeHistoryKey = new PluginKey("closeHistory");
-  /**
-  Returns a plugin that enables the undo history for an editor. The
-  plugin will track undo and redo stacks, which can be used with the
-  [`undo`](https://prosemirror.net/docs/ref/#history.undo) and [`redo`](https://prosemirror.net/docs/ref/#history.redo) commands.
 
-  You can set an `"addToHistory"` [metadata
-  property](https://prosemirror.net/docs/ref/#state.Transaction.setMeta) of `false` on a transaction
-  to prevent it from being rolled back by undo.
+  /**
+  Create a gap cursor plugin. When enabled, this will capture clicks
+  near and arrow-key-motion past places that don't have a normally
+  selectable position nearby, and create a gap cursor selection for
+  them. The cursor is drawn as an element with class
+  `ProseMirror-gapcursor`. You can either include
+  `style/gapcursor.css` from the package's directory or add your own
+  styles to make it visible.
   */
-  function history(config = {}) {
-      config = { depth: config.depth || 100,
-          newGroupDelay: config.newGroupDelay || 500 };
+  function gapCursor() {
       return new Plugin({
-          key: historyKey,
-          state: {
-              init() {
-                  return new HistoryState(Branch.empty, Branch.empty, null, 0, -1);
-              },
-              apply(tr, hist, state) {
-                  return applyTransaction(hist, state, tr, config);
-              }
-          },
-          config,
           props: {
-              handleDOMEvents: {
-                  beforeinput(view, e) {
-                      let inputType = e.inputType;
-                      let command = inputType == "historyUndo" ? undo : inputType == "historyRedo" ? redo : null;
-                      if (!command || !view.editable)
-                          return false;
-                      e.preventDefault();
-                      return command(view.state, view.dispatch);
-                  }
-              }
+              decorations: drawGapCursor,
+              createSelectionBetween(_view, $anchor, $head) {
+                  return $anchor.pos == $head.pos && GapCursor.valid($head) ? new GapCursor($head) : null;
+              },
+              handleClick,
+              handleKeyDown,
+              handleDOMEvents: { beforeinput: beforeinput }
           }
       });
   }
-  function buildCommand(redo, scroll) {
-      return (state, dispatch) => {
-          let hist = historyKey.getState(state);
-          if (!hist || (redo ? hist.undone : hist.done).eventCount == 0)
-              return false;
-          if (dispatch) {
-              let tr = histTransaction(hist, state, redo);
-              if (tr)
-                  dispatch(scroll ? tr.scrollIntoView() : tr);
+  const handleKeyDown = keydownHandler({
+      "ArrowLeft": arrow("horiz", -1),
+      "ArrowRight": arrow("horiz", 1),
+      "ArrowUp": arrow("vert", -1),
+      "ArrowDown": arrow("vert", 1)
+  });
+  function arrow(axis, dir) {
+      const dirStr = axis == "vert" ? (dir > 0 ? "down" : "up") : (dir > 0 ? "right" : "left");
+      return function (state, dispatch, view) {
+          let sel = state.selection;
+          let $start = dir > 0 ? sel.$to : sel.$from, mustMove = sel.empty;
+          if (sel instanceof TextSelection) {
+              if (!view.endOfTextblock(dirStr) || $start.depth == 0)
+                  return false;
+              mustMove = false;
+              $start = state.doc.resolve(dir > 0 ? $start.after() : $start.before());
           }
+          let $found = GapCursor.findGapCursorFrom($start, dir, mustMove);
+          if (!$found)
+              return false;
+          if (dispatch)
+              dispatch(state.tr.setSelection(new GapCursor($found)));
           return true;
       };
   }
-  /**
-  A command function that undoes the last change, if any.
-  */
-  const undo = buildCommand(false, true);
-  /**
-  A command function that redoes the last undone change, if any.
-  */
-  const redo = buildCommand(true, true);
+  function handleClick(view, pos, event) {
+      if (!view || !view.editable)
+          return false;
+      let $pos = view.state.doc.resolve(pos);
+      if (!GapCursor.valid($pos))
+          return false;
+      let clickPos = view.posAtCoords({ left: event.clientX, top: event.clientY });
+      if (clickPos && clickPos.inside > -1 && NodeSelection.isSelectable(view.state.doc.nodeAt(clickPos.inside)))
+          return false;
+      view.dispatch(view.state.tr.setSelection(new GapCursor($pos)));
+      return true;
+  }
+  // This is a hack that, when a composition starts while a gap cursor
+  // is active, quickly creates an inline context for the composition to
+  // happen in, to avoid it being aborted by the DOM selection being
+  // moved into a valid position.
+  function beforeinput(view, event) {
+      if (event.inputType != "insertCompositionText" || !(view.state.selection instanceof GapCursor))
+          return false;
+      let { $from } = view.state.selection;
+      let insert = $from.parent.contentMatchAt($from.index()).findWrapping(view.state.schema.nodes.text);
+      if (!insert)
+          return false;
+      let frag = Fragment.empty;
+      for (let i = insert.length - 1; i >= 0; i--)
+          frag = Fragment.from(insert[i].createAndFill(null, frag));
+      let tr = view.state.tr.replace($from.pos, $from.pos, new Slice(frag, 0, 0));
+      tr.setSelection(TextSelection.near(tr.doc.resolve($from.pos + 1)));
+      view.dispatch(tr);
+      return false;
+  }
+  function drawGapCursor(state) {
+      if (!(state.selection instanceof GapCursor))
+          return null;
+      let node = document.createElement("div");
+      node.className = "ProseMirror-gapcursor";
+      return DecorationSet.create(state.doc, [Decoration.widget(state.selection.head, node, { key: "gapcursor" })]);
+  }
 
   //#region src/character-count/character-count.ts
   /**
@@ -97669,12 +97900,12 @@ focus outline in that case.
       toDOMStream(options) {
           return streamAdapters.toDOMStream((this._closedPromiseResolve || this._error)
               ? this
-              : this._values, options);
+              : this._values);
       }
       toNodeStream(options) {
           return streamAdapters.toNodeStream((this._closedPromiseResolve || this._error)
               ? this
-              : this._values, options);
+              : this._values);
       }
       throw(_) {
           return __awaiter(this, void 0, void 0, function* () { yield this.abort(_); return ITERATOR_DONE; });
@@ -100065,7 +100296,7 @@ focus outline in that case.
       toNodeStream() {
           return streamAdapters.toNodeStream((this.isSync()
               ? { [Symbol.iterator]: () => this }
-              : { [Symbol.asyncIterator]: () => this }), { objectMode: true });
+              : { [Symbol.asyncIterator]: () => this }));
       }
       /** @nocollapse */
       // @ts-ignore
@@ -106734,15 +106965,17 @@ focus outline in that case.
                                         id="${(_, c) => `${c.parent.menuId}-option-${c.index}`}"
                                         class="chip-selector-option"
                                         data-option-value="${x => x}"
+                                        aria-selected="${(_, c) => String(c.index === c.parent.activeOptionIndex)}"
                                     >
                                         ${x => x}
                                     </${menuItemTag}>
-                                `)}
+                                `, { positioning: true })}
                             ${when(x => x.customValueCandidate.length > 0, html `
                                     <${menuItemTag}
                                         id="${x => `${x.menuId}-option-create`}"
                                         class="chip-selector-option chip-selector-create-option"
                                         data-option-value="${x => x.customValueCandidate}"
+                                        aria-selected="${x => String(x.activeOptionIndex === x.visibleOptionList.length)}"
                                     >
                                         ${x => x.createOptionLabel}
                                     </${menuItemTag}>
@@ -107007,10 +107240,6 @@ focus outline in that case.
           }
       }
       syncActiveOption() {
-          const options = Array.from(this.shadowRoot?.querySelectorAll('.chip-selector-option') ?? []);
-          options.forEach((option, index) => {
-              option.setAttribute('aria-selected', String(index === this.activeOptionIndex));
-          });
           if (this.activeOptionIndex < 0) {
               this.activeOptionId = null;
           }