@onereach/ui-components 4.3.8 → 4.3.9-beta.2653.0

package/dist/bundled/{v3/index-6976c52a.js → v2/index-cf2c3c27.js}

@@ -39,7 +39,8 @@ class Text {
   /**
   Retrieve the text between the given points.
   */
-  slice(from, to = this.length) {
+  slice(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.length;
     let parts = [];
     this.decompose(from, to, parts, 0);
     return TextNode.from(parts, to - from);
@@ -68,14 +69,16 @@ class Text {
   from end to start. This will return lines and the breaks between
   them as separate strings.
   */
-  iter(dir = 1) {
+  iter() {
+    let dir = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     return new RawTextCursor(this, dir);
   }
   /**
   Iterate over a range of the text. When `from` > `to`, the
   iterator will run in reverse.
   */
-  iterRange(from, to = this.length) {
+  iterRange(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.length;
     return new PartialTextCursor(this, from, to);
   }
   /**
@@ -124,7 +127,8 @@ class Text {
 // between these strings. Leaves are limited in size and have to be
 // contained in TextNode instances for bigger documents.
 class TextLeaf extends Text {
-  constructor(text, length = textLength(text)) {
+  constructor(text) {
+    let length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : textLength(text);
     super();
     this.text = text;
     this.length = length;
@@ -166,7 +170,9 @@ class TextLeaf extends Text {
     if (lines.length <= 32 /* Tree.Branch */) return new TextLeaf(lines, newLen);
     return TextNode.from(TextLeaf.split(lines, []), newLen);
   }
-  sliceString(from, to = this.length, lineSep = "\n") {
+  sliceString(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.length;
+    let lineSep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "\n";
     let result = "";
     for (let pos = 0, i = 0; pos <= to && i < this.text.length; i++) {
       let line = this.text[i],
@@ -253,7 +259,9 @@ class TextNode extends Text {
     }
     return super.replace(from, to, text);
   }
-  sliceString(from, to = this.length, lineSep = "\n") {
+  sliceString(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.length;
+    let lineSep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "\n";
     let result = "";
     for (let i = 0, pos = 0; i < this.children.length && pos <= to; i++) {
       let child = this.children[i],
@@ -279,7 +287,8 @@ class TextNode extends Text {
       length += chA.length + 1;
     }
   }
-  static from(children, length = children.reduce((l, ch) => l + ch.length + 1, -1)) {
+  static from(children) {
+    let length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : children.reduce((l, ch) => l + ch.length + 1, -1);
     let lines = 0;
     for (let ch of children) lines += ch.lines;
     if (lines < 32 /* Tree.Branch */) {
@@ -329,7 +338,9 @@ function textLength(text) {
   for (let line of text) length += line.length + 1;
   return length;
 }
-function appendText(text, target, from = 0, to = 1e9) {
+function appendText(text, target) {
+  let from = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let to = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1e9;
   for (let pos = 0, i = 0, first = true; i < text.length && pos <= to; i++) {
     let line = text[i],
       end = pos + line.length;
@@ -349,7 +360,8 @@ function sliceText(text, from, to) {
   return appendText(text, [""], from, to);
 }
 class RawTextCursor {
-  constructor(text, dir = 1) {
+  constructor(text) {
+    let dir = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     this.dir = dir;
     this.done = false;
     this.lineBreak = false;
@@ -404,7 +416,8 @@ class RawTextCursor {
       }
     }
   }
-  next(skip = 0) {
+  next() {
+    let skip = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     if (skip < 0) {
       this.nextInner(-skip, -this.dir);
       skip = this.value.length;
@@ -439,7 +452,8 @@ class PartialTextCursor {
     this.done = !this.value;
     return this;
   }
-  next(skip = 0) {
+  next() {
+    let skip = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     if (skip < 0) skip = Math.max(skip, this.from - this.pos);else if (skip > 0) skip = Math.min(skip, this.to - this.pos);
     return this.nextInner(skip, this.cursor.dir);
   }
@@ -454,7 +468,8 @@ class LineCursor {
     this.value = "";
     this.done = false;
   }
-  next(skip = 0) {
+  next() {
+    let skip = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     let {
       done,
       lineBreak,
@@ -552,7 +567,9 @@ Moves across surrogate pairs, extending characters (when
 `includeExtending` is true), characters joined with zero-width
 joiners, and flag emoji.
 */
-function findClusterBreak(str, pos, forward = true, includeExtending = true) {
+function findClusterBreak(str, pos) {
+  let forward = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  let includeExtending = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
   return (forward ? nextClusterBreak : prevClusterBreak)(str, pos, includeExtending);
 }
 function nextClusterBreak(str, pos, includeExtending) {
@@ -722,7 +739,8 @@ class ChangeDesc {
   separate for [position mapping](https://codemirror.net/6/docs/ref/#state.ChangeDesc.mapPos)) are
   reported separately.
   */
-  iterChangedRanges(f, individual = false) {
+  iterChangedRanges(f) {
+    let individual = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     iterChanges(this, f, individual);
   }
   /**
@@ -751,10 +769,13 @@ class ChangeDesc {
   applied after it. When `before` is true, map as if the changes
   in `other` happened before the ones in `this`.
   */
-  mapDesc(other, before = false) {
+  mapDesc(other) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return other.empty ? this : mapSet(this, other, before);
   }
-  mapPos(pos, assoc = -1, mode = MapMode.Simple) {
+  mapPos(pos) {
+    let assoc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
+    let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : MapMode.Simple;
     let posA = 0,
       posB = 0;
     for (let i = 0; i < this.sections.length;) {
@@ -779,7 +800,8 @@ class ChangeDesc {
   changes entirely covers the range, the string `"cover"` is
   returned.
   */
-  touchesRange(from, to = from) {
+  touchesRange(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : from;
     for (let i = 0, pos = 0; i < this.sections.length && pos <= to;) {
       let len = this.sections[i++],
         ins = this.sections[i++],
@@ -845,7 +867,8 @@ class ChangeSet extends ChangeDesc {
     iterChanges(this, (fromA, toA, fromB, _toB, text) => doc = doc.replace(fromB, fromB + (toA - fromA), text), false);
     return doc;
   }
-  mapDesc(other, before = false) {
+  mapDesc(other) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return mapSet(this, other, before, true);
   }
   /**
@@ -893,7 +916,8 @@ class ChangeSet extends ChangeDesc {
   transformation](https://en.wikipedia.org/wiki/Operational_transformation),
   and can be used for collaborative editing.
   */
-  map(other, before = false) {
+  map(other) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return other.empty ? this : mapSet(this, other, before, true);
   }
   /**
@@ -905,7 +929,8 @@ class ChangeSet extends ChangeDesc {
   When `individual` is true, adjacent changes are reported
   separately.
   */
-  iterChanges(f, individual = false) {
+  iterChanges(f) {
+    let individual = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     iterChanges(this, f, individual);
   }
   /**
@@ -971,7 +996,8 @@ class ChangeSet extends ChangeDesc {
       inserted = [],
       pos = 0;
     let total = null;
-    function flush(force = false) {
+    function flush() {
+      let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       if (!force && !sections.length) return;
       if (pos < length) addSection(sections, length - pos, -1);
       let set = new ChangeSet(sections, inserted);
@@ -1045,7 +1071,8 @@ class ChangeSet extends ChangeDesc {
     return new ChangeSet(sections, inserted);
   }
 }
-function addSection(sections, len, ins, forceJoin = false) {
+function addSection(sections, len, ins) {
+  let forceJoin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   if (len == 0 && ins <= 0) return;
   let last = sections.length - 2;
   if (last >= 0 && ins <= 0 && ins == sections[last + 1]) sections[last] += len;else if (len == 0 && sections[last] == 0) sections[last + 1] += ins;else if (forceJoin) {
@@ -1089,7 +1116,8 @@ function iterChanges(desc, f, individual) {
     }
   }
 }
-function mapSet(setA, setB, before, mkSet = false) {
+function mapSet(setA, setB, before) {
+  let mkSet = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   // Produce a copy of setA that applies to the document after setB
   // has been applied (assuming both start at the same document).
   let sections = [],
@@ -1153,7 +1181,8 @@ function mapSet(setA, setB, before, mkSet = false) {
     }
   }
 }
-function composeSets(setA, setB, mkSet = false) {
+function composeSets(setA, setB) {
+  let mkSet = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   let sections = [];
   let insert = mkSet ? [] : null;
   let a = new SectionIter(setA),
@@ -1316,7 +1345,8 @@ class SelectionRange {
   Map this range through a change, producing a valid range in the
   updated document.
   */
-  map(change, assoc = -1) {
+  map(change) {
+    let assoc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
     let from, to;
     if (this.empty) {
       from = to = change.mapPos(this.from, assoc);
@@ -1329,7 +1359,8 @@ class SelectionRange {
   /**
   Extend this range to cover at least `from` to `to`.
   */
-  extend(from, to = from) {
+  extend(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : from;
     if (from <= this.anchor && to >= this.anchor) return EditorSelection.range(from, to);
     let head = Math.abs(from - this.anchor) > Math.abs(to - this.anchor) ? from : to;
     return EditorSelection.range(this.anchor, head);
@@ -1386,7 +1417,8 @@ class EditorSelection {
   Map a selection through a change. Used to adjust the selection
   position for changes.
   */
-  map(change, assoc = -1) {
+  map(change) {
+    let assoc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
     if (change.empty) return this;
     return EditorSelection.create(this.ranges.map(r => r.map(change, assoc)), this.mainIndex);
   }
@@ -1416,14 +1448,16 @@ class EditorSelection {
   /**
   Extend this selection with an extra range.
   */
-  addRange(range, main = true) {
+  addRange(range) {
+    let main = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     return EditorSelection.create([range].concat(this.ranges), main ? 0 : this.mainIndex + 1);
   }
   /**
   Replace a given range with another range, and then normalize the
   selection to merge and sort ranges if necessary.
   */
-  replaceRange(range, which = this.mainIndex) {
+  replaceRange(range) {
+    let which = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.mainIndex;
     let ranges = this.ranges.slice();
     ranges[which] = range;
     return EditorSelection.create(ranges, this.mainIndex);
@@ -1448,14 +1482,16 @@ class EditorSelection {
   /**
   Create a selection holding a single range.
   */
-  static single(anchor, head = anchor) {
+  static single(anchor) {
+    let head = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : anchor;
     return new EditorSelection([EditorSelection.range(anchor, head)], 0);
   }
   /**
   Sort and merge the given set of ranges, creating a valid
   selection.
   */
-  static create(ranges, mainIndex = 0) {
+  static create(ranges) {
+    let mainIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (ranges.length == 0) throw new RangeError("A selection needs at least one range");
     for (let pos = 0, i = 0; i < ranges.length; i++) {
       let range = ranges[i];
@@ -1468,7 +1504,10 @@ class EditorSelection {
   Create a cursor selection range at the given position. You can
   safely ignore the optional arguments in most situations.
   */
-  static cursor(pos, assoc = 0, bidiLevel, goalColumn) {
+  static cursor(pos) {
+    let assoc = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let bidiLevel = arguments.length > 2 ? arguments[2] : undefined;
+    let goalColumn = arguments.length > 3 ? arguments[3] : undefined;
     return SelectionRange.create(pos, pos, (assoc == 0 ? 0 : assoc < 0 ? 4 /* RangeFlag.AssocBefore */ : 8 /* RangeFlag.AssocAfter */) | (bidiLevel == null ? 3 : Math.min(2, bidiLevel)) | (goalColumn !== null && goalColumn !== void 0 ? goalColumn : 33554431 /* RangeFlag.NoGoalColumn */) << 5 /* RangeFlag.GoalColumnOffset */);
   }
   /**
@@ -1481,7 +1520,8 @@ class EditorSelection {
   /**
   @internal
   */
-  static normalized(ranges, mainIndex = 0) {
+  static normalized(ranges) {
+    let mainIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let main = ranges[mainIndex];
     ranges.sort((a, b) => a.from - b.from);
     mainIndex = ranges.indexOf(main);
@@ -1540,7 +1580,8 @@ class Facet {
   /**
   Define a new facet.
   */
-  static define(config = {}) {
+  static define() {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new Facet(config.combine || (a => a), config.compareInput || ((a, b) => a === b), config.compare || (!config.combine ? sameArray$1 : (a, b) => a === b), !!config.static, config.enables);
   }
   /**
@@ -2111,7 +2152,8 @@ class StateEffect {
   Define a new effect type. The type parameter indicates the type
   of values that his effect holds.
   */
-  static define(spec = {}) {
+  static define() {
+    let spec = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new StateEffectType(spec.map || (v => v));
   }
   /**
@@ -2493,7 +2535,8 @@ class EditorState {
     for (let i = 0; i < this.config.dynamicSlots.length; i++) ensureAddr(this, i << 1);
     this.computeSlot = null;
   }
-  field(field, require = true) {
+  field(field) {
+    let require = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     let addr = this.config.address[field.id];
     if (addr == null) {
       if (require) throw new RangeError("Field is not present in this state");
@@ -2517,7 +2560,10 @@ class EditorState {
   specs. For [selection](https://codemirror.net/6/docs/ref/#state.TransactionSpec.selection), later
   specs take precedence over earlier ones.
   */
-  update(...specs) {
+  update() {
+    for (var _len = arguments.length, specs = new Array(_len), _key = 0; _key < _len; _key++) {
+      specs[_key] = arguments[_key];
+    }
     return resolveTransaction(this, specs, true);
   }
   /**
@@ -2608,7 +2654,8 @@ class EditorState {
   description, taking the state's document length and line
   separator into account.
   */
-  changes(spec = []) {
+  changes() {
+    let spec = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     if (spec instanceof ChangeSet) return spec;
     return ChangeSet.of(spec, this.doc.length, this.facet(EditorState.lineSeparator));
   }
@@ -2623,7 +2670,9 @@ class EditorState {
   /**
   Return the given range of the document as a string.
   */
-  sliceDoc(from = 0, to = this.doc.length) {
+  sliceDoc() {
+    let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.doc.length;
     return this.doc.sliceString(from, to, this.lineBreak);
   }
   /**
@@ -2658,7 +2707,9 @@ class EditorState {
   to [`toJSON`](https://codemirror.net/6/docs/ref/#state.EditorState.toJSON) when serializing as
   third argument.
   */
-  static fromJSON(json, config = {}, fields) {
+  static fromJSON(json) {
+    let config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let fields = arguments.length > 2 ? arguments[2] : undefined;
     if (!json || typeof json.doc != "string") throw new RangeError("Invalid JSON representation for EditorState");
     let fieldInit = [];
     if (fields) for (let prop in fields) {
@@ -2679,7 +2730,8 @@ class EditorState {
   initializing an editor—updated states are created by applying
   transactions.
   */
-  static create(config = {}) {
+  static create() {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let configuration = Configuration.resolve(config.extensions || [], new Map());
     let doc = config.doc instanceof Text ? config.doc : Text.of((config.doc || "").split(configuration.staticFacet(EditorState.lineSeparator) || DefaultSplit));
     let selection = !config.selection ? EditorSelection.single(0) : config.selection instanceof EditorSelection ? config.selection : EditorSelection.single(config.selection.anchor, config.selection.head);
@@ -2718,7 +2770,10 @@ class EditorState {
   A single `$` is equivalent to `$1`, and `$$` will produce a
   literal dollar sign.
   */
-  phrase(phrase, ...insert) {
+  phrase(phrase) {
+    for (var _len2 = arguments.length, insert = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      insert[_key2 - 1] = arguments[_key2];
+    }
     for (let map of this.facet(EditorState.phrases)) if (Object.prototype.hasOwnProperty.call(map, phrase)) {
       phrase = map[phrase];
       break;
@@ -2746,7 +2801,8 @@ class EditorState {
   - [`"closeBrackets"`](https://codemirror.net/6/docs/ref/#autocomplete.CloseBracketConfig) controls
     bracket closing behavior.
   */
-  languageDataAt(name, pos, side = -1) {
+  languageDataAt(name, pos) {
+    let side = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
     let values = [];
     for (let provider of this.facet(languageData)) {
       for (let result of provider(this, pos, side)) {
@@ -2916,9 +2972,8 @@ The function will, by default, error
 when a field gets two values that aren't `===`-equal, but you can
 provide combine functions per field to do something else.
 */
-function combineConfig(configs, defaults,
-// Should hold only the optional properties of Config, but I haven't managed to express that
-combine = {}) {
+function combineConfig(configs, defaults) {
+  let combine = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let result = {};
   for (let config of configs) for (let key of Object.keys(config)) {
     let value = config[key],
@@ -2948,7 +3003,8 @@ class RangeValue {
   /**
   Create a [range](https://codemirror.net/6/docs/ref/#state.Range) with this value.
   */
-  range(from, to = from) {
+  range(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : from;
     return Range$1.create(from, to, this);
   }
 }
@@ -3003,7 +3059,8 @@ class Chunk {
   }
   // Find the index of the given position and side. Use the ranges'
   // `from` pos when `end == false`, `to` when `end == true`.
-  findIndex(pos, side, end, startAt = 0) {
+  findIndex(pos, side, end) {
+    let startAt = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
     let arr = end ? this.to : this.from;
     for (let lo = startAt, hi = arr.length;;) {
       if (lo == hi) return lo;
@@ -3205,7 +3262,8 @@ class RangeSet {
   Iterate over the ranges in this set, in order, including all
   ranges that end at or after `from`.
   */
-  iter(from = 0) {
+  iter() {
+    let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return HeapCursor.from([this]).goto(from);
   }
   /**
@@ -3218,7 +3276,8 @@ class RangeSet {
   Iterate over the ranges in a collection of sets, in order,
   starting from `from`.
   */
-  static iter(sets, from = 0) {
+  static iter(sets) {
+    let from = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return HeapCursor.from(sets).goto(from);
   }
   /**
@@ -3231,12 +3290,8 @@ class RangeSet {
   ranges, and is needed to synchronize the iteration. `from` and
   `to` are coordinates in the _new_ space, after these changes.
   */
-  textDiff, comparator,
-  /**
-  Can be used to ignore all non-point ranges, and points below
-  the given size. When -1, all ranges are compared.
-  */
-  minPointSize = -1) {
+  textDiff, comparator) {
+    let minPointSize = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1;
     let a = oldSets.filter(set => set.maxPoint > 0 || !set.isEmpty && set.maxPoint >= minPointSize);
     let b = newSets.filter(set => set.maxPoint > 0 || !set.isEmpty && set.maxPoint >= minPointSize);
     let sharedChunks = findSharedChunks(a, b, textDiff);
@@ -3249,7 +3304,9 @@ class RangeSet {
   Compare the contents of two groups of range sets, returning true
   if they are equivalent in the given range.
   */
-  static eq(oldSets, newSets, from = 0, to) {
+  static eq(oldSets, newSets) {
+    let from = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+    let to = arguments.length > 3 ? arguments[3] : undefined;
     if (to == null) to = 1000000000 /* C.Far */ - 1;
     let a = oldSets.filter(set => !set.isEmpty && newSets.indexOf(set) < 0);
     let b = newSets.filter(set => !set.isEmpty && oldSets.indexOf(set) < 0);
@@ -3272,12 +3329,8 @@ class RangeSet {
   [`SpanIterator.span`](https://codemirror.net/6/docs/ref/#state.SpanIterator.span)) at the end
   of the iteration.
   */
-  static spans(sets, from, to, iterator,
-  /**
-  When given and greater than -1, only points of at least this
-  size are taken into account.
-  */
-  minPointSize = -1) {
+  static spans(sets, from, to, iterator) {
+    let minPointSize = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : -1;
     let cursor = new SpanCursor(sets, null, minPointSize).goto(from),
       pos = from;
     let openRanges = cursor.openStart;
@@ -3304,7 +3357,8 @@ class RangeSet {
   `value.startSide`). You can pass `true` as second argument to
   cause the method to sort them.
   */
-  static of(ranges, sort = false) {
+  static of(ranges) {
+    let sort = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     let build = new RangeSetBuilder();
     for (let range of ranges instanceof Range$1 ? [ranges] : sort ? lazySort(ranges) : ranges) build.add(range.from, range.to, range.value);
     return build.finish();
@@ -3427,7 +3481,8 @@ function findSharedChunks(a, b, textDiff) {
   return shared;
 }
 class LayerCursor {
-  constructor(layer, skip, minPoint, rank = 0) {
+  constructor(layer, skip, minPoint) {
+    let rank = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
     this.layer = layer;
     this.skip = skip;
     this.minPoint = minPoint;
@@ -3439,7 +3494,8 @@ class LayerCursor {
   get endSide() {
     return this.value ? this.value.endSide : 0;
   }
-  goto(pos, side = -1000000000 /* C.Far */) {
+  goto(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1000000000;
     this.chunkIndex = this.rangeIndex = 0;
     this.gotoInner(pos, side, false);
     return this;
@@ -3502,7 +3558,9 @@ class HeapCursor {
   constructor(heap) {
     this.heap = heap;
   }
-  static from(sets, skip = null, minPoint = -1) {
+  static from(sets) {
+    let skip = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let minPoint = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
     let heap = [];
     for (let i = 0; i < sets.length; i++) {
       for (let cur = sets[i]; !cur.isEmpty; cur = cur.nextLayer) {
@@ -3514,7 +3572,8 @@ class HeapCursor {
   get startSide() {
     return this.value ? this.value.startSide : 0;
   }
-  goto(pos, side = -1000000000 /* C.Far */) {
+  goto(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1000000000;
     for (let cur of this.heap) cur.goto(pos, side);
     for (let i = this.heap.length >> 1; i >= 0; i--) heapBubble(this.heap, i);
     this.next();
@@ -3574,7 +3633,8 @@ class SpanCursor {
     this.openStart = -1;
     this.cursor = HeapCursor.from(sets, skip, minPoint);
   }
-  goto(pos, side = -1000000000 /* C.Far */) {
+  goto(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1000000000;
     this.cursor.goto(pos, side);
     this.active.length = this.activeTo.length = this.activeRank.length = 0;
     this.minActive = -1;
@@ -3722,7 +3782,8 @@ function findMinIndex(value, array) {
 Count the column position at the given offset into the string,
 taking extending characters and tab size into account.
 */
-function countColumn(string, tabSize, to = string.length) {
+function countColumn(string, tabSize) {
+  let to = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : string.length;
   let n = 0;
   for (let i = 0; i < to;) {
     if (string.charCodeAt(i) == 9) {
@@ -3839,11 +3900,11 @@ class StyleSet {
   constructor(root) {
     if (!root.head && root.adoptedStyleSheets && typeof CSSStyleSheet != "undefined") {
       if (adoptedSet) {
-        root.adoptedStyleSheets = [adoptedSet.sheet].concat(root.adoptedStyleSheets);
+        root.adoptedStyleSheets = [adoptedSet.sheet, ...root.adoptedStyleSheets];
         return root[SET] = adoptedSet;
       }
       this.sheet = new CSSStyleSheet();
-      root.adoptedStyleSheets = [this.sheet].concat(root.adoptedStyleSheets);
+      root.adoptedStyleSheets = [this.sheet, ...root.adoptedStyleSheets];
       adoptedSet = this;
     } else {
       this.styleTag = (root.ownerDocument || root).createElement("style");
@@ -4269,7 +4330,8 @@ function focusPreventScroll(dom) {
   }
 }
 let scratchRange;
-function textRange(node, from, to = from) {
+function textRange(node, from) {
+  let to = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : from;
   let range = scratchRange || (scratchRange = document.createRange());
   range.setEnd(node, to);
   range.setStart(node, from);
@@ -4322,7 +4384,8 @@ function atElementStart(doc, selection) {
   }
 }
 class DOMPos {
-  constructor(node, offset, precise = true) {
+  constructor(node, offset) {
+    let precise = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     this.node = node;
     this.offset = offset;
     this.precise = precise;
@@ -4342,10 +4405,6 @@ class ContentView {
     this.dirty = 2 /* Dirty.Node */;
   }
 
-  get editorView() {
-    if (!this.parent) throw new Error("Accessing view in orphan content view");
-    return this.parent.editorView;
-  }
   get overrideDOMText() {
     return null;
   }
@@ -4372,7 +4431,7 @@ class ContentView {
   coordsAt(_pos, _side) {
     return null;
   }
-  sync(track) {
+  sync(view, track) {
     if (this.dirty & 2 /* Dirty.Node */) {
       let parent = this.dom;
       let prev = null,
@@ -4383,7 +4442,7 @@ class ContentView {
             let contentView = ContentView.get(next);
             if (!contentView || !contentView.parent && contentView.canReuseDOM(child)) child.reuseDOM(next);
           }
-          child.sync(track);
+          child.sync(view, track);
           child.dirty = 0 /* Dirty.Not */;
         }
 
@@ -4401,7 +4460,7 @@ class ContentView {
       while (next) next = rm$1(next);
     } else if (this.dirty & 1 /* Dirty.Child */) {
       for (let child of this.children) if (child.dirty) {
-        child.sync(track);
+        child.sync(view, track);
         child.dirty = 0 /* Dirty.Not */;
       }
     }
@@ -4433,7 +4492,8 @@ class ContentView {
       pos += child.length + child.breakAfter;
     }
   }
-  domBoundsAround(from, to, offset = 0) {
+  domBoundsAround(from, to) {
+    let offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     let fromI = -1,
       fromStart = -1,
       toI = -1,
@@ -4461,7 +4521,8 @@ class ContentView {
       endDOM: toI < this.children.length && toI >= 0 ? this.children[toI].dom : null
     };
   }
-  markDirty(andParent = false) {
+  markDirty() {
+    let andParent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     this.dirty |= 2 /* Dirty.Node */;
     this.markParentsDirty(andParent);
   }
@@ -4491,7 +4552,8 @@ class ContentView {
       v = parent;
     }
   }
-  replaceChildren(from, to, children = noChildren) {
+  replaceChildren(from, to) {
+    let children = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noChildren;
     this.markDirty();
     for (let i = from; i < to; i++) {
       let child = this.children[i];
@@ -4506,10 +4568,12 @@ class ContentView {
   ignoreEvent(_event) {
     return false;
   }
-  childCursor(pos = this.length) {
+  childCursor() {
+    let pos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.length;
     return new ChildCursor(this.children, pos, this.children.length);
   }
-  childPos(pos, bias = 1) {
+  childPos(pos) {
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     return this.childCursor().findPos(pos, bias);
   }
   toString() {
@@ -4522,6 +4586,12 @@ class ContentView {
   get isEditable() {
     return true;
   }
+  get isWidget() {
+    return false;
+  }
+  get isHidden() {
+    return false;
+  }
   merge(from, to, source, hasStart, openStart, openEnd) {
     return false;
   }
@@ -4555,7 +4625,8 @@ class ChildCursor {
     this.i = i;
     this.off = 0;
   }
-  findPos(pos, bias = 1) {
+  findPos(pos) {
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     for (;;) {
       if (pos > this.pos || pos == this.pos && (bias > 0 || this.i == 0 || this.children[this.i - 1].breakAfter)) {
         this.off = pos - this.pos;
@@ -4695,7 +4766,7 @@ class TextView extends ContentView {
   createDOM(textDOM) {
     this.setDOM(textDOM || document.createTextNode(this.text));
   }
-  sync(track) {
+  sync(view, track) {
     if (!this.dom) this.createDOM();
     if (this.dom.nodeValue != this.text) {
       if (track && track.node == this.dom) track.written = true;
@@ -4736,7 +4807,9 @@ class TextView extends ContentView {
   }
 }
 class MarkView extends ContentView {
-  constructor(mark, children = [], length = 0) {
+  constructor(mark) {
+    let children = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    let length = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     super();
     this.mark = mark;
     this.children = children;
@@ -4756,9 +4829,9 @@ class MarkView extends ContentView {
     }
   }
 
-  sync(track) {
+  sync(view, track) {
     if (!this.dom) this.setDOM(this.setAttrs(document.createElement(this.mark.tagName)));else if (this.dirty & 4 /* Dirty.Attrs */) this.setAttrs(this.dom);
-    super.sync(track);
+    super.sync(view, track);
   }
   merge(from, to, source, _hasStart, openStart, openEnd) {
     if (source && (!(source instanceof MarkView && source.mark.eq(this.mark)) || from && openStart <= 0 || to < this.length && openEnd <= 0)) return false;
@@ -4837,11 +4910,11 @@ class WidgetView extends ContentView {
     this.length -= from;
     return result;
   }
-  sync() {
-    if (!this.dom || !this.widget.updateDOM(this.dom)) {
+  sync(view) {
+    if (!this.dom || !this.widget.updateDOM(this.dom, view)) {
       if (this.dom && this.prevWidget) this.prevWidget.destroy(this.dom);
       this.prevWidget = null;
-      this.setDOM(this.widget.toDOM(this.editorView));
+      this.setDOM(this.widget.toDOM(view));
       this.dom.contentEditable = "false";
     }
   }
@@ -4856,7 +4929,7 @@ class WidgetView extends ContentView {
   become(other) {
     if (other.length == this.length && other instanceof WidgetView && other.side == this.side) {
       if (this.widget.constructor == other.widget.constructor) {
-        if (!this.widget.eq(other.widget)) this.markDirty(true);
+        if (!this.widget.compare(other.widget)) this.markDirty(true);
         if (this.dom && !this.prevWidget) this.prevWidget = this.widget;
         this.widget = other.widget;
         return true;
@@ -4874,13 +4947,15 @@ class WidgetView extends ContentView {
     if (this.length == 0) return Text.empty;
     let top = this;
     while (top.parent) top = top.parent;
-    let view = top.editorView,
+    let {
+        view
+      } = top,
       text = view && view.state.doc,
       start = this.posAtStart;
     return text ? text.slice(start, start + this.length) : Text.empty;
   }
   domAtPos(pos) {
-    return pos == 0 ? DOMPos.before(this.dom) : DOMPos.after(this.dom, pos == this.length);
+    return (this.length ? pos == 0 : this.side > 0) ? DOMPos.before(this.dom) : DOMPos.after(this.dom, pos == this.length);
   }
   domBoundsAround() {
     return null;
@@ -4898,6 +4973,12 @@ class WidgetView extends ContentView {
   get isEditable() {
     return false;
   }
+  get isWidget() {
+    return true;
+  }
+  get isHidden() {
+    return this.widget.isHidden;
+  }
   destroy() {
     super.destroy();
     if (this.dom) this.widget.destroy(this.dom);
@@ -4971,9 +5052,9 @@ function scanCompositionTree(pos, side, view, text, enterView, fromText) {
 }
 function posFromDOMInCompositionTree(node, offset, view, text) {
   if (view instanceof MarkView) {
+    let pos = 0;
     for (let child of view.children) {
-      let pos = 0,
-        hasComp = contains(child.dom, text);
+      let hasComp = contains(child.dom, text);
       if (contains(child.dom, node)) return pos + (hasComp ? posFromDOMInCompositionTree(node, offset, child, text) : child.localPosFromDOM(node, offset));
       pos += hasComp ? text.nodeValue.length : child.length;
     }
@@ -5014,7 +5095,7 @@ class WidgetBufferView extends ContentView {
     return this.side;
   }
   domAtPos(pos) {
-    return DOMPos.before(this.dom);
+    return this.side > 0 ? DOMPos.before(this.dom) : DOMPos.after(this.dom);
   }
   localPosFromDOM() {
     return 0;
@@ -5037,6 +5118,9 @@ class WidgetBufferView extends ContentView {
   get overrideDOMText() {
     return Text.empty;
   }
+  get isHidden() {
+    return true;
+  }
 }
 TextView.prototype.children = WidgetView.prototype.children = WidgetBufferView.prototype.children = noChildren;
 function inlineSiblingRect(view, side) {
@@ -5111,7 +5195,7 @@ function coordsInChildren(view, pos, side) {
       if (end >= pos) {
         if (child.children.length) {
           scan(child, pos - off);
-        } else if (!after && (end > pos || off == end && child.getSide() > 0)) {
+        } else if ((!after || after instanceof WidgetBufferView && side > 0) && (end > pos || off == end && child.getSide() > 0)) {
           after = child;
           afterPos = pos - off;
         } else if (off < pos || off == end && child.getSide() < 0) {
@@ -5184,7 +5268,7 @@ class WidgetType {
   couldn't (in which case the widget will be redrawn). The default
   implementation just returns false.
   */
-  updateDOM(dom) {
+  updateDOM(dom, view) {
     return false;
   }
   /**
@@ -5217,6 +5301,12 @@ class WidgetType {
     return null;
   }
   /**
+  @internal
+  */
+  get isHidden() {
+    return false;
+  }
+  /**
   This is called when the an instance of the widget is removed
   from the editor view.
   */
@@ -5337,7 +5427,8 @@ class Decoration extends RangeValue {
   decorated range or ranges. If the ranges aren't already sorted,
   pass `true` for `sort` to make the library sort them for you.
   */
-  static set(of, sort = false) {
+  static set(of) {
+    let sort = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return RangeSet.of(of, sort);
   }
   /**
@@ -5365,7 +5456,8 @@ class MarkDecoration extends Decoration {
   eq(other) {
     return this == other || other instanceof MarkDecoration && this.tagName == other.tagName && this.class == other.class && attrsEq(this.attrs, other.attrs);
   }
-  range(from, to = from) {
+  range(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : from;
     if (from >= to) throw new RangeError("Mark decorations may not be empty");
     return super.range(from, to);
   }
@@ -5378,7 +5470,8 @@ class LineDecoration extends Decoration {
   eq(other) {
     return other instanceof LineDecoration && this.spec.class == other.spec.class && attrsEq(this.spec.attributes, other.spec.attributes);
   }
-  range(from, to = from) {
+  range(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : from;
     if (to != from) throw new RangeError("Line decoration ranges must be zero-length");
     return super.range(from, to);
   }
@@ -5402,14 +5495,16 @@ class PointDecoration extends Decoration {
   eq(other) {
     return other instanceof PointDecoration && widgetsEq(this.widget, other.widget) && this.block == other.block && this.startSide == other.startSide && this.endSide == other.endSide;
   }
-  range(from, to = from) {
+  range(from) {
+    let to = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : from;
     if (this.isReplace && (from > to || from == to && this.startSide > 0 && this.endSide <= 0)) throw new RangeError("Invalid range for replacement decoration");
     if (!this.isReplace && to != from) throw new RangeError("Widget decorations can only have zero-length ranges");
     return super.range(from, to);
   }
 }
 PointDecoration.prototype.point = true;
-function getInclusive(spec, block = false) {
+function getInclusive(spec) {
+  let block = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   let {
     inclusiveStart: start,
     inclusiveEnd: end
@@ -5424,7 +5519,8 @@ function getInclusive(spec, block = false) {
 function widgetsEq(a, b) {
   return a == b || !!(a && b && a.compare(b));
 }
-function addRange(from, to, ranges, margin = 0) {
+function addRange(from, to, ranges) {
+  let margin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   let last = ranges.length - 1;
   if (last >= 0 && ranges[last] + margin >= from) ranges[last] = Math.max(ranges[last], to);else ranges.push(from, to);
 }
@@ -5507,7 +5603,7 @@ class LineView extends ContentView {
     }
   }
 
-  sync(track) {
+  sync(view, track) {
     var _a;
     if (!this.dom) {
       this.setDOM(document.createElement("div"));
@@ -5523,7 +5619,7 @@ class LineView extends ContentView {
       this.dom.classList.add("cm-line");
       this.prevAttrs = undefined;
     }
-    super.sync(track);
+    super.sync(view, track);
     let last = this.dom.lastChild;
     while (last && ContentView.get(last) instanceof MarkView) last = last.lastChild;
     if (!last || !this.length || last.nodeName != "BR" && ((_a = ContentView.get(last)) === null || _a === void 0 ? void 0 : _a.isEditable) == false && (!browser.ios || !this.children.some(ch => ch instanceof TextView))) {
@@ -5534,20 +5630,41 @@ class LineView extends ContentView {
   }
   measureTextSize() {
     if (this.children.length == 0 || this.length > 20) return null;
-    let totalWidth = 0;
+    let totalWidth = 0,
+      textHeight;
     for (let child of this.children) {
       if (!(child instanceof TextView) || /[^ -~]/.test(child.text)) return null;
       let rects = clientRectsFor(child.dom);
       if (rects.length != 1) return null;
       totalWidth += rects[0].width;
+      textHeight = rects[0].height;
     }
     return !totalWidth ? null : {
       lineHeight: this.dom.getBoundingClientRect().height,
-      charWidth: totalWidth / this.length
+      charWidth: totalWidth / this.length,
+      textHeight
     };
   }
   coordsAt(pos, side) {
-    return coordsInChildren(this, pos, side);
+    let rect = coordsInChildren(this, pos, side);
+    // Correct rectangle height for empty lines when the returned
+    // height is larger than the text height.
+    if (!this.children.length && rect && this.parent) {
+      let {
+          heightOracle
+        } = this.parent.view.viewState,
+        height = rect.bottom - rect.top;
+      if (Math.abs(height - heightOracle.lineHeight) < 2 && heightOracle.textHeight < height) {
+        let dist = (height - heightOracle.textHeight) / 2;
+        return {
+          top: rect.top + dist,
+          bottom: rect.bottom - dist,
+          left: rect.left,
+          right: rect.left
+        };
+      }
+    }
+    return rect;
   }
   become(_other) {
     return false;
@@ -5595,11 +5712,11 @@ class BlockWidgetView extends ContentView {
   get children() {
     return noChildren;
   }
-  sync() {
-    if (!this.dom || !this.widget.updateDOM(this.dom)) {
+  sync(view) {
+    if (!this.dom || !this.widget.updateDOM(this.dom, view)) {
       if (this.dom && this.prevWidget) this.prevWidget.destroy(this.dom);
       this.prevWidget = null;
-      this.setDOM(this.widget.toDOM(this.editorView));
+      this.setDOM(this.widget.toDOM(view));
       this.dom.contentEditable = "false";
     }
   }
@@ -5611,7 +5728,7 @@ class BlockWidgetView extends ContentView {
   }
   become(other) {
     if (other instanceof BlockWidgetView && other.type == this.type && other.widget.constructor == this.widget.constructor) {
-      if (!other.widget.eq(this.widget)) this.markDirty(true);
+      if (!other.widget.compare(this.widget)) this.markDirty(true);
       if (this.dom && !this.prevWidget) this.prevWidget = this.widget;
       this.widget = other.widget;
       this.length = other.length;
@@ -5626,6 +5743,12 @@ class BlockWidgetView extends ContentView {
   ignoreEvent(event) {
     return this.widget.ignoreEvent(event);
   }
+  get isEditable() {
+    return false;
+  }
+  get isWidget() {
+    return true;
+  }
   destroy() {
     super.destroy();
     if (this.dom) this.widget.destroy(this.dom);
@@ -5663,7 +5786,8 @@ class ContentBuilder {
     }
     return this.curLine;
   }
-  flushBuffer(active = this.bufferMarks) {
+  flushBuffer() {
+    let active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.bufferMarks;
     if (this.pendingBuffer) {
       this.curLine.append(wrapMarks(new WidgetBufferView(-1), active), active.length);
       this.pendingBuffer = 0 /* Buf.No */;
@@ -5734,7 +5858,7 @@ class ContentBuilder {
         let cursorBefore = this.atCursorPos && !view.isEditable && openStart <= active.length && (from < to || deco.startSide > 0);
         let cursorAfter = !view.isEditable && (from < to || openStart > active.length || deco.startSide <= 0);
         let line = this.getLine();
-        if (this.pendingBuffer == 2 /* Buf.IfCursor */ && !cursorBefore) this.pendingBuffer = 0 /* Buf.No */;
+        if (this.pendingBuffer == 2 /* Buf.IfCursor */ && !cursorBefore && !view.isEditable) this.pendingBuffer = 0 /* Buf.No */;
         this.flushBuffer(active);
         if (cursorBefore) {
           line.append(wrapMarks(new WidgetBufferView(1), active), openStart);
@@ -5788,6 +5912,9 @@ class NullWidget extends WidgetType {
   updateDOM(elt) {
     return elt.nodeName.toLowerCase() == this.tag;
   }
+  get isHidden() {
+    return true;
+  }
 }
 const clickAddsSelectionRange = /*@__PURE__*/Facet.define();
 const dragMovesSelection$1 = /*@__PURE__*/Facet.define();
@@ -5795,6 +5922,7 @@ const mouseSelectionStyle = /*@__PURE__*/Facet.define();
 const exceptionSink = /*@__PURE__*/Facet.define();
 const updateListener = /*@__PURE__*/Facet.define();
 const inputHandler = /*@__PURE__*/Facet.define();
+const focusChangeEffect = /*@__PURE__*/Facet.define();
 const perLineTextDirection = /*@__PURE__*/Facet.define({
   combine: values => values.some(x => x)
 });
@@ -5802,7 +5930,11 @@ const nativeSelectionHidden = /*@__PURE__*/Facet.define({
   combine: values => values.some(x => x)
 });
 class ScrollTarget {
-  constructor(range, y = "nearest", x = "nearest", yMargin = 5, xMargin = 5) {
+  constructor(range) {
+    let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "nearest";
+    let x = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "nearest";
+    let yMargin = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 5;
+    let xMargin = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 5;
     this.range = range;
     this.y = y;
     this.x = x;
@@ -6025,11 +6157,6 @@ class ViewUpdate {
     let changedRanges = [];
     this.changes.iterChangedRanges((fromA, toA, fromB, toB) => changedRanges.push(new ChangedRange(fromA, toA, fromB, toB)));
     this.changedRanges = changedRanges;
-    let focus = view.hasFocus;
-    if (focus != view.inputState.notifiedFocused) {
-      view.inputState.notifiedFocused = focus;
-      this.flags |= 1 /* UpdateFlag.Focus */;
-    }
   }
   /**
   @internal
@@ -6482,9 +6609,6 @@ class DocView extends ContentView {
     this.updateDeco();
     this.updateInner([new ChangedRange(0, 0, 0, view.state.doc.length)], 0);
   }
-  get editorView() {
-    return this.view;
-  }
   get length() {
     return this.view.state.doc.length;
   }
@@ -6495,10 +6619,13 @@ class DocView extends ContentView {
   update(update) {
     let changedRanges = update.changedRanges;
     if (this.minWidth > 0 && changedRanges.length) {
-      if (!changedRanges.every(({
-        fromA,
-        toA
-      }) => toA < this.minWidthFrom || fromA > this.minWidthTo)) {
+      if (!changedRanges.every(_ref => {
+        let {
+          fromA,
+          toA
+        } = _ref;
+        return toA < this.minWidthFrom || fromA > this.minWidthTo;
+      })) {
         this.minWidth = this.minWidthFrom = this.minWidthTo = 0;
       } else {
         this.minWidthFrom = update.changes.mapPos(this.minWidthFrom, 1);
@@ -6547,7 +6674,7 @@ class DocView extends ContentView {
         node: observer.selectionRange.focusNode,
         written: false
       } : undefined;
-      this.sync(track);
+      this.sync(this.view, track);
       this.dirty = 0 /* Dirty.Not */;
       if (track && (track.written || observer.selectionRange.focusNode != track.node)) this.forceSelection = true;
       this.dom.style.height = "";
@@ -6585,7 +6712,9 @@ class DocView extends ContentView {
     }
   }
   // Sync the DOM selection to this.state.selection
-  updateSelection(mustRead = false, fromPointer = false) {
+  updateSelection() {
+    let mustRead = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    let fromPointer = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     if (mustRead || !this.view.observer.selectionRange.focusNode) this.view.observer.readSelectionRange();
     if (!(fromPointer || this.mayControlSelection())) return;
     let force = this.forceSelection;
@@ -6596,7 +6725,7 @@ class DocView extends ContentView {
     let head = main.empty ? anchor : this.domAtPos(main.head);
     // Always reset on Firefox when next to an uneditable node to
     // avoid invisible cursor bugs (#111)
-    if (browser.gecko && main.empty && betweenUneditable(anchor)) {
+    if (browser.gecko && main.empty && !this.compositionDeco.size && betweenUneditable(anchor)) {
       let dummy = document.createTextNode("");
       this.view.observer.ignore(() => anchor.node.insertBefore(dummy, anchor.node.childNodes[anchor.offset] || null));
       anchor = head = new DOMPos(dummy, 0);
@@ -6772,7 +6901,8 @@ class DocView extends ContentView {
     // If no workable line exists, force a layout of a measurable element
     let dummy = document.createElement("div"),
       lineHeight,
-      charWidth;
+      charWidth,
+      textHeight;
     dummy.className = "cm-line";
     dummy.style.width = "99999px";
     dummy.textContent = "abc def ghi jkl mno pqr stu";
@@ -6781,14 +6911,17 @@ class DocView extends ContentView {
       let rect = clientRectsFor(dummy.firstChild)[0];
       lineHeight = dummy.getBoundingClientRect().height;
       charWidth = rect ? rect.width / 27 : 7;
+      textHeight = rect ? rect.height : lineHeight;
       dummy.remove();
     });
     return {
       lineHeight,
-      charWidth
+      charWidth,
+      textHeight
     };
   }
-  childCursor(pos = this.length) {
+  childCursor() {
+    let pos = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.length;
     // Move back to start of last element when possible, so that
     // `ChildCursor.findPos` doesn't have to deal with the edge case
     // of being after the last element.
@@ -6969,19 +7102,26 @@ class CompositionWidget extends WidgetType {
     return CompositionView;
   }
 }
-function nearbyTextNode(node, offset, side) {
-  for (;;) {
+function nearbyTextNode(startNode, startOffset, side) {
+  if (side <= 0) for (let node = startNode, offset = startOffset;;) {
     if (node.nodeType == 3) return node;
-    if (node.nodeType == 1 && offset > 0 && side <= 0) {
+    if (node.nodeType == 1 && offset > 0) {
       node = node.childNodes[offset - 1];
       offset = maxOffset(node);
-    } else if (node.nodeType == 1 && offset < node.childNodes.length && side >= 0) {
+    } else {
+      break;
+    }
+  }
+  if (side >= 0) for (let node = startNode, offset = startOffset;;) {
+    if (node.nodeType == 3) return node;
+    if (node.nodeType == 1 && offset < node.childNodes.length && side >= 0) {
       node = node.childNodes[offset];
       offset = 0;
     } else {
-      return null;
+      break;
     }
   }
+  return null;
 }
 function nextToUneditable(node, offset) {
   if (node.nodeType != 1) return 0;
@@ -7011,7 +7151,8 @@ function inUneditable(node, inside) {
   }
   return false;
 }
-function groupAt(state, pos, bias = 1) {
+function groupAt(state, pos) {
+  let bias = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   let categorize = state.charCategorizer(pos);
   let line = state.doc.lineAt(pos),
     linePos = pos - line.from;
@@ -7154,18 +7295,20 @@ function domPosInText(node, x, y) {
     offset: closestOffset > -1 ? closestOffset : generalSide > 0 ? node.nodeValue.length : 0
   };
 }
-function posAtCoords(view, {
-  x,
-  y
-}, precise, bias = -1) {
-  var _a;
+function posAtCoords(view, coords, precise) {
+  let bias = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : -1;
+  var _a, _b;
   let content = view.contentDOM.getBoundingClientRect(),
     docTop = content.top + view.viewState.paddingTop;
   let block,
     {
       docHeight
     } = view.viewState;
-  let yOffset = y - docTop;
+  let {
+      x,
+      y
+    } = coords,
+    yOffset = y - docTop;
   if (yOffset < 0) return 0;
   if (yOffset > docHeight) return view.state.doc.length;
   // Scan for a text block near the queried y position
@@ -7230,7 +7373,14 @@ function posAtCoords(view, {
       offset
     } = domPosAtCoords(line.dom, x, y));
   }
-  return view.docView.posFromDOM(node, offset);
+  let nearest = view.docView.nearest(node);
+  if (!nearest) return null;
+  if (nearest.isWidget && ((_b = nearest.dom) === null || _b === void 0 ? void 0 : _b.nodeType) == 1) {
+    let rect = nearest.dom.getBoundingClientRect();
+    return coords.y < rect.top || coords.y <= rect.bottom && coords.x <= (rect.left + rect.right) / 2 ? nearest.posAtStart : nearest.posAtEnd;
+  } else {
+    return nearest.localPosFromDOM(node, offset) + nearest.posAtStart;
+  }
 }
 function posAtCoordsImprecise(view, contentRect, block, x, y) {
   let into = Math.round((x - contentRect.left) * view.defaultCharacterWidth);
@@ -7386,7 +7536,15 @@ class InputState {
     // first, false means first has already been marked for this
     // composition)
     this.compositionFirstChange = null;
+    // End time of the previous composition
     this.compositionEndedAt = 0;
+    // Used in a kludge to detect when an Enter keypress should be
+    // considered part of the composition on Safari, which fires events
+    // in the wrong order
+    this.compositionPendingKey = false;
+    // Used to categorize changes as part of a composition, even when
+    // the mutation events fire shortly after the compositionend event
+    this.compositionPendingChange = false;
     this.mouseSelection = null;
     let handleEvent = (handler, event) => {
       if (this.ignoreDuringComposition(event)) return;
@@ -7402,7 +7560,16 @@ class InputState {
       this.registeredEvents.push(type);
     }
     view.scrollDOM.addEventListener("mousedown", event => {
-      if (event.target == view.scrollDOM) handleEvent(handlers.mousedown, event);
+      if (event.target == view.scrollDOM && event.clientY > view.contentDOM.getBoundingClientRect().bottom) {
+        handleEvent(handlers.mousedown, event);
+        if (!event.defaultPrevented && event.button == 2) {
+          // Make sure the content covers the entire scroller height, in order
+          // to catch a native context menu click below it
+          let start = view.contentDOM.style.minHeight;
+          view.contentDOM.style.minHeight = "100%";
+          setTimeout(() => view.contentDOM.style.minHeight = start, 200);
+        }
+      }
     });
     if (browser.chrome && browser.chrome_version == 102) {
       // FIXME remove at some point
@@ -7515,8 +7682,8 @@ class InputState {
     // compositionend and keydown events are sometimes emitted in the
     // wrong order. The key event should still be ignored, even when
     // it happens after the compositionend event.
-    if (browser.safari && !browser.ios && Date.now() - this.compositionEndedAt < 100) {
-      this.compositionEndedAt = 0;
+    if (browser.safari && !browser.ios && this.compositionPendingKey && Date.now() - this.compositionEndedAt < 100) {
+      this.compositionPendingKey = false;
       return true;
     }
     return false;
@@ -7552,8 +7719,9 @@ const PendingKeys = [{
 const EmacsyPendingKeys = "dthko";
 // Key codes for modifier keys
 const modifierCodes = [16, 17, 18, 20, 91, 92, 224, 225];
+const dragScrollMargin = 6;
 function dragScrollSpeed(dist) {
-  return dist * 0.7 + 8;
+  return Math.max(0, dist) * 0.7 + 8;
 }
 class MouseSelection {
   constructor(view, startEvent, style, mustSelect) {
@@ -7574,11 +7742,13 @@ class MouseSelection {
     this.multiple = view.state.facet(EditorState.allowMultipleSelections) && addsSelectionRange(view, startEvent);
     this.dragMove = dragMovesSelection(view, startEvent);
     this.dragging = isInPrimarySelection(view, startEvent) && getClickType(startEvent) == 1 ? null : false;
+  }
+  start(event) {
     // When clicking outside of the selection, immediately apply the
     // effect of starting the selection
     if (this.dragging === false) {
-      startEvent.preventDefault();
-      this.select(startEvent);
+      event.preventDefault();
+      this.select(event);
     }
   }
   move(event) {
@@ -7594,8 +7764,8 @@ class MouseSelection {
       right: this.view.win.innerWidth,
       bottom: this.view.win.innerHeight
     };
-    if (event.clientX <= rect.left) sx = -dragScrollSpeed(rect.left - event.clientX);else if (event.clientX >= rect.right) sx = dragScrollSpeed(event.clientX - rect.right);
-    if (event.clientY <= rect.top) sy = -dragScrollSpeed(rect.top - event.clientY);else if (event.clientY >= rect.bottom) sy = dragScrollSpeed(event.clientY - rect.bottom);
+    if (event.clientX <= rect.left + dragScrollMargin) sx = -dragScrollSpeed(rect.left - event.clientX);else if (event.clientX >= rect.right - dragScrollMargin) sx = dragScrollSpeed(event.clientX - rect.right);
+    if (event.clientY <= rect.top + dragScrollMargin) sy = -dragScrollSpeed(rect.top - event.clientY);else if (event.clientY >= rect.bottom - dragScrollMargin) sy = dragScrollSpeed(event.clientY - rect.bottom);
     this.setScrollSpeed(sx, sy);
   }
   up(event) {
@@ -7763,8 +7933,9 @@ handlers.mousedown = (view, event) => {
   if (!style && event.button == 0) style = basicMouseSelection(view, event);
   if (style) {
     let mustFocus = view.root.activeElement != view.contentDOM;
-    if (mustFocus) view.observer.ignore(() => focusPreventScroll(view.contentDOM));
     view.inputState.startMouseSelection(new MouseSelection(view, event, style, mustFocus));
+    if (mustFocus) view.observer.ignore(() => focusPreventScroll(view.contentDOM));
+    if (view.inputState.mouseSelection) view.inputState.mouseSelection.start(event);
   }
 };
 function rangeForClick(view, pos, bias, type) {
@@ -7839,7 +8010,8 @@ function basicMouseSelection(view, event) {
       }
     },
     get(event, extend, multiple) {
-      let cur = queryPos(view, event);
+      let cur = queryPos(view, event),
+        removed;
       let range = rangeForClick(view, cur.pos, cur.bias, type);
       if (start.pos != cur.pos && !extend) {
         let startRange = rangeForClick(view, start.pos, start.bias, type);
@@ -7847,14 +8019,19 @@ function basicMouseSelection(view, event) {
           to = Math.max(startRange.to, range.to);
         range = from < range.from ? EditorSelection.range(from, to) : EditorSelection.range(to, from);
       }
-      if (extend) return startSel.replaceRange(startSel.main.extend(range.from, range.to));else if (multiple && startSel.ranges.length > 1 && startSel.ranges.some(r => r.eq(range))) return removeRange(startSel, range);else if (multiple) return startSel.addRange(range);else return EditorSelection.create([range]);
+      if (extend) return startSel.replaceRange(startSel.main.extend(range.from, range.to));else if (multiple && type == 1 && startSel.ranges.length > 1 && (removed = removeRangeAround(startSel, cur.pos))) return removed;else if (multiple) return startSel.addRange(range);else return EditorSelection.create([range]);
     }
   };
 }
-function removeRange(sel, range) {
-  for (let i = 0;; i++) {
-    if (sel.ranges[i].eq(range)) return EditorSelection.create(sel.ranges.slice(0, i).concat(sel.ranges.slice(i + 1)), sel.mainIndex == i ? 0 : sel.mainIndex - (sel.mainIndex > i ? 1 : 0));
+function removeRangeAround(sel, pos) {
+  for (let i = 0; i < sel.ranges.length; i++) {
+    let {
+      from,
+      to
+    } = sel.ranges[i];
+    if (from <= pos && to >= pos) return EditorSelection.create(sel.ranges.slice(0, i).concat(sel.ranges.slice(i + 1)), sel.mainIndex == i ? 0 : sel.mainIndex - (sel.mainIndex > i ? 1 : 0));
   }
+  return null;
 }
 handlers.dragstart = (view, event) => {
   let {
@@ -7930,7 +8107,7 @@ handlers.paste = (view, event) => {
   view.observer.flush();
   let data = brokenClipboardAPI ? null : event.clipboardData;
   if (data) {
-    doPaste(view, data.getData("text/plain"));
+    doPaste(view, data.getData("text/plain") || data.getData("text/uri-text"));
     event.preventDefault();
   } else {
     capturePaste(view);
@@ -8007,9 +8184,25 @@ handlers.copy = handlers.cut = (view, event) => {
     userEvent: "delete.cut"
   });
 };
+const isFocusChange = /*@__PURE__*/Annotation.define();
+function focusChangeTransaction(state, focus) {
+  let effects = [];
+  for (let getEffect of state.facet(focusChangeEffect)) {
+    let effect = getEffect(state, focus);
+    if (effect) effects.push(effect);
+  }
+  return effects ? state.update({
+    effects,
+    annotations: isFocusChange.of(true)
+  }) : null;
+}
 function updateForFocusChange(view) {
   setTimeout(() => {
-    if (view.hasFocus != view.inputState.notifiedFocused) view.update([]);
+    let focus = view.hasFocus;
+    if (focus != view.inputState.notifiedFocused) {
+      let tr = focusChangeTransaction(view.state, focus);
+      if (tr) view.dispatch(tr);else view.update([]);
+    }
   }, 10);
 }
 handlers.focus = view => {
@@ -8035,6 +8228,8 @@ handlers.compositionstart = handlers.compositionupdate = view => {
 handlers.compositionend = view => {
   view.inputState.composing = -1;
   view.inputState.compositionEndedAt = Date.now();
+  view.inputState.compositionPendingKey = true;
+  view.inputState.compositionPendingChange = view.observer.pendingRecords().length > 0;
   view.inputState.compositionFirstChange = null;
   if (browser.chrome && browser.android) view.observer.flushSoon();
   setTimeout(() => {
@@ -8078,15 +8273,16 @@ class HeightOracle {
     this.lineWrapping = lineWrapping;
     this.doc = Text.empty;
     this.heightSamples = {};
-    this.lineHeight = 14;
+    this.lineHeight = 14; // The height of an entire line (line-height)
     this.charWidth = 7;
+    this.textHeight = 14; // The height of the actual font (font-size)
     this.lineLength = 30;
     // Used to track, during updateHeight, if any actual heights changed
     this.heightChanged = false;
   }
   heightForGap(from, to) {
     let lines = this.doc.lineAt(to).number - this.doc.lineAt(from).number + 1;
-    if (this.lineWrapping) lines += Math.ceil((to - from - lines * this.lineLength * 0.5) / this.lineLength);
+    if (this.lineWrapping) lines += Math.max(0, Math.ceil((to - from - lines * this.lineLength * 0.5) / this.lineLength));
     return this.lineHeight * lines;
   }
   heightForLine(length) {
@@ -8115,12 +8311,13 @@ class HeightOracle {
     }
     return newHeight;
   }
-  refresh(whiteSpace, lineHeight, charWidth, lineLength, knownHeights) {
+  refresh(whiteSpace, lineHeight, charWidth, textHeight, lineLength, knownHeights) {
     let lineWrapping = wrappingWhiteSpace.indexOf(whiteSpace) > -1;
     let changed = Math.round(lineHeight) != Math.round(this.lineHeight) || this.lineWrapping != lineWrapping;
     this.lineWrapping = lineWrapping;
     this.lineHeight = lineHeight;
     this.charWidth = charWidth;
+    this.textHeight = textHeight;
     this.lineLength = lineLength;
     if (changed) {
       this.heightSamples = {};
@@ -8212,9 +8409,8 @@ const Epsilon = 1e-3;
 class HeightMap {
   constructor(length,
   // The number of characters covered
-  height,
-  // Height of this part of the document
-  flags = 2 /* Flag.Outdated */) {
+  height) {
+    let flags = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
     this.length = length;
     this.height = height;
     this.flags = flags;
@@ -8245,7 +8441,8 @@ class HeightMap {
     result.push(this);
   }
   applyChanges(decorations, oldDoc, oracle, changes) {
-    let me = this;
+    let me = this,
+      doc = oracle.doc;
     for (let i = changes.length - 1; i >= 0; i--) {
       let {
         fromA,
@@ -8253,19 +8450,19 @@ class HeightMap {
         fromB,
         toB
       } = changes[i];
-      let start = me.lineAt(fromA, QueryType.ByPosNoHeight, oldDoc, 0, 0);
-      let end = start.to >= toA ? start : me.lineAt(toA, QueryType.ByPosNoHeight, oldDoc, 0, 0);
+      let start = me.lineAt(fromA, QueryType.ByPosNoHeight, oracle.setDoc(oldDoc), 0, 0);
+      let end = start.to >= toA ? start : me.lineAt(toA, QueryType.ByPosNoHeight, oracle, 0, 0);
       toB += end.to - toA;
       toA = end.to;
       while (i > 0 && start.from <= changes[i - 1].toA) {
         fromA = changes[i - 1].fromA;
         fromB = changes[i - 1].fromB;
         i--;
-        if (fromA < start.from) start = me.lineAt(fromA, QueryType.ByPosNoHeight, oldDoc, 0, 0);
+        if (fromA < start.from) start = me.lineAt(fromA, QueryType.ByPosNoHeight, oracle, 0, 0);
       }
       fromB += start.from - fromA;
       fromA = start.from;
-      let nodes = NodeBuilder.build(oracle, decorations, fromB, toB);
+      let nodes = NodeBuilder.build(oracle.setDoc(doc), decorations, fromB, toB);
       me = me.replace(fromA, toA, nodes);
     }
     return me.updateHeight(oracle, 0);
@@ -8323,16 +8520,18 @@ class HeightMapBlock extends HeightMap {
     super(length, height);
     this.type = type;
   }
-  blockAt(_height, _doc, top, offset) {
+  blockAt(_height, _oracle, top, offset) {
     return new BlockInfo(offset, this.length, top, this.height, this.type);
   }
-  lineAt(_value, _type, doc, top, offset) {
-    return this.blockAt(0, doc, top, offset);
+  lineAt(_value, _type, oracle, top, offset) {
+    return this.blockAt(0, oracle, top, offset);
   }
-  forEachLine(from, to, doc, top, offset, f) {
-    if (from <= offset + this.length && to >= offset) f(this.blockAt(0, doc, top, offset));
+  forEachLine(from, to, oracle, top, offset, f) {
+    if (from <= offset + this.length && to >= offset) f(this.blockAt(0, oracle, top, offset));
   }
-  updateHeight(oracle, offset = 0, _force = false, measured) {
+  updateHeight(oracle) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let measured = arguments.length > 3 ? arguments[3] : undefined;
     if (measured && measured.from <= offset && measured.more) this.setHeight(oracle, measured.heights[measured.index++]);
     this.outdated = false;
     return this;
@@ -8358,7 +8557,10 @@ class HeightMapText extends HeightMapBlock {
       return HeightMap.of(nodes);
     }
   }
-  updateHeight(oracle, offset = 0, force = false, measured) {
+  updateHeight(oracle) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let measured = arguments.length > 3 ? arguments[3] : undefined;
     if (measured && measured.from <= offset && measured.more) this.setHeight(oracle, measured.heights[measured.index++]);else if (force || this.outdated) this.setHeight(oracle, Math.max(this.widgetHeight, oracle.heightForLine(this.length - this.collapsed)));
     this.outdated = false;
     return this;
@@ -8371,58 +8573,85 @@ class HeightMapGap extends HeightMap {
   constructor(length) {
     super(length, 0);
   }
-  lines(doc, offset) {
-    let firstLine = doc.lineAt(offset).number,
-      lastLine = doc.lineAt(offset + this.length).number;
+  heightMetrics(oracle, offset) {
+    let firstLine = oracle.doc.lineAt(offset).number,
+      lastLine = oracle.doc.lineAt(offset + this.length).number;
+    let lines = lastLine - firstLine + 1;
+    let perLine,
+      perChar = 0;
+    if (oracle.lineWrapping) {
+      let totalPerLine = Math.min(this.height, oracle.lineHeight * lines);
+      perLine = totalPerLine / lines;
+      perChar = (this.height - totalPerLine) / (this.length - lines - 1);
+    } else {
+      perLine = this.height / lines;
+    }
     return {
       firstLine,
       lastLine,
-      lineHeight: this.height / (lastLine - firstLine + 1)
+      perLine,
+      perChar
     };
   }
-  blockAt(height, doc, top, offset) {
+  blockAt(height, oracle, top, offset) {
     let {
       firstLine,
       lastLine,
-      lineHeight
-    } = this.lines(doc, offset);
-    let line = Math.max(0, Math.min(lastLine - firstLine, Math.floor((height - top) / lineHeight)));
-    let {
-      from,
-      length
-    } = doc.line(firstLine + line);
-    return new BlockInfo(from, length, top + lineHeight * line, lineHeight, BlockType.Text);
+      perLine,
+      perChar
+    } = this.heightMetrics(oracle, offset);
+    if (oracle.lineWrapping) {
+      let guess = offset + Math.round(Math.max(0, Math.min(1, (height - top) / this.height)) * this.length);
+      let line = oracle.doc.lineAt(guess),
+        lineHeight = perLine + line.length * perChar;
+      let lineTop = Math.max(top, height - lineHeight / 2);
+      return new BlockInfo(line.from, line.length, lineTop, lineHeight, BlockType.Text);
+    } else {
+      let line = Math.max(0, Math.min(lastLine - firstLine, Math.floor((height - top) / perLine)));
+      let {
+        from,
+        length
+      } = oracle.doc.line(firstLine + line);
+      return new BlockInfo(from, length, top + perLine * line, perLine, BlockType.Text);
+    }
   }
-  lineAt(value, type, doc, top, offset) {
-    if (type == QueryType.ByHeight) return this.blockAt(value, doc, top, offset);
+  lineAt(value, type, oracle, top, offset) {
+    if (type == QueryType.ByHeight) return this.blockAt(value, oracle, top, offset);
     if (type == QueryType.ByPosNoHeight) {
       let {
         from,
         to
-      } = doc.lineAt(value);
+      } = oracle.doc.lineAt(value);
       return new BlockInfo(from, to - from, 0, 0, BlockType.Text);
     }
     let {
       firstLine,
-      lineHeight
-    } = this.lines(doc, offset);
-    let {
-      from,
-      length,
-      number
-    } = doc.lineAt(value);
-    return new BlockInfo(from, length, top + lineHeight * (number - firstLine), lineHeight, BlockType.Text);
-  }
-  forEachLine(from, to, doc, top, offset, f) {
+      perLine,
+      perChar
+    } = this.heightMetrics(oracle, offset);
+    let line = oracle.doc.lineAt(value),
+      lineHeight = perLine + line.length * perChar;
+    let linesAbove = line.number - firstLine;
+    let lineTop = top + perLine * linesAbove + perChar * (line.from - offset - linesAbove);
+    return new BlockInfo(line.from, line.length, Math.max(top, Math.min(lineTop, top + this.height - lineHeight)), lineHeight, BlockType.Text);
+  }
+  forEachLine(from, to, oracle, top, offset, f) {
+    from = Math.max(from, offset);
+    to = Math.min(to, offset + this.length);
     let {
       firstLine,
-      lineHeight
-    } = this.lines(doc, offset);
-    for (let pos = Math.max(from, offset), end = Math.min(offset + this.length, to); pos <= end;) {
-      let line = doc.lineAt(pos);
-      if (pos == from) top += lineHeight * (line.number - firstLine);
-      f(new BlockInfo(line.from, line.length, top, lineHeight, BlockType.Text));
-      top += lineHeight;
+      perLine,
+      perChar
+    } = this.heightMetrics(oracle, offset);
+    for (let pos = from, lineTop = top; pos <= to;) {
+      let line = oracle.doc.lineAt(pos);
+      if (pos == from) {
+        let linesAbove = line.number - firstLine;
+        lineTop += perLine * linesAbove + perChar * (from - offset - linesAbove);
+      }
+      let lineHeight = perLine + perChar * line.length;
+      f(new BlockInfo(line.from, line.length, lineTop, lineHeight, BlockType.Text));
+      lineTop += lineHeight;
       pos = line.to + 1;
     }
   }
@@ -8444,7 +8673,10 @@ class HeightMapGap extends HeightMap {
   decomposeRight(from, result) {
     result.push(null, new HeightMapGap(this.length - from - 1));
   }
-  updateHeight(oracle, offset = 0, force = false, measured) {
+  updateHeight(oracle) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let measured = arguments.length > 3 ? arguments[3] : undefined;
     let end = offset + this.length;
     if (measured && measured.from <= offset + this.length && measured.more) {
       // Fill in part of this gap with measured lines. We know there
@@ -8454,7 +8686,6 @@ class HeightMapGap extends HeightMap {
       let nodes = [],
         pos = Math.max(offset, measured.from),
         singleHeight = -1;
-      let wasChanged = oracle.heightChanged;
       if (measured.from > offset) nodes.push(new HeightMapGap(measured.from - offset - 1).updateHeight(oracle, offset));
       while (pos <= end && measured.more) {
         let len = oracle.doc.lineAt(pos).length;
@@ -8468,7 +8699,7 @@ class HeightMapGap extends HeightMap {
       }
       if (pos <= end) nodes.push(null, new HeightMapGap(end - pos).updateHeight(oracle, pos));
       let result = HeightMap.of(nodes);
-      oracle.heightChanged = wasChanged || singleHeight < 0 || Math.abs(result.height - this.height) >= Epsilon || Math.abs(singleHeight - this.lines(oracle.doc, offset).lineHeight) >= Epsilon;
+      if (singleHeight < 0 || Math.abs(result.height - this.height) >= Epsilon || Math.abs(singleHeight - this.heightMetrics(oracle, offset).perLine) >= Epsilon) oracle.heightChanged = true;
       return result;
     } else if (force || this.outdated) {
       this.setHeight(oracle, oracle.heightForGap(offset, offset + this.length));
@@ -8490,30 +8721,30 @@ class HeightMapBranch extends HeightMap {
   get break() {
     return this.flags & 1 /* Flag.Break */;
   }
-  blockAt(height, doc, top, offset) {
+  blockAt(height, oracle, top, offset) {
     let mid = top + this.left.height;
-    return height < mid ? this.left.blockAt(height, doc, top, offset) : this.right.blockAt(height, doc, mid, offset + this.left.length + this.break);
+    return height < mid ? this.left.blockAt(height, oracle, top, offset) : this.right.blockAt(height, oracle, mid, offset + this.left.length + this.break);
   }
-  lineAt(value, type, doc, top, offset) {
+  lineAt(value, type, oracle, top, offset) {
     let rightTop = top + this.left.height,
       rightOffset = offset + this.left.length + this.break;
     let left = type == QueryType.ByHeight ? value < rightTop : value < rightOffset;
-    let base = left ? this.left.lineAt(value, type, doc, top, offset) : this.right.lineAt(value, type, doc, rightTop, rightOffset);
+    let base = left ? this.left.lineAt(value, type, oracle, top, offset) : this.right.lineAt(value, type, oracle, rightTop, rightOffset);
     if (this.break || (left ? base.to < rightOffset : base.from > rightOffset)) return base;
     let subQuery = type == QueryType.ByPosNoHeight ? QueryType.ByPosNoHeight : QueryType.ByPos;
-    if (left) return base.join(this.right.lineAt(rightOffset, subQuery, doc, rightTop, rightOffset));else return this.left.lineAt(rightOffset, subQuery, doc, top, offset).join(base);
+    if (left) return base.join(this.right.lineAt(rightOffset, subQuery, oracle, rightTop, rightOffset));else return this.left.lineAt(rightOffset, subQuery, oracle, top, offset).join(base);
   }
-  forEachLine(from, to, doc, top, offset, f) {
+  forEachLine(from, to, oracle, top, offset, f) {
     let rightTop = top + this.left.height,
       rightOffset = offset + this.left.length + this.break;
     if (this.break) {
-      if (from < rightOffset) this.left.forEachLine(from, to, doc, top, offset, f);
-      if (to >= rightOffset) this.right.forEachLine(from, to, doc, rightTop, rightOffset, f);
+      if (from < rightOffset) this.left.forEachLine(from, to, oracle, top, offset, f);
+      if (to >= rightOffset) this.right.forEachLine(from, to, oracle, rightTop, rightOffset, f);
     } else {
-      let mid = this.lineAt(rightOffset, QueryType.ByPos, doc, top, offset);
-      if (from < mid.from) this.left.forEachLine(from, mid.from - 1, doc, top, offset, f);
+      let mid = this.lineAt(rightOffset, QueryType.ByPos, oracle, top, offset);
+      if (from < mid.from) this.left.forEachLine(from, mid.from - 1, oracle, top, offset, f);
       if (mid.to >= from && mid.from <= to) f(mid);
-      if (to > mid.to) this.right.forEachLine(mid.to + 1, to, doc, rightTop, rightOffset, f);
+      if (to > mid.to) this.right.forEachLine(mid.to + 1, to, oracle, rightTop, rightOffset, f);
     }
   }
   replace(from, to, nodes) {
@@ -8560,7 +8791,10 @@ class HeightMapBranch extends HeightMap {
     this.length = left.length + this.break + right.length;
     return this;
   }
-  updateHeight(oracle, offset = 0, force = false, measured) {
+  updateHeight(oracle) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let measured = arguments.length > 3 ? arguments[3] : undefined;
     let {
         left,
         right
@@ -8847,10 +9081,13 @@ class ViewState {
       } = this.state.selection;
     for (let i = 0; i <= 1; i++) {
       let pos = i ? main.head : main.anchor;
-      if (!viewports.some(({
-        from,
-        to
-      }) => pos >= from && pos <= to)) {
+      if (!viewports.some(_ref2 => {
+        let {
+          from,
+          to
+        } = _ref2;
+        return pos >= from && pos <= to;
+      })) {
         let {
           from,
           to
@@ -8859,15 +9096,16 @@ class ViewState {
       }
     }
     this.viewports = viewports.sort((a, b) => a.from - b.from);
-    this.scaler = this.heightMap.height <= 7000000 /* VP.MaxDOMHeight */ ? IdScaler : new BigScaler(this.heightOracle.doc, this.heightMap, this.viewports);
+    this.scaler = this.heightMap.height <= 7000000 /* VP.MaxDOMHeight */ ? IdScaler : new BigScaler(this.heightOracle, this.heightMap, this.viewports);
   }
   updateViewportLines() {
     this.viewportLines = [];
-    this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.state.doc, 0, 0, block => {
+    this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.heightOracle.setDoc(this.state.doc), 0, 0, block => {
       this.viewportLines.push(this.scaler.scale == 1 ? block : scaleBlock(block, this.scaler));
     });
   }
-  update(update, scrollTarget = null) {
+  update(update) {
+    let scrollTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     this.state = update.state;
     let prevDeco = this.stateDeco;
     this.stateDeco = this.state.facet(decorations).filter(d => typeof d != "function");
@@ -8894,8 +9132,9 @@ class ViewState {
     let whiteSpace = style.whiteSpace;
     this.defaultTextDirection = style.direction == "rtl" ? Direction.RTL : Direction.LTR;
     let refresh = this.heightOracle.mustRefreshForWrapping(whiteSpace);
-    let measureContent = refresh || this.mustMeasureContent || this.contentDOMHeight != dom.clientHeight;
-    this.contentDOMHeight = dom.clientHeight;
+    let domRect = dom.getBoundingClientRect();
+    let measureContent = refresh || this.mustMeasureContent || this.contentDOMHeight != domRect.height;
+    this.contentDOMHeight = domRect.height;
     this.mustMeasureContent = false;
     let result = 0,
       bias = 0;
@@ -8924,9 +9163,9 @@ class ViewState {
       if (inView) measureContent = true;
     }
     if (!this.inView && !this.scrollTarget) return 0;
-    let contentWidth = dom.clientWidth;
+    let contentWidth = domRect.width;
     if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight) {
-      this.contentDOMWidth = contentWidth;
+      this.contentDOMWidth = domRect.width;
       this.editorHeight = view.scrollDOM.clientHeight;
       result |= 8 /* UpdateFlag.Geometry */;
     }
@@ -8937,9 +9176,10 @@ class ViewState {
       if (refresh || oracle.lineWrapping && Math.abs(contentWidth - this.contentDOMWidth) > oracle.charWidth) {
         let {
           lineHeight,
-          charWidth
+          charWidth,
+          textHeight
         } = view.docView.measureTextSize();
-        refresh = lineHeight > 0 && oracle.refresh(whiteSpace, lineHeight, charWidth, contentWidth / charWidth, lineHeights);
+        refresh = lineHeight > 0 && oracle.refresh(whiteSpace, lineHeight, charWidth, textHeight, contentWidth / charWidth, lineHeights);
         if (refresh) {
           view.docView.minWidth = 0;
           result |= 8 /* UpdateFlag.Geometry */;
@@ -8983,12 +9223,12 @@ class ViewState {
     // since the last update). It'll hold a number between 0 and 1
     let marginTop = 0.5 - Math.max(-0.5, Math.min(0.5, bias / 1000 /* VP.Margin */ / 2));
     let map = this.heightMap,
-      doc = this.state.doc,
-      {
-        visibleTop,
-        visibleBottom
-      } = this;
-    let viewport = new Viewport(map.lineAt(visibleTop - marginTop * 1000 /* VP.Margin */, QueryType.ByHeight, doc, 0, 0).from, map.lineAt(visibleBottom + (1 - marginTop) * 1000 /* VP.Margin */, QueryType.ByHeight, doc, 0, 0).to);
+      oracle = this.heightOracle;
+    let {
+      visibleTop,
+      visibleBottom
+    } = this;
+    let viewport = new Viewport(map.lineAt(visibleTop - marginTop * 1000 /* VP.Margin */, QueryType.ByHeight, oracle, 0, 0).from, map.lineAt(visibleBottom + (1 - marginTop) * 1000 /* VP.Margin */, QueryType.ByHeight, oracle, 0, 0).to);
     // If scrollTarget is given, make sure the viewport includes that position
     if (scrollTarget) {
       let {
@@ -8996,10 +9236,10 @@ class ViewState {
       } = scrollTarget.range;
       if (head < viewport.from || head > viewport.to) {
         let viewHeight = Math.min(this.editorHeight, this.pixelViewport.bottom - this.pixelViewport.top);
-        let block = map.lineAt(head, QueryType.ByPos, doc, 0, 0),
+        let block = map.lineAt(head, QueryType.ByPos, oracle, 0, 0),
           topPos;
         if (scrollTarget.y == "center") topPos = (block.top + block.bottom) / 2 - viewHeight / 2;else if (scrollTarget.y == "start" || scrollTarget.y == "nearest" && head < viewport.from) topPos = block.top;else topPos = block.bottom - viewHeight;
-        viewport = new Viewport(map.lineAt(topPos - 1000 /* VP.Margin */ / 2, QueryType.ByHeight, doc, 0, 0).from, map.lineAt(topPos + viewHeight + 1000 /* VP.Margin */ / 2, QueryType.ByHeight, doc, 0, 0).to);
+        viewport = new Viewport(map.lineAt(topPos - 1000 /* VP.Margin */ / 2, QueryType.ByHeight, oracle, 0, 0).from, map.lineAt(topPos + viewHeight + 1000 /* VP.Margin */ / 2, QueryType.ByHeight, oracle, 0, 0).to);
       }
     }
     return viewport;
@@ -9007,21 +9247,23 @@ class ViewState {
   mapViewport(viewport, changes) {
     let from = changes.mapPos(viewport.from, -1),
       to = changes.mapPos(viewport.to, 1);
-    return new Viewport(this.heightMap.lineAt(from, QueryType.ByPos, this.state.doc, 0, 0).from, this.heightMap.lineAt(to, QueryType.ByPos, this.state.doc, 0, 0).to);
+    return new Viewport(this.heightMap.lineAt(from, QueryType.ByPos, this.heightOracle, 0, 0).from, this.heightMap.lineAt(to, QueryType.ByPos, this.heightOracle, 0, 0).to);
   }
   // Checks if a given viewport covers the visible part of the
   // document and not too much beyond that.
-  viewportIsAppropriate({
-    from,
-    to
-  }, bias = 0) {
+  viewportIsAppropriate(_ref3) {
+    let {
+      from,
+      to
+    } = _ref3;
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     if (!this.inView) return true;
     let {
       top
-    } = this.heightMap.lineAt(from, QueryType.ByPos, this.state.doc, 0, 0);
+    } = this.heightMap.lineAt(from, QueryType.ByPos, this.heightOracle, 0, 0);
     let {
       bottom
-    } = this.heightMap.lineAt(to, QueryType.ByPos, this.state.doc, 0, 0);
+    } = this.heightMap.lineAt(to, QueryType.ByPos, this.heightOracle, 0, 0);
     let {
       visibleTop,
       visibleBottom
@@ -9146,13 +9388,13 @@ class ViewState {
     return changed ? 4 /* UpdateFlag.Viewport */ : 0;
   }
   lineBlockAt(pos) {
-    return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find(b => b.from <= pos && b.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType.ByPos, this.state.doc, 0, 0), this.scaler);
+    return pos >= this.viewport.from && pos <= this.viewport.to && this.viewportLines.find(b => b.from <= pos && b.to >= pos) || scaleBlock(this.heightMap.lineAt(pos, QueryType.ByPos, this.heightOracle, 0, 0), this.scaler);
   }
   lineBlockAtHeight(height) {
-    return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType.ByHeight, this.state.doc, 0, 0), this.scaler);
+    return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType.ByHeight, this.heightOracle, 0, 0), this.scaler);
   }
   elementAtHeight(height) {
-    return scaleBlock(this.heightMap.blockAt(this.scaler.fromDOM(height), this.state.doc, 0, 0), this.scaler);
+    return scaleBlock(this.heightMap.blockAt(this.scaler.fromDOM(height), this.heightOracle, 0, 0), this.scaler);
   }
   get docHeight() {
     return this.scaler.toDOM(this.heightMap.height);
@@ -9196,10 +9438,11 @@ function lineStructure(from, to, stateDeco) {
     ranges
   };
 }
-function findPosition({
-  total,
-  ranges
-}, ratio) {
+function findPosition(_ref4, ratio) {
+  let {
+    total,
+    ranges
+  } = _ref4;
   if (ratio <= 0) return ranges[0].from;
   if (ratio >= 1) return ranges[ranges.length - 1].to;
   let dist = Math.floor(total * ratio);
@@ -9246,16 +9489,17 @@ const IdScaler = {
 // regions outside the viewports so that the total height is
 // VP.MaxDOMHeight.
 class BigScaler {
-  constructor(doc, heightMap, viewports) {
+  constructor(oracle, heightMap, viewports) {
     let vpHeight = 0,
       base = 0,
       domBase = 0;
-    this.viewports = viewports.map(({
-      from,
-      to
-    }) => {
-      let top = heightMap.lineAt(from, QueryType.ByPos, doc, 0, 0).top;
-      let bottom = heightMap.lineAt(to, QueryType.ByPos, doc, 0, 0).bottom;
+    this.viewports = viewports.map(_ref5 => {
+      let {
+        from,
+        to
+      } = _ref5;
+      let top = heightMap.lineAt(from, QueryType.ByPos, oracle, 0, 0).top;
+      let bottom = heightMap.lineAt(to, QueryType.ByPos, oracle, 0, 0).bottom;
       vpHeight += bottom - top;
       return {
         from,
@@ -9382,6 +9626,9 @@ const baseTheme$1$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
     padding: "0 2px 0 6px"
   },
   ".cm-layer": {
+    position: "absolute",
+    left: 0,
+    top: 0,
     contain: "size style",
     "& > *": {
       position: "absolute"
@@ -9433,6 +9680,9 @@ const baseTheme$1$1 = /*@__PURE__*/buildTheme("." + baseThemeID, {
   "&dark .cm-cursor": {
     borderLeftColor: "#444"
   },
+  ".cm-dropCursor": {
+    position: "absolute"
+  },
   "&.cm-focused .cm-cursor": {
     display: "block"
   },
@@ -9651,7 +9901,7 @@ function applyDOMChange(view, domChange) {
       to: sel.to,
       insert: view.state.doc.slice(sel.from, change.from).append(change.insert).append(view.state.doc.slice(change.to, sel.to))
     };
-  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString())) {
+  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
     // Detect insert-period-on-double-space Mac and Android behavior,
     // and transform it into a regular space insert.
     if (newSel && change.insert.length == 2) newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
@@ -9691,7 +9941,7 @@ function applyDOMChange(view, domChange) {
       tr = startState.replaceSelection(view.state.toText(before + change.insert.sliceString(0, undefined, view.state.lineBreak) + after));
     } else {
       let changes = startState.changes(change);
-      let mainSel = newSel && !startState.selection.main.eq(newSel.main) && newSel.main.to <= changes.newLength ? newSel.main : undefined;
+      let mainSel = newSel && newSel.main.to <= changes.newLength ? newSel.main : undefined;
       // Try to apply a composition change to all cursors
       if (startState.selection.ranges.length > 1 && view.inputState.composing >= 0 && change.to <= sel.to && change.to >= sel.to - 10) {
         let replaced = view.state.sliceDoc(change.from, change.to);
@@ -9732,7 +9982,8 @@ function applyDOMChange(view, domChange) {
       }
     }
     let userEvent = "input.type";
-    if (view.composing) {
+    if (view.composing || view.inputState.compositionPendingChange && view.inputState.compositionEndedAt > Date.now() - 50) {
+      view.inputState.compositionPendingChange = false;
       userEvent += ".compose";
       if (view.inputState.compositionFirstChange) {
         userEvent += ".start";
@@ -10084,9 +10335,12 @@ class DOMObserver {
     }
     this.flush();
   }
+  pendingRecords() {
+    for (let mut of this.observer.takeRecords()) this.queue.push(mut);
+    return this.queue;
+  }
   processRecords() {
-    let records = this.queue;
-    for (let mut of this.observer.takeRecords()) records.push(mut);
+    let records = this.pendingRecords();
     if (records.length) this.queue = [];
     let from = -1,
       to = -1,
@@ -10125,7 +10379,8 @@ class DOMObserver {
     return new DOMChange(this.view, from, to, typeOver);
   }
   // Apply pending changes, if any
-  flush(readSelection = true) {
+  flush() {
+    let readSelection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     // Completely hold off flushing when pending keys are set—the code
     // managing those will make sure processRecords is called and the
     // view is resynchronized after
@@ -10264,7 +10519,8 @@ class EditorView {
   option, or put `view.dom` into your document after creating a
   view, so that the user can see the editor.
   */
-  constructor(config = {}) {
+  constructor() {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     this.plugins = [];
     this.pluginMap = new Map();
     this.editorAttrs = {};
@@ -10373,8 +10629,8 @@ class EditorView {
   get win() {
     return this.dom.ownerDocument.defaultView || window;
   }
-  dispatch(...input) {
-    this._dispatch(input.length == 1 && input[0] instanceof Transaction ? input[0] : this.state.update(...input));
+  dispatch() {
+    this._dispatch(arguments.length == 1 && (arguments.length <= 0 ? undefined : arguments[0]) instanceof Transaction ? arguments.length <= 0 ? undefined : arguments[0] : this.state.update(...arguments));
   }
   /**
   Update the view for the given array of transactions. This will
@@ -10398,6 +10654,20 @@ class EditorView {
       this.viewState.state = state;
       return;
     }
+    let focus = this.hasFocus,
+      focusFlag = 0,
+      dispatchFocus = null;
+    if (transactions.some(tr => tr.annotation(isFocusChange))) {
+      this.inputState.notifiedFocused = focus;
+      // If a focus-change transaction is being dispatched, set this update flag.
+      focusFlag = 1 /* UpdateFlag.Focus */;
+    } else if (focus != this.inputState.notifiedFocused) {
+      this.inputState.notifiedFocused = focus;
+      // Schedule a separate focus transaction if necessary, otherwise
+      // add a flag to this update
+      dispatchFocus = focusChangeTransaction(state, focus);
+      if (!dispatchFocus) focusFlag = 1 /* UpdateFlag.Focus */;
+    }
     // If there was a pending DOM change, eagerly read it and try to
     // apply it after the given transactions.
     let pendingKey = this.observer.delayedAndroidKey,
@@ -10414,6 +10684,7 @@ class EditorView {
     // When the phrases change, redraw the editor
     if (state.facet(EditorState.phrases) != this.state.facet(EditorState.phrases)) return this.setState(state);
     update = ViewUpdate.create(this, state, transactions);
+    update.flags |= focusFlag;
     let scrollTarget = this.viewState.scrollTarget;
     try {
       this.updateState = 2 /* UpdateState.Updating */;
@@ -10445,9 +10716,12 @@ class EditorView {
     if (update.startState.facet(theme) != update.state.facet(theme)) this.viewState.mustMeasureContent = true;
     if (redrawn || attrsChanged || scrollTarget || this.viewState.mustEnforceCursorAssoc || this.viewState.mustMeasureContent) this.requestMeasure();
     if (!update.empty) for (let listener of this.state.facet(updateListener)) listener(update);
-    if (domChange) {
-      if (!applyDOMChange(this, domChange) && pendingKey.force) dispatchKey(this.contentDOM, pendingKey.key, pendingKey.keyCode);
-    }
+    if (dispatchFocus || domChange) Promise.resolve().then(() => {
+      if (dispatchFocus && this.state == dispatchFocus.startState) this.dispatch(dispatchFocus);
+      if (domChange) {
+        if (!applyDOMChange(this, domChange) && pendingKey.force) dispatchKey(this.contentDOM, pendingKey.key, pendingKey.keyCode);
+      }
+    });
   }
   /**
   Reset the view to the given state. (This will cause the entire
@@ -10509,9 +10783,10 @@ class EditorView {
   /**
   @internal
   */
-  measure(flush = true) {
+  measure() {
+    let flush = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     if (this.destroyed) return;
-    if (this.measureScheduled > -1) cancelAnimationFrame(this.measureScheduled);
+    if (this.measureScheduled > -1) this.win.cancelAnimationFrame(this.measureScheduled);
     this.measureScheduled = 0; // Prevent requestMeasure calls from scheduling another animation frame
     if (flush) this.observer.forceFlush();
     let updated = null;
@@ -10762,7 +11037,8 @@ class EditorView {
   returned. Otherwise this function will return the start or end
   of the line.
   */
-  moveToLineBoundary(start, forward, includeWrap = true) {
+  moveToLineBoundary(start, forward) {
+    let includeWrap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     return moveToLineBoundary(this, start, forward, includeWrap);
   }
   /**
@@ -10799,10 +11075,12 @@ class EditorView {
   for associating positions with DOM events. Will raise an error
   when `node` isn't part of the editor content.
   */
-  posAtDOM(node, offset = 0) {
+  posAtDOM(node) {
+    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return this.docView.posFromDOM(node, offset);
   }
-  posAtCoords(coords, precise = true) {
+  posAtCoords(coords) {
+    let precise = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     this.readMeasured();
     return posAtCoords(this, coords, precise);
   }
@@ -10813,7 +11091,8 @@ class EditorView {
   available on the given side, the method will transparently use
   another strategy to get reasonable coordinates).
   */
-  coordsAtPos(pos, side = 1) {
+  coordsAtPos(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     this.readMeasured();
     let rect = this.docView.coordsAt(pos, side);
     if (!rect || rect.left == rect.right) return rect;
@@ -10928,7 +11207,7 @@ class EditorView {
     this.inputState.destroy();
     this.dom.remove();
     this.observer.destroy();
-    if (this.measureScheduled > -1) cancelAnimationFrame(this.measureScheduled);
+    if (this.measureScheduled > -1) this.win.cancelAnimationFrame(this.measureScheduled);
     this.destroyed = true;
   }
   /**
@@ -10936,7 +11215,8 @@ class EditorView {
   [added](https://codemirror.net/6/docs/ref/#state.TransactionSpec.effects) to a transaction to
   cause it to scroll the given position or range into view.
   */
-  static scrollIntoView(pos, options = {}) {
+  static scrollIntoView(pos) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return scrollIntoView.of(new ScrollTarget(typeof pos == "number" ? EditorSelection.cursor(pos) : pos, options.y, options.x, options.yMargin, options.xMargin));
   }
   /**
@@ -11018,6 +11298,11 @@ called and the default behavior is prevented.
 */
 EditorView.inputHandler = inputHandler;
 /**
+This facet can be used to provide functions that create effects
+to be dispatched when the editor's focus state changes.
+*/
+EditorView.focusChangeEffect = focusChangeEffect;
+/**
 By default, the editor assumes all its content has the same
 [text direction](https://codemirror.net/6/docs/ref/#view.Direction). Configure this with a `true`
 value to make it read the text direction of every (rendered)
@@ -11226,7 +11511,8 @@ function runScopeHandlers(view, event, scope) {
 }
 let storedPrefix = null;
 const PrefixTimeout = 4000;
-function buildKeymap(bindings, platform = currentPlatform) {
+function buildKeymap(bindings) {
+  let platform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : currentPlatform;
   let bound = Object.create(null);
   let isPrefix = Object.create(null);
   let checkPrefix = (name, is) => {
@@ -11406,9 +11692,10 @@ function rectanglesForRange(view, className, range) {
   let content = view.contentDOM,
     contentRect = content.getBoundingClientRect(),
     base = getBase(view);
-  let lineStyle = window.getComputedStyle(content.firstChild);
-  let leftSide = contentRect.left + parseInt(lineStyle.paddingLeft) + Math.min(0, parseInt(lineStyle.textIndent));
-  let rightSide = contentRect.right - parseInt(lineStyle.paddingRight);
+  let lineElt = content.querySelector(".cm-line"),
+    lineStyle = lineElt && window.getComputedStyle(lineElt);
+  let leftSide = contentRect.left + (lineStyle ? parseInt(lineStyle.paddingLeft) + Math.min(0, parseInt(lineStyle.textIndent)) : 0);
+  let rightSide = contentRect.right - (lineStyle ? parseInt(lineStyle.paddingRight) : 0);
   let startBlock = blockAt(view, from),
     endBlock = blockAt(view, to);
   let visualStart = startBlock.type == BlockType.Text ? startBlock : null;
@@ -11430,11 +11717,12 @@ function rectanglesForRange(view, className, range) {
     return new RectangleMarker(className, left - base.left, top - base.top - 0.01 /* C.Epsilon */, right - left, bottom - top + 0.01 /* C.Epsilon */);
   }
 
-  function pieces({
-    top,
-    bottom,
-    horizontal
-  }) {
+  function pieces(_ref6) {
+    let {
+      top,
+      bottom,
+      horizontal
+    } = _ref6;
     let pieces = [];
     for (let i = 0; i < horizontal.length; i += 2) pieces.push(piece(horizontal[i], top, horizontal[i + 1], bottom));
     return pieces;
@@ -11583,7 +11871,8 @@ layout cycle for many updates (the selection is drawn based on DOM
 layout information that's only available after laying out the
 content).
 */
-function drawSelection(config = {}) {
+function drawSelection() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return [selectionConfig.of(config), cursorLayer, selectionLayer, hideNativeSelection, nativeSelectionHidden.of(true)];
 }
 function configChanged(update) {
@@ -11917,11 +12206,8 @@ const specialCharConfig = /*@__PURE__*/Facet.define({
 Returns an extension that installs highlighting of special
 characters.
 */
-function highlightSpecialChars(
-/**
-Configuration options.
-*/
-config = {}) {
+function highlightSpecialChars() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return [specialCharConfig.of(config), specialCharPlugin()];
 }
 let _plugin = null;
@@ -12157,7 +12443,8 @@ down. Can serve as a visual hint that rectangular selection is
 going to happen when paired with
 [`rectangularSelection`](https://codemirror.net/6/docs/ref/#view.rectangularSelection).
 */
-function crosshairCursor(options = {}) {
+function crosshairCursor() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let [code, getter] = keys[options.key || "Alt"];
   let plugin = ViewPlugin.fromClass(class {
     constructor(view) {
@@ -12252,6 +12539,7 @@ const tooltipConfig = /*@__PURE__*/Facet.define({
     };
   }
 });
+const knownHeight = /*@__PURE__*/new WeakMap();
 const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
   constructor(view) {
     this.view = view;
@@ -12355,13 +12643,17 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
         let tv = this.manager.tooltipViews[i];
         return tv.getCoords ? tv.getCoords(t.pos) : this.view.coordsAtPos(t.pos);
       }),
-      size: this.manager.tooltipViews.map(({
-        dom
-      }) => dom.getBoundingClientRect()),
+      size: this.manager.tooltipViews.map(_ref7 => {
+        let {
+          dom
+        } = _ref7;
+        return dom.getBoundingClientRect();
+      }),
       space: this.view.state.facet(tooltipConfig).tooltipSpace(this.view)
     };
   }
   writeMeasure(measured) {
+    var _a;
     let {
       editor,
       space
@@ -12383,7 +12675,7 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
       let arrow = tooltip.arrow ? tView.dom.querySelector(".cm-tooltip-arrow") : null;
       let arrowHeight = arrow ? 7 /* Arrow.Size */ : 0;
       let width = size.right - size.left,
-        height = size.bottom - size.top;
+        height = (_a = knownHeight.get(tView)) !== null && _a !== void 0 ? _a : size.bottom - size.top;
       let offset = tView.offset || noOffset,
         ltr = this.view.textDirection == Direction.LTR;
       let left = size.width > space.right - space.left ? ltr ? space.left : space.right - size.width : ltr ? Math.min(pos.left - (arrow ? 14 /* Arrow.Offset */ : 0) + offset.x, space.right - width) : Math.max(space.left, pos.left - width + (arrow ? 14 /* Arrow.Offset */ : 0) - offset.x);
@@ -12395,6 +12687,7 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
           dom.style.top = Outside;
           continue;
         }
+        knownHeight.set(tView, height);
         dom.style.height = (height = spaceVert) + "px";
       } else if (dom.style.height) {
         dom.style.height = "";
@@ -12689,7 +12982,8 @@ Note that all hover tooltips are hosted within a single tooltip
 container element. This allows multiple tooltips over the same
 range to be "merged" together without overlapping.
 */
-function hoverTooltip(source, options = {}) {
+function hoverTooltip(source) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   let setHover = StateEffect.define();
   let hoverState = StateField.define({
     create() {
@@ -13269,7 +13563,8 @@ const lineNumberGutter = /*@__PURE__*/activeGutters.compute([lineNumberConfig],
 /**
 Create a line number gutter extension.
 */
-function lineNumbers(config = {}) {
+function lineNumbers() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return [lineNumberConfig.of(config), gutters(), lineNumberGutter];
 }
 function maxLineNumber(lines) {
@@ -13320,7 +13615,8 @@ class Range {
 /// class represent prop names.
 class NodeProp {
   /// Create a new node prop type.
-  constructor(config = {}) {
+  constructor() {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     this.id = nextPropID++;
     this.perNode = !!config.perNode;
     this.deserialize = config.deserialize || (() => {
@@ -13417,9 +13713,8 @@ class NodeType {
   props,
   /// The id of this node in its set. Corresponds to the term ids
   /// used in the parser.
-  id,
-  /// @internal
-  flags = 0) {
+  id) {
+    let flags = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
     this.name = name;
     this.props = props;
     this.id = id;
@@ -13509,8 +13804,11 @@ class NodeSet {
   /// Create a copy of this set with some node properties added. The
   /// arguments to this method can be created with
   /// [`NodeProp.add`](#common.NodeProp.add).
-  extend(...props) {
+  extend() {
     let newTypes = [];
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
     for (let type of this.types) {
       let newProps = null;
       for (let source of props) {
@@ -13605,13 +13903,15 @@ class Tree {
   /// Get a [tree cursor](#common.TreeCursor) positioned at the top of
   /// the tree. Mode can be used to [control](#common.IterMode) which
   /// nodes the cursor visits.
-  cursor(mode = 0) {
+  cursor() {
+    let mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return new TreeCursor(this.topNode, mode);
   }
   /// Get a [tree cursor](#common.TreeCursor) pointing into this tree
   /// at the given position and side (see
   /// [`moveTo`](#common.TreeCursor.moveTo).
-  cursorAt(pos, side = 0, mode = 0) {
+  cursorAt(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let scope = CachedNode.get(this) || this.topNode;
     let cursor = new TreeCursor(scope);
     cursor.moveTo(pos, side);
@@ -13632,7 +13932,8 @@ class Tree {
   /// Note that this will not enter
   /// [overlays](#common.MountedTree.overlay), and you often want
   /// [`resolveInner`](#common.Tree.resolveInner) instead.
-  resolve(pos, side = 0) {
+  resolve(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let node = resolveNode(CachedNode.get(this) || this.topNode, pos, side, false);
     CachedNode.set(this, node);
     return node;
@@ -13642,7 +13943,8 @@ class Tree {
   /// pointing into the innermost overlaid tree at the given position
   /// (with parent links going through all parent structure, including
   /// the host trees).
-  resolveInner(pos, side = 0) {
+  resolveInner(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     let node = resolveNode(CachedInnerNode.get(this) || this.topNode, pos, side, true);
     CachedInnerNode.set(this, node);
     return node;
@@ -13689,7 +13991,8 @@ class Tree {
   /// Balance the direct children of this tree, producing a copy of
   /// which may have children grouped into subtrees with type
   /// [`NodeType.none`](#common.NodeType^none).
-  balance(config = {}) {
+  balance() {
+    let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return this.children.length <= 8 /* Balance.BranchFactor */ ? this : balanceRange(NodeType.none, this.children, this.positions, 0, this.children.length, 0, this.length, (children, positions, length) => new Tree(this.type, children, positions, length, this.propValues), config.makeTree || ((children, positions, length) => new Tree(NodeType.none, children, positions, length)));
   }
   /// Build a tree from a postfix-ordered buffer of node information,
@@ -13869,7 +14172,8 @@ class TreeNode {
   get to() {
     return this.from + this._tree.length;
   }
-  nextChild(i, dir, pos, side, mode = 0) {
+  nextChild(i, dir, pos, side) {
+    let mode = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
     for (let parent = this;;) {
       for (let {
           children,
@@ -13907,7 +14211,8 @@ class TreeNode {
   childBefore(pos) {
     return this.nextChild(this._tree.children.length - 1, -1, pos, -2 /* Side.Before */);
   }
-  enter(pos, side, mode = 0) {
+  enter(pos, side) {
+    let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     let mounted;
     if (!(mode & IterMode.IgnoreOverlays) && (mounted = this._tree.prop(NodeProp.mounted)) && mounted.overlay) {
       let rPos = pos - this.from;
@@ -13934,7 +14239,8 @@ class TreeNode {
   get prevSibling() {
     return this._parent && this.index >= 0 ? this._parent.nextChild(this.index - 1, -1, 0, 4 /* Side.DontCare */) : null;
   }
-  cursor(mode = 0) {
+  cursor() {
+    let mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return new TreeCursor(this, mode);
   }
   get tree() {
@@ -13943,20 +14249,26 @@ class TreeNode {
   toTree() {
     return this._tree;
   }
-  resolve(pos, side = 0) {
+  resolve(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return resolveNode(this, pos, side, false);
   }
-  resolveInner(pos, side = 0) {
+  resolveInner(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return resolveNode(this, pos, side, true);
   }
   enterUnfinishedNodesBefore(pos) {
     return enterUnfinishedNodesBefore(this, pos);
   }
-  getChild(type, before = null, after = null) {
+  getChild(type) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let after = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     let r = getChildren(this, type, before, after);
     return r.length ? r[0] : null;
   }
-  getChildren(type, before = null, after = null) {
+  getChildren(type) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let after = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     return getChildren(this, type, before, after);
   }
   /// @internal
@@ -13981,7 +14293,8 @@ function getChildren(node, type, before, after) {
     if (!cur.nextSibling()) return after == null ? result : [];
   }
 }
-function matchNodeContext(node, context, i = context.length - 1) {
+function matchNodeContext(node, context) {
+  let i = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : context.length - 1;
   for (let p = node.parent; i >= 0; p = p.parent) {
     if (!p) return false;
     if (!p.type.isAnonymous) {
@@ -14034,7 +14347,8 @@ class BufferNode {
   childBefore(pos) {
     return this.child(-1, pos, -2 /* Side.Before */);
   }
-  enter(pos, side, mode = 0) {
+  enter(pos, side) {
+    let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
     if (mode & IterMode.ExcludeBuffers) return null;
     let {
       buffer
@@ -14066,7 +14380,8 @@ class BufferNode {
     return new BufferNode(this.context, this._parent, buffer.findChild(parentStart, this.index, -1, 0, 4 /* Side.DontCare */));
   }
 
-  cursor(mode = 0) {
+  cursor() {
+    let mode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     return new TreeCursor(this, mode);
   }
   get tree() {
@@ -14087,10 +14402,12 @@ class BufferNode {
     }
     return new Tree(this.type, children, positions, this.to - this.from);
   }
-  resolve(pos, side = 0) {
+  resolve(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return resolveNode(this, pos, side, false);
   }
-  resolveInner(pos, side = 0) {
+  resolveInner(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     return resolveNode(this, pos, side, true);
   }
   enterUnfinishedNodesBefore(pos) {
@@ -14100,11 +14417,15 @@ class BufferNode {
   toString() {
     return this.context.buffer.childString(this.index);
   }
-  getChild(type, before = null, after = null) {
+  getChild(type) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let after = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     let r = getChildren(this, type, before, after);
     return r.length ? r[0] : null;
   }
-  getChildren(type, before = null, after = null) {
+  getChildren(type) {
+    let before = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    let after = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
     return getChildren(this, type, before, after);
   }
   get node() {
@@ -14122,9 +14443,8 @@ class TreeCursor {
     return this.type.name;
   }
   /// @internal
-  constructor(node,
-  /// @internal
-  mode = 0) {
+  constructor(node) {
+    let mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     this.mode = mode;
     /// @internal
     this.buffer = null;
@@ -14207,7 +14527,8 @@ class TreeCursor {
   /// will also enter [overlaid](#common.MountedTree.overlay)
   /// [mounted](#common.NodeProp^mounted) trees unless `overlays` is
   /// set to false.
-  enter(pos, side, mode = this.mode) {
+  enter(pos, side) {
+    let mode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.mode;
     if (!this.buffer) return this.yield(this._tree.enter(pos, side, mode));
     return mode & IterMode.ExcludeBuffers ? false : this.enterChild(1, pos, side);
   }
@@ -14288,20 +14609,23 @@ class TreeCursor {
   /// traversal, going from a node to its first child or, if the
   /// current node is empty or `enter` is false, its next sibling or
   /// the next sibling of the first parent node that has one.
-  next(enter = true) {
+  next() {
+    let enter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     return this.move(1, enter);
   }
   /// Move to the next node in a last-to-first pre-order traveral. A
   /// node is followed by its last child or, if it has none, its
   /// previous sibling or the previous sibling of the first parent
   /// node that has one.
-  prev(enter = true) {
+  prev() {
+    let enter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     return this.move(-1, enter);
   }
   /// Move the cursor to the innermost node that covers `pos`. If
   /// `side` is -1, it will enter nodes that end at `pos`. If it is 1,
   /// it will enter nodes that start at `pos`.
-  moveTo(pos, side = 0) {
+  moveTo(pos) {
+    let side = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     // Move up to a node that actually holds the position, if possible
     while (this.from == this.to || (side < 1 ? this.from >= pos : this.from > pos) || (side > -1 ? this.to <= pos : this.to < pos)) if (!this.parent()) break;
     // Then scan down into child nodes as far as possible
@@ -14493,7 +14817,9 @@ function buildTree(data) {
     children.push(makeTree(nodeSet.types[type], localChildren, localPositions, to - from, lookAhead - to));
     positions.push(from - base);
   }
-  function makeTree(type, children, positions, length, lookAhead = 0, props) {
+  function makeTree(type, children, positions, length) {
+    let lookAhead = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    let props = arguments.length > 5 ? arguments[5] : undefined;
     if (contextHash) {
       let pair = [NodeProp.contextHash, contextHash];
       props = props ? [pair].concat(props) : [pair];
@@ -14715,7 +15041,9 @@ class TreeFragment {
   /// this fragment can be used against. Add this when going from
   /// document to tree positions, subtract it to go from tree to
   /// document positions.
-  offset, openStart = false, openEnd = false) {
+  offset) {
+    let openStart = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+    let openEnd = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
     this.from = from;
     this.to = to;
     this.tree = tree;
@@ -14740,7 +15068,9 @@ class TreeFragment {
   /// true, the parse is treated as incomplete, and the resulting
   /// fragment has [`openEnd`](#common.TreeFragment.openEnd) set to
   /// true.
-  static addTree(tree, fragments = [], partial = false) {
+  static addTree(tree) {
+    let fragments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    let partial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     let result = [new TreeFragment(0, tree.length, tree, 0, false, partial)];
     for (let f of fragments) if (f.to > tree.length) result.push(f);
     return result;
@@ -14748,7 +15078,8 @@ class TreeFragment {
   /// Apply a set of edits to an array of fragments, removing or
   /// splitting fragments as necessary to remove edited ranges, and
   /// adjusting offsets for fragments that moved.
-  static applyChanges(fragments, changes, minGap = 128) {
+  static applyChanges(fragments, changes) {
+    let minGap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 128;
     if (!changes.length) return fragments;
     let result = [];
     let fI = 1,
@@ -15188,45 +15519,59 @@ function enterFragments(mounts, ranges) {
 }
 
 let nextTagID = 0;
-/// Highlighting tags are markers that denote a highlighting category.
-/// They are [associated](#highlight.styleTags) with parts of a syntax
-/// tree by a language mode, and then mapped to an actual CSS style by
-/// a [highlighter](#highlight.Highlighter).
-///
-/// Because syntax tree node types and highlight styles have to be
-/// able to talk the same language, CodeMirror uses a mostly _closed_
-/// [vocabulary](#highlight.tags) of syntax tags (as opposed to
-/// traditional open string-based systems, which make it hard for
-/// highlighting themes to cover all the tokens produced by the
-/// various languages).
-///
-/// It _is_ possible to [define](#highlight.Tag^define) your own
-/// highlighting tags for system-internal use (where you control both
-/// the language package and the highlighter), but such tags will not
-/// be picked up by regular highlighters (though you can derive them
-/// from standard tags to allow highlighters to fall back to those).
+/**
+Highlighting tags are markers that denote a highlighting category.
+They are [associated](#highlight.styleTags) with parts of a syntax
+tree by a language mode, and then mapped to an actual CSS style by
+a [highlighter](#highlight.Highlighter).
+
+Because syntax tree node types and highlight styles have to be
+able to talk the same language, CodeMirror uses a mostly _closed_
+[vocabulary](#highlight.tags) of syntax tags (as opposed to
+traditional open string-based systems, which make it hard for
+highlighting themes to cover all the tokens produced by the
+various languages).
+
+It _is_ possible to [define](#highlight.Tag^define) your own
+highlighting tags for system-internal use (where you control both
+the language package and the highlighter), but such tags will not
+be picked up by regular highlighters (though you can derive them
+from standard tags to allow highlighters to fall back to those).
+*/
 class Tag {
-  /// @internal
+  /**
+  @internal
+  */
   constructor(
-  /// The set of this tag and all its parent tags, starting with
-  /// this one itself and sorted in order of decreasing specificity.
+  /**
+  The set of this tag and all its parent tags, starting with
+  this one itself and sorted in order of decreasing specificity.
+  */
   set,
-  /// The base unmodified tag that this one is based on, if it's
-  /// modified @internal
+  /**
+  The base unmodified tag that this one is based on, if it's
+  modified @internal
+  */
   base,
-  /// The modifiers applied to this.base @internal
+  /**
+  The modifiers applied to this.base @internal
+  */
   modified) {
     this.set = set;
     this.base = base;
     this.modified = modified;
-    /// @internal
+    /**
+    @internal
+    */
     this.id = nextTagID++;
   }
-  /// Define a new tag. If `parent` is given, the tag is treated as a
-  /// sub-tag of that parent, and
-  /// [highlighters](#highlight.tagHighlighter) that don't mention
-  /// this tag will try to fall back to the parent tag (or grandparent
-  /// tag, etc).
+  /**
+  Define a new tag. If `parent` is given, the tag is treated as a
+  sub-tag of that parent, and
+  [highlighters](#highlight.tagHighlighter) that don't mention
+  this tag will try to fall back to the parent tag (or grandparent
+  tag, etc).
+  */
   static define(parent) {
     if (parent === null || parent === void 0 ? void 0 : parent.base) throw new Error("Can not derive from a modified tag");
     let tag = new Tag([], null, []);
@@ -15234,16 +15579,18 @@ class Tag {
     if (parent) for (let t of parent.set) tag.set.push(t);
     return tag;
   }
-  /// Define a tag _modifier_, which is a function that, given a tag,
-  /// will return a tag that is a subtag of the original. Applying the
-  /// same modifier to a twice tag will return the same value (`m1(t1)
-  /// == m1(t1)`) and applying multiple modifiers will, regardless or
-  /// order, produce the same tag (`m1(m2(t1)) == m2(m1(t1))`).
-  ///
-  /// When multiple modifiers are applied to a given base tag, each
-  /// smaller set of modifiers is registered as a parent, so that for
-  /// example `m1(m2(m3(t1)))` is a subtype of `m1(m2(t1))`,
-  /// `m1(m3(t1)`, and so on.
+  /**
+  Define a tag _modifier_, which is a function that, given a tag,
+  will return a tag that is a subtag of the original. Applying the
+  same modifier to a twice tag will return the same value (`m1(t1)
+  == m1(t1)`) and applying multiple modifiers will, regardless or
+  order, produce the same tag (`m1(m2(t1)) == m2(m1(t1))`).
+  
+  When multiple modifiers are applied to a given base tag, each
+  smaller set of modifiers is registered as a parent, so that for
+  example `m1(m2(m3(t1)))` is a subtype of `m1(m2(t1))`,
+  `m1(m3(t1)`, and so on.
+  */
   static defineModifier() {
     let mod = new Modifier();
     return tag => {
@@ -15282,55 +15629,57 @@ function powerSet(array) {
   }
   return sets.sort((a, b) => b.length - a.length);
 }
-/// This function is used to add a set of tags to a language syntax
-/// via [`NodeSet.extend`](#common.NodeSet.extend) or
-/// [`LRParser.configure`](#lr.LRParser.configure).
-///
-/// The argument object maps node selectors to [highlighting
-/// tags](#highlight.Tag) or arrays of tags.
-///
-/// Node selectors may hold one or more (space-separated) node paths.
-/// Such a path can be a [node name](#common.NodeType.name), or
-/// multiple node names (or `*` wildcards) separated by slash
-/// characters, as in `"Block/Declaration/VariableName"`. Such a path
-/// matches the final node but only if its direct parent nodes are the
-/// other nodes mentioned. A `*` in such a path matches any parent,
-/// but only a single level—wildcards that match multiple parents
-/// aren't supported, both for efficiency reasons and because Lezer
-/// trees make it rather hard to reason about what they would match.)
-///
-/// A path can be ended with `/...` to indicate that the tag assigned
-/// to the node should also apply to all child nodes, even if they
-/// match their own style (by default, only the innermost style is
-/// used).
-///
-/// When a path ends in `!`, as in `Attribute!`, no further matching
-/// happens for the node's child nodes, and the entire node gets the
-/// given style.
-///
-/// In this notation, node names that contain `/`, `!`, `*`, or `...`
-/// must be quoted as JSON strings.
-///
-/// For example:
-///
-/// ```javascript
-/// parser.withProps(
-///   styleTags({
-///     // Style Number and BigNumber nodes
-///     "Number BigNumber": tags.number,
-///     // Style Escape nodes whose parent is String
-///     "String/Escape": tags.escape,
-///     // Style anything inside Attributes nodes
-///     "Attributes!": tags.meta,
-///     // Add a style to all content inside Italic nodes
-///     "Italic/...": tags.emphasis,
-///     // Style InvalidString nodes as both `string` and `invalid`
-///     "InvalidString": [tags.string, tags.invalid],
-///     // Style the node named "/" as punctuation
-///     '"/"': tags.punctuation
-///   })
-/// )
-/// ```
+/**
+This function is used to add a set of tags to a language syntax
+via [`NodeSet.extend`](#common.NodeSet.extend) or
+[`LRParser.configure`](#lr.LRParser.configure).
+
+The argument object maps node selectors to [highlighting
+tags](#highlight.Tag) or arrays of tags.
+
+Node selectors may hold one or more (space-separated) node paths.
+Such a path can be a [node name](#common.NodeType.name), or
+multiple node names (or `*` wildcards) separated by slash
+characters, as in `"Block/Declaration/VariableName"`. Such a path
+matches the final node but only if its direct parent nodes are the
+other nodes mentioned. A `*` in such a path matches any parent,
+but only a single level—wildcards that match multiple parents
+aren't supported, both for efficiency reasons and because Lezer
+trees make it rather hard to reason about what they would match.)
+
+A path can be ended with `/...` to indicate that the tag assigned
+to the node should also apply to all child nodes, even if they
+match their own style (by default, only the innermost style is
+used).
+
+When a path ends in `!`, as in `Attribute!`, no further matching
+happens for the node's child nodes, and the entire node gets the
+given style.
+
+In this notation, node names that contain `/`, `!`, `*`, or `...`
+must be quoted as JSON strings.
+
+For example:
+
+```javascript
+parser.withProps(
+  styleTags({
+    // Style Number and BigNumber nodes
+    "Number BigNumber": tags.number,
+    // Style Escape nodes whose parent is String
+    "String/Escape": tags.escape,
+    // Style anything inside Attributes nodes
+    "Attributes!": tags.meta,
+    // Add a style to all content inside Italic nodes
+    "Italic/...": tags.emphasis,
+    // Style InvalidString nodes as both `string` and `invalid`
+    "InvalidString": [tags.string, tags.invalid],
+    // Style the node named "/" as punctuation
+    '"/"': tags.punctuation
+  })
+)
+```
+*/
 function styleTags(spec) {
   let byName = Object.create(null);
   for (let prop in spec) {
@@ -15338,11 +15687,11 @@ function styleTags(spec) {
     if (!Array.isArray(tags)) tags = [tags];
     for (let part of prop.split(" ")) if (part) {
       let pieces = [],
-        mode = 2 /* Mode.Normal */,
+        mode = 2 /* Normal */,
         rest = part;
       for (let pos = 0;;) {
         if (rest == "..." && pos > 0 && pos + 3 == part.length) {
-          mode = 1 /* Mode.Inherit */;
+          mode = 1 /* Inherit */;
           break;
         }
         let m = /^"(?:[^"\\]|\\.)*?"|[^\/!]+/.exec(rest);
@@ -15352,7 +15701,7 @@ function styleTags(spec) {
         if (pos == part.length) break;
         let next = part[pos++];
         if (pos == part.length && next == "!") {
-          mode = 0 /* Mode.Opaque */;
+          mode = 0 /* Opaque */;
           break;
         }
         if (next != "/") throw new RangeError("Invalid path: " + part);
@@ -15376,10 +15725,10 @@ class Rule {
     this.next = next;
   }
   get opaque() {
-    return this.mode == 0 /* Mode.Opaque */;
+    return this.mode == 0 /* Opaque */;
   }
   get inherit() {
-    return this.mode == 1 /* Mode.Inherit */;
+    return this.mode == 1 /* Inherit */;
   }
   sort(other) {
     if (!other || other.depth < this.depth) {
@@ -15393,10 +15742,12 @@ class Rule {
     return this.context ? this.context.length : 0;
   }
 }
-Rule.empty = new Rule([], 2 /* Mode.Normal */, null);
-/// Define a [highlighter](#highlight.Highlighter) from an array of
-/// tag/class pairs. Classes associated with more specific tags will
-/// take precedence.
+Rule.empty = new Rule([], 2 /* Normal */, null);
+/**
+Define a [highlighter](#highlight.Highlighter) from an array of
+tag/class pairs. Classes associated with more specific tags will
+take precedence.
+*/
 function tagHighlighter(tags, options) {
   let map = Object.create(null);
   for (let style of tags) {
@@ -15431,17 +15782,19 @@ function highlightTags(highlighters, tags) {
   }
   return result;
 }
-/// Highlight the given [tree](#common.Tree) with the given
-/// [highlighter](#highlight.Highlighter).
+/**
+Highlight the given [tree](#common.Tree) with the given
+[highlighter](#highlight.Highlighter).
+*/
 function highlightTree(tree, highlighter,
-/// Assign styling to a region of the text. Will be called, in order
-/// of position, for any ranges where more than zero classes apply.
-/// `classes` is a space separated string of CSS classes.
-putStyle,
-/// The start of the range to highlight.
-from = 0,
-/// The end of the range.
-to = tree.length) {
+/**
+Assign styling to a region of the text. Will be called, in order
+of position, for any ranges where more than zero classes apply.
+`classes` is a space separated string of CSS classes.
+*/
+putStyle) {
+  let from = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  let to = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : tree.length;
   let builder = new HighlightBuilder(from, Array.isArray(highlighter) ? highlighter : [highlighter], putStyle);
   builder.highlightRange(tree.cursor(), from, to, "", builder.highlighters);
   builder.flush(to);
@@ -15477,7 +15830,7 @@ class HighlightBuilder {
     if (tagCls) {
       if (cls) cls += " ";
       cls += tagCls;
-      if (rule.mode == 1 /* Mode.Inherit */) inheritedClass += (inheritedClass ? " " : "") + tagCls;
+      if (rule.mode == 1 /* Inherit */) inheritedClass += (inheritedClass ? " " : "") + tagCls;
     }
     this.startSpan(cursor.from, cls);
     if (rule.opaque) return;
@@ -15517,9 +15870,11 @@ class HighlightBuilder {
     }
   }
 }
-/// Match a syntax node's [highlight rules](#highlight.styleTags). If
-/// there's a match, return its set of tags, and whether it is
-/// opaque (uses a `!`) or applies to all child nodes (`/...`).
+/**
+Match a syntax node's [highlight rules](#highlight.styleTags). If
+there's a match, return its set of tags, and whether it is
+opaque (uses a `!`) or applies to all child nodes (`/...`).
+*/
 function getStyleTags(node) {
   let rule = node.type.prop(ruleNodeProp);
   while (rule && rule.context && !node.matchContext(rule.context)) rule = rule.next;
@@ -15540,268 +15895,440 @@ const comment = t(),
   punctuation = t(),
   bracket = t(punctuation),
   meta = t();
-/// The default set of highlighting [tags](#highlight.Tag).
-///
-/// This collection is heavily biased towards programming languages,
-/// and necessarily incomplete. A full ontology of syntactic
-/// constructs would fill a stack of books, and be impractical to
-/// write themes for. So try to make do with this set. If all else
-/// fails, [open an
-/// issue](https://github.com/codemirror/codemirror.next) to propose a
-/// new tag, or [define](#highlight.Tag^define) a local custom tag for
-/// your use case.
-///
-/// Note that it is not obligatory to always attach the most specific
-/// tag possible to an element—if your grammar can't easily
-/// distinguish a certain type of element (such as a local variable),
-/// it is okay to style it as its more general variant (a variable).
-/// 
-/// For tags that extend some parent tag, the documentation links to
-/// the parent.
+/**
+The default set of highlighting [tags](#highlight.Tag).
+
+This collection is heavily biased towards programming languages,
+and necessarily incomplete. A full ontology of syntactic
+constructs would fill a stack of books, and be impractical to
+write themes for. So try to make do with this set. If all else
+fails, [open an
+issue](https://github.com/codemirror/codemirror.next) to propose a
+new tag, or [define](#highlight.Tag^define) a local custom tag for
+your use case.
+
+Note that it is not obligatory to always attach the most specific
+tag possible to an element—if your grammar can't easily
+distinguish a certain type of element (such as a local variable),
+it is okay to style it as its more general variant (a variable).
+
+For tags that extend some parent tag, the documentation links to
+the parent.
+*/
 const tags = {
-  /// A comment.
+  /**
+  A comment.
+  */
   comment,
-  /// A line [comment](#highlight.tags.comment).
+  /**
+  A line [comment](#highlight.tags.comment).
+  */
   lineComment: t(comment),
-  /// A block [comment](#highlight.tags.comment).
+  /**
+  A block [comment](#highlight.tags.comment).
+  */
   blockComment: t(comment),
-  /// A documentation [comment](#highlight.tags.comment).
+  /**
+  A documentation [comment](#highlight.tags.comment).
+  */
   docComment: t(comment),
-  /// Any kind of identifier.
+  /**
+  Any kind of identifier.
+  */
   name,
-  /// The [name](#highlight.tags.name) of a variable.
+  /**
+  The [name](#highlight.tags.name) of a variable.
+  */
   variableName: t(name),
-  /// A type [name](#highlight.tags.name).
+  /**
+  A type [name](#highlight.tags.name).
+  */
   typeName: typeName,
-  /// A tag name (subtag of [`typeName`](#highlight.tags.typeName)).
+  /**
+  A tag name (subtag of [`typeName`](#highlight.tags.typeName)).
+  */
   tagName: t(typeName),
-  /// A property or field [name](#highlight.tags.name).
+  /**
+  A property or field [name](#highlight.tags.name).
+  */
   propertyName: propertyName,
-  /// An attribute name (subtag of [`propertyName`](#highlight.tags.propertyName)).
+  /**
+  An attribute name (subtag of [`propertyName`](#highlight.tags.propertyName)).
+  */
   attributeName: t(propertyName),
-  /// The [name](#highlight.tags.name) of a class.
+  /**
+  The [name](#highlight.tags.name) of a class.
+  */
   className: t(name),
-  /// A label [name](#highlight.tags.name).
+  /**
+  A label [name](#highlight.tags.name).
+  */
   labelName: t(name),
-  /// A namespace [name](#highlight.tags.name).
+  /**
+  A namespace [name](#highlight.tags.name).
+  */
   namespace: t(name),
-  /// The [name](#highlight.tags.name) of a macro.
+  /**
+  The [name](#highlight.tags.name) of a macro.
+  */
   macroName: t(name),
-  /// A literal value.
+  /**
+  A literal value.
+  */
   literal,
-  /// A string [literal](#highlight.tags.literal).
+  /**
+  A string [literal](#highlight.tags.literal).
+  */
   string,
-  /// A documentation [string](#highlight.tags.string).
+  /**
+  A documentation [string](#highlight.tags.string).
+  */
   docString: t(string),
-  /// A character literal (subtag of [string](#highlight.tags.string)).
+  /**
+  A character literal (subtag of [string](#highlight.tags.string)).
+  */
   character: t(string),
-  /// An attribute value (subtag of [string](#highlight.tags.string)).
+  /**
+  An attribute value (subtag of [string](#highlight.tags.string)).
+  */
   attributeValue: t(string),
-  /// A number [literal](#highlight.tags.literal).
+  /**
+  A number [literal](#highlight.tags.literal).
+  */
   number,
-  /// An integer [number](#highlight.tags.number) literal.
+  /**
+  An integer [number](#highlight.tags.number) literal.
+  */
   integer: t(number),
-  /// A floating-point [number](#highlight.tags.number) literal.
+  /**
+  A floating-point [number](#highlight.tags.number) literal.
+  */
   float: t(number),
-  /// A boolean [literal](#highlight.tags.literal).
+  /**
+  A boolean [literal](#highlight.tags.literal).
+  */
   bool: t(literal),
-  /// Regular expression [literal](#highlight.tags.literal).
+  /**
+  Regular expression [literal](#highlight.tags.literal).
+  */
   regexp: t(literal),
-  /// An escape [literal](#highlight.tags.literal), for example a
-  /// backslash escape in a string.
+  /**
+  An escape [literal](#highlight.tags.literal), for example a
+  backslash escape in a string.
+  */
   escape: t(literal),
-  /// A color [literal](#highlight.tags.literal).
+  /**
+  A color [literal](#highlight.tags.literal).
+  */
   color: t(literal),
-  /// A URL [literal](#highlight.tags.literal).
+  /**
+  A URL [literal](#highlight.tags.literal).
+  */
   url: t(literal),
-  /// A language keyword.
+  /**
+  A language keyword.
+  */
   keyword,
-  /// The [keyword](#highlight.tags.keyword) for the self or this
-  /// object.
+  /**
+  The [keyword](#highlight.tags.keyword) for the self or this
+  object.
+  */
   self: t(keyword),
-  /// The [keyword](#highlight.tags.keyword) for null.
+  /**
+  The [keyword](#highlight.tags.keyword) for null.
+  */
   null: t(keyword),
-  /// A [keyword](#highlight.tags.keyword) denoting some atomic value.
+  /**
+  A [keyword](#highlight.tags.keyword) denoting some atomic value.
+  */
   atom: t(keyword),
-  /// A [keyword](#highlight.tags.keyword) that represents a unit.
+  /**
+  A [keyword](#highlight.tags.keyword) that represents a unit.
+  */
   unit: t(keyword),
-  /// A modifier [keyword](#highlight.tags.keyword).
+  /**
+  A modifier [keyword](#highlight.tags.keyword).
+  */
   modifier: t(keyword),
-  /// A [keyword](#highlight.tags.keyword) that acts as an operator.
+  /**
+  A [keyword](#highlight.tags.keyword) that acts as an operator.
+  */
   operatorKeyword: t(keyword),
-  /// A control-flow related [keyword](#highlight.tags.keyword).
+  /**
+  A control-flow related [keyword](#highlight.tags.keyword).
+  */
   controlKeyword: t(keyword),
-  /// A [keyword](#highlight.tags.keyword) that defines something.
+  /**
+  A [keyword](#highlight.tags.keyword) that defines something.
+  */
   definitionKeyword: t(keyword),
-  /// A [keyword](#highlight.tags.keyword) related to defining or
-  /// interfacing with modules.
+  /**
+  A [keyword](#highlight.tags.keyword) related to defining or
+  interfacing with modules.
+  */
   moduleKeyword: t(keyword),
-  /// An operator.
+  /**
+  An operator.
+  */
   operator,
-  /// An [operator](#highlight.tags.operator) that dereferences something.
+  /**
+  An [operator](#highlight.tags.operator) that dereferences something.
+  */
   derefOperator: t(operator),
-  /// Arithmetic-related [operator](#highlight.tags.operator).
+  /**
+  Arithmetic-related [operator](#highlight.tags.operator).
+  */
   arithmeticOperator: t(operator),
-  /// Logical [operator](#highlight.tags.operator).
+  /**
+  Logical [operator](#highlight.tags.operator).
+  */
   logicOperator: t(operator),
-  /// Bit [operator](#highlight.tags.operator).
+  /**
+  Bit [operator](#highlight.tags.operator).
+  */
   bitwiseOperator: t(operator),
-  /// Comparison [operator](#highlight.tags.operator).
+  /**
+  Comparison [operator](#highlight.tags.operator).
+  */
   compareOperator: t(operator),
-  /// [Operator](#highlight.tags.operator) that updates its operand.
+  /**
+  [Operator](#highlight.tags.operator) that updates its operand.
+  */
   updateOperator: t(operator),
-  /// [Operator](#highlight.tags.operator) that defines something.
+  /**
+  [Operator](#highlight.tags.operator) that defines something.
+  */
   definitionOperator: t(operator),
-  /// Type-related [operator](#highlight.tags.operator).
+  /**
+  Type-related [operator](#highlight.tags.operator).
+  */
   typeOperator: t(operator),
-  /// Control-flow [operator](#highlight.tags.operator).
+  /**
+  Control-flow [operator](#highlight.tags.operator).
+  */
   controlOperator: t(operator),
-  /// Program or markup punctuation.
+  /**
+  Program or markup punctuation.
+  */
   punctuation,
-  /// [Punctuation](#highlight.tags.punctuation) that separates
-  /// things.
+  /**
+  [Punctuation](#highlight.tags.punctuation) that separates
+  things.
+  */
   separator: t(punctuation),
-  /// Bracket-style [punctuation](#highlight.tags.punctuation).
+  /**
+  Bracket-style [punctuation](#highlight.tags.punctuation).
+  */
   bracket,
-  /// Angle [brackets](#highlight.tags.bracket) (usually `<` and `>`
-  /// tokens).
+  /**
+  Angle [brackets](#highlight.tags.bracket) (usually `<` and `>`
+  tokens).
+  */
   angleBracket: t(bracket),
-  /// Square [brackets](#highlight.tags.bracket) (usually `[` and `]`
-  /// tokens).
+  /**
+  Square [brackets](#highlight.tags.bracket) (usually `[` and `]`
+  tokens).
+  */
   squareBracket: t(bracket),
-  /// Parentheses (usually `(` and `)` tokens). Subtag of
-  /// [bracket](#highlight.tags.bracket).
+  /**
+  Parentheses (usually `(` and `)` tokens). Subtag of
+  [bracket](#highlight.tags.bracket).
+  */
   paren: t(bracket),
-  /// Braces (usually `{` and `}` tokens). Subtag of
-  /// [bracket](#highlight.tags.bracket).
+  /**
+  Braces (usually `{` and `}` tokens). Subtag of
+  [bracket](#highlight.tags.bracket).
+  */
   brace: t(bracket),
-  /// Content, for example plain text in XML or markup documents.
+  /**
+  Content, for example plain text in XML or markup documents.
+  */
   content,
-  /// [Content](#highlight.tags.content) that represents a heading.
+  /**
+  [Content](#highlight.tags.content) that represents a heading.
+  */
   heading,
-  /// A level 1 [heading](#highlight.tags.heading).
+  /**
+  A level 1 [heading](#highlight.tags.heading).
+  */
   heading1: t(heading),
-  /// A level 2 [heading](#highlight.tags.heading).
+  /**
+  A level 2 [heading](#highlight.tags.heading).
+  */
   heading2: t(heading),
-  /// A level 3 [heading](#highlight.tags.heading).
+  /**
+  A level 3 [heading](#highlight.tags.heading).
+  */
   heading3: t(heading),
-  /// A level 4 [heading](#highlight.tags.heading).
+  /**
+  A level 4 [heading](#highlight.tags.heading).
+  */
   heading4: t(heading),
-  /// A level 5 [heading](#highlight.tags.heading).
+  /**
+  A level 5 [heading](#highlight.tags.heading).
+  */
   heading5: t(heading),
-  /// A level 6 [heading](#highlight.tags.heading).
+  /**
+  A level 6 [heading](#highlight.tags.heading).
+  */
   heading6: t(heading),
-  /// A prose separator (such as a horizontal rule).
+  /**
+  A prose separator (such as a horizontal rule).
+  */
   contentSeparator: t(content),
-  /// [Content](#highlight.tags.content) that represents a list.
+  /**
+  [Content](#highlight.tags.content) that represents a list.
+  */
   list: t(content),
-  /// [Content](#highlight.tags.content) that represents a quote.
+  /**
+  [Content](#highlight.tags.content) that represents a quote.
+  */
   quote: t(content),
-  /// [Content](#highlight.tags.content) that is emphasized.
+  /**
+  [Content](#highlight.tags.content) that is emphasized.
+  */
   emphasis: t(content),
-  /// [Content](#highlight.tags.content) that is styled strong.
+  /**
+  [Content](#highlight.tags.content) that is styled strong.
+  */
   strong: t(content),
-  /// [Content](#highlight.tags.content) that is part of a link.
+  /**
+  [Content](#highlight.tags.content) that is part of a link.
+  */
   link: t(content),
-  /// [Content](#highlight.tags.content) that is styled as code or
-  /// monospace.
+  /**
+  [Content](#highlight.tags.content) that is styled as code or
+  monospace.
+  */
   monospace: t(content),
-  /// [Content](#highlight.tags.content) that has a strike-through
-  /// style.
+  /**
+  [Content](#highlight.tags.content) that has a strike-through
+  style.
+  */
   strikethrough: t(content),
-  /// Inserted text in a change-tracking format.
+  /**
+  Inserted text in a change-tracking format.
+  */
   inserted: t(),
-  /// Deleted text.
+  /**
+  Deleted text.
+  */
   deleted: t(),
-  /// Changed text.
+  /**
+  Changed text.
+  */
   changed: t(),
-  /// An invalid or unsyntactic element.
+  /**
+  An invalid or unsyntactic element.
+  */
   invalid: t(),
-  /// Metadata or meta-instruction.
+  /**
+  Metadata or meta-instruction.
+  */
   meta,
-  /// [Metadata](#highlight.tags.meta) that applies to the entire
-  /// document.
+  /**
+  [Metadata](#highlight.tags.meta) that applies to the entire
+  document.
+  */
   documentMeta: t(meta),
-  /// [Metadata](#highlight.tags.meta) that annotates or adds
-  /// attributes to a given syntactic element.
+  /**
+  [Metadata](#highlight.tags.meta) that annotates or adds
+  attributes to a given syntactic element.
+  */
   annotation: t(meta),
-  /// Processing instruction or preprocessor directive. Subtag of
-  /// [meta](#highlight.tags.meta).
+  /**
+  Processing instruction or preprocessor directive. Subtag of
+  [meta](#highlight.tags.meta).
+  */
   processingInstruction: t(meta),
-  /// [Modifier](#highlight.Tag^defineModifier) that indicates that a
-  /// given element is being defined. Expected to be used with the
-  /// various [name](#highlight.tags.name) tags.
+  /**
+  [Modifier](#highlight.Tag^defineModifier) that indicates that a
+  given element is being defined. Expected to be used with the
+  various [name](#highlight.tags.name) tags.
+  */
   definition: Tag.defineModifier(),
-  /// [Modifier](#highlight.Tag^defineModifier) that indicates that
-  /// something is constant. Mostly expected to be used with
-  /// [variable names](#highlight.tags.variableName).
+  /**
+  [Modifier](#highlight.Tag^defineModifier) that indicates that
+  something is constant. Mostly expected to be used with
+  [variable names](#highlight.tags.variableName).
+  */
   constant: Tag.defineModifier(),
-  /// [Modifier](#highlight.Tag^defineModifier) used to indicate that
-  /// a [variable](#highlight.tags.variableName) or [property
-  /// name](#highlight.tags.propertyName) is being called or defined
-  /// as a function.
+  /**
+  [Modifier](#highlight.Tag^defineModifier) used to indicate that
+  a [variable](#highlight.tags.variableName) or [property
+  name](#highlight.tags.propertyName) is being called or defined
+  as a function.
+  */
   function: Tag.defineModifier(),
-  /// [Modifier](#highlight.Tag^defineModifier) that can be applied to
-  /// [names](#highlight.tags.name) to indicate that they belong to
-  /// the language's standard environment.
+  /**
+  [Modifier](#highlight.Tag^defineModifier) that can be applied to
+  [names](#highlight.tags.name) to indicate that they belong to
+  the language's standard environment.
+  */
   standard: Tag.defineModifier(),
-  /// [Modifier](#highlight.Tag^defineModifier) that indicates a given
-  /// [names](#highlight.tags.name) is local to some scope.
+  /**
+  [Modifier](#highlight.Tag^defineModifier) that indicates a given
+  [names](#highlight.tags.name) is local to some scope.
+  */
   local: Tag.defineModifier(),
-  /// A generic variant [modifier](#highlight.Tag^defineModifier) that
-  /// can be used to tag language-specific alternative variants of
-  /// some common tag. It is recommended for themes to define special
-  /// forms of at least the [string](#highlight.tags.string) and
-  /// [variable name](#highlight.tags.variableName) tags, since those
-  /// come up a lot.
+  /**
+  A generic variant [modifier](#highlight.Tag^defineModifier) that
+  can be used to tag language-specific alternative variants of
+  some common tag. It is recommended for themes to define special
+  forms of at least the [string](#highlight.tags.string) and
+  [variable name](#highlight.tags.variableName) tags, since those
+  come up a lot.
+  */
   special: Tag.defineModifier()
 };
-/// This is a highlighter that adds stable, predictable classes to
-/// tokens, for styling with external CSS.
-///
-/// The following tags are mapped to their name prefixed with `"tok-"`
-/// (for example `"tok-comment"`):
-///
-/// * [`link`](#highlight.tags.link)
-/// * [`heading`](#highlight.tags.heading)
-/// * [`emphasis`](#highlight.tags.emphasis)
-/// * [`strong`](#highlight.tags.strong)
-/// * [`keyword`](#highlight.tags.keyword)
-/// * [`atom`](#highlight.tags.atom)
-/// * [`bool`](#highlight.tags.bool)
-/// * [`url`](#highlight.tags.url)
-/// * [`labelName`](#highlight.tags.labelName)
-/// * [`inserted`](#highlight.tags.inserted)
-/// * [`deleted`](#highlight.tags.deleted)
-/// * [`literal`](#highlight.tags.literal)
-/// * [`string`](#highlight.tags.string)
-/// * [`number`](#highlight.tags.number)
-/// * [`variableName`](#highlight.tags.variableName)
-/// * [`typeName`](#highlight.tags.typeName)
-/// * [`namespace`](#highlight.tags.namespace)
-/// * [`className`](#highlight.tags.className)
-/// * [`macroName`](#highlight.tags.macroName)
-/// * [`propertyName`](#highlight.tags.propertyName)
-/// * [`operator`](#highlight.tags.operator)
-/// * [`comment`](#highlight.tags.comment)
-/// * [`meta`](#highlight.tags.meta)
-/// * [`punctuation`](#highlight.tags.punctuation)
-/// * [`invalid`](#highlight.tags.invalid)
-///
-/// In addition, these mappings are provided:
-///
-/// * [`regexp`](#highlight.tags.regexp),
-///   [`escape`](#highlight.tags.escape), and
-///   [`special`](#highlight.tags.special)[`(string)`](#highlight.tags.string)
-///   are mapped to `"tok-string2"`
-/// * [`special`](#highlight.tags.special)[`(variableName)`](#highlight.tags.variableName)
-///   to `"tok-variableName2"`
-/// * [`local`](#highlight.tags.local)[`(variableName)`](#highlight.tags.variableName)
-///   to `"tok-variableName tok-local"`
-/// * [`definition`](#highlight.tags.definition)[`(variableName)`](#highlight.tags.variableName)
-///   to `"tok-variableName tok-definition"`
-/// * [`definition`](#highlight.tags.definition)[`(propertyName)`](#highlight.tags.propertyName)
-///   to `"tok-propertyName tok-definition"`
+/**
+This is a highlighter that adds stable, predictable classes to
+tokens, for styling with external CSS.
+
+The following tags are mapped to their name prefixed with `"tok-"`
+(for example `"tok-comment"`):
+
+* [`link`](#highlight.tags.link)
+* [`heading`](#highlight.tags.heading)
+* [`emphasis`](#highlight.tags.emphasis)
+* [`strong`](#highlight.tags.strong)
+* [`keyword`](#highlight.tags.keyword)
+* [`atom`](#highlight.tags.atom)
+* [`bool`](#highlight.tags.bool)
+* [`url`](#highlight.tags.url)
+* [`labelName`](#highlight.tags.labelName)
+* [`inserted`](#highlight.tags.inserted)
+* [`deleted`](#highlight.tags.deleted)
+* [`literal`](#highlight.tags.literal)
+* [`string`](#highlight.tags.string)
+* [`number`](#highlight.tags.number)
+* [`variableName`](#highlight.tags.variableName)
+* [`typeName`](#highlight.tags.typeName)
+* [`namespace`](#highlight.tags.namespace)
+* [`className`](#highlight.tags.className)
+* [`macroName`](#highlight.tags.macroName)
+* [`propertyName`](#highlight.tags.propertyName)
+* [`operator`](#highlight.tags.operator)
+* [`comment`](#highlight.tags.comment)
+* [`meta`](#highlight.tags.meta)
+* [`punctuation`](#highlight.tags.punctuation)
+* [`invalid`](#highlight.tags.invalid)
+
+In addition, these mappings are provided:
+
+* [`regexp`](#highlight.tags.regexp),
+  [`escape`](#highlight.tags.escape), and
+  [`special`](#highlight.tags.special)[`(string)`](#highlight.tags.string)
+  are mapped to `"tok-string2"`
+* [`special`](#highlight.tags.special)[`(variableName)`](#highlight.tags.variableName)
+  to `"tok-variableName2"`
+* [`local`](#highlight.tags.local)[`(variableName)`](#highlight.tags.variableName)
+  to `"tok-variableName tok-local"`
+* [`definition`](#highlight.tags.definition)[`(variableName)`](#highlight.tags.variableName)
+  to `"tok-variableName tok-definition"`
+* [`definition`](#highlight.tags.definition)[`(propertyName)`](#highlight.tags.propertyName)
+  to `"tok-propertyName tok-definition"`
+*/
 tagHighlighter([{
   tag: tags.link,
   class: "tok-link"
@@ -15914,6 +16441,11 @@ function defineLanguageFacet(baseData) {
   });
 }
 /**
+Syntax node prop used to register sublangauges. Should be added to
+the top level node type for the language.
+*/
+const sublanguageProp = /*@__PURE__*/new NodeProp();
+/**
 A language object manages parsing and per-language
 [metadata](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt). Parse data is
 managed as a [Lezer](https://lezer.codemirror.net) tree. The class
@@ -15935,11 +16467,9 @@ class Language {
   The [language data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) facet
   used for this language.
   */
-  data, parser, extraExtensions = [],
-  /**
-  A language name.
-  */
-  name = "") {
+  data, parser) {
+    let extraExtensions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let name = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "";
     this.data = data;
     this.name = name;
     // Kludge to define EditorState.tree as a debugging helper,
@@ -15951,13 +16481,28 @@ class Language {
       }
     });
     this.parser = parser;
-    this.extension = [language.of(this), EditorState.languageData.of((state, pos, side) => state.facet(languageDataFacetAt(state, pos, side)))].concat(extraExtensions);
+    this.extension = [language.of(this), EditorState.languageData.of((state, pos, side) => {
+      let top = topNodeAt(state, pos, side),
+        data = top.type.prop(languageDataProp);
+      if (!data) return [];
+      let base = state.facet(data),
+        sub = top.type.prop(sublanguageProp);
+      if (sub) {
+        let innerNode = top.resolve(pos - top.from, side);
+        for (let sublang of sub) if (sublang.test(innerNode, state)) {
+          let data = state.facet(sublang.facet);
+          return sublang.type == "replace" ? data : data.concat(base);
+        }
+      }
+      return base;
+    })].concat(extraExtensions);
   }
   /**
   Query whether this language is active at the given position.
   */
-  isActiveAt(state, pos, side = -1) {
-    return languageDataFacetAt(state, pos, side) == this.data;
+  isActiveAt(state, pos) {
+    let side = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
+    return topNodeAt(state, pos, side).type.prop(languageDataProp) == this.data;
   }
   /**
   Find the document regions that were parsed using this language.
@@ -16017,14 +16562,13 @@ class Language {
 @internal
 */
 Language.setState = /*@__PURE__*/StateEffect.define();
-function languageDataFacetAt(state, pos, side) {
-  let topLang = state.facet(language);
-  if (!topLang) return null;
-  let facet = topLang.data;
-  if (topLang.allowsNesting) {
-    for (let node = syntaxTree(state).topNode; node; node = node.enter(pos, side, IterMode.ExcludeBuffers)) facet = node.type.prop(languageDataProp) || facet;
+function topNodeAt(state, pos, side) {
+  let topLang = state.facet(language),
+    tree = syntaxTree(state).topNode;
+  if (!topLang || topLang.allowsNesting) {
+    for (let node = tree; node; node = node.enter(pos, side, IterMode.ExcludeBuffers)) if (node.type.isTop) tree = node;
   }
-  return facet;
+  return tree;
 }
 /**
 A subclass of [`Language`](https://codemirror.net/6/docs/ref/#language.Language) for use with Lezer
@@ -16068,13 +16612,15 @@ function syntaxTree(state) {
 }
 // Lezer-style Input object for a Text document.
 class DocInput {
-  constructor(doc, length = doc.length) {
+  constructor(doc) {
     this.doc = doc;
-    this.length = length;
     this.cursorPos = 0;
     this.string = "";
     this.cursor = doc.iter();
   }
+  get length() {
+    return this.doc.length;
+  }
   syncTo(pos) {
     this.string = this.cursor.next(pos - this.cursorPos).value;
     this.cursorPos = pos + this.string.length;
@@ -16101,38 +16647,40 @@ class ParseContext {
   /**
   The current editor state.
   */
-  state,
-  /**
-  Tree fragments that can be reused by incremental re-parses.
-  */
-  fragments = [],
-  /**
-  @internal
-  */
-  tree,
-  /**
-  @internal
-  */
-  treeLen,
-  /**
-  The current editor viewport (or some overapproximation
-  thereof). Intended to be used for opportunistically avoiding
-  work (in which case
-  [`skipUntilInView`](https://codemirror.net/6/docs/ref/#language.ParseContext.skipUntilInView)
-  should be called to make sure the parser is restarted when the
-  skipped region becomes visible).
-  */
-  viewport,
-  /**
-  @internal
-  */
-  skipped,
-  /**
-  This is where skipping parsers can register a promise that,
-  when resolved, will schedule a new parse. It is cleared when
-  the parse worker picks up the promise. @internal
-  */
-  scheduleOn) {
+  state) {
+    let fragments = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    let
+    /**
+    @internal
+    */
+    tree = arguments.length > 3 ? arguments[3] : undefined;
+    let
+    /**
+    @internal
+    */
+    treeLen = arguments.length > 4 ? arguments[4] : undefined;
+    let
+    /**
+    The current editor viewport (or some overapproximation
+    thereof). Intended to be used for opportunistically avoiding
+    work (in which case
+    [`skipUntilInView`](https://codemirror.net/6/docs/ref/#language.ParseContext.skipUntilInView)
+    should be called to make sure the parser is restarted when the
+    skipped region becomes visible).
+    */
+    viewport = arguments.length > 5 ? arguments[5] : undefined;
+    let
+    /**
+    @internal
+    */
+    skipped = arguments.length > 6 ? arguments[6] : undefined;
+    let
+    /**
+    This is where skipping parsers can register a promise that,
+    when resolved, will schedule a new parse. It is cleared when
+    the parse worker picks up the promise. @internal
+    */
+    scheduleOn = arguments.length > 7 ? arguments[7] : undefined;
     this.parser = parser;
     this.state = state;
     this.fragments = fragments;
@@ -16517,14 +17065,8 @@ class LanguageSupport {
   /**
   The language object.
   */
-  language,
-  /**
-  An optional set of supporting extensions. When nesting a
-  language in another language, the outer language is encouraged
-  to include the supporting extensions for its inner languages
-  in its own set of support extensions.
-  */
-  support = []) {
+  language) {
+    let support = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     this.language = language;
     this.support = support;
     this.extension = [language, support];
@@ -16554,11 +17096,8 @@ class LanguageDescription {
   Optional filename pattern that should be associated with this
   language.
   */
-  filename, loadFunc,
-  /**
-  If the language has been loaded, this will hold its value.
-  */
-  support = undefined) {
+  filename, loadFunc) {
+    let support = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
     this.name = name;
     this.alias = alias;
     this.extensions = extensions;
@@ -16612,7 +17151,8 @@ class LanguageDescription {
   or alias occurs in the string (for names shorter than three
   characters, only when surrounded by non-word characters).
   */
-  static matchLanguageName(descs, name, fuzzy = true) {
+  static matchLanguageName(descs, name) {
+    let fuzzy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     name = name.toLowerCase();
     for (let d of descs) if (d.alias.some(a => a == name)) return d;
     if (fuzzy) for (let d of descs) for (let a of d.alias) {
@@ -16634,15 +17174,16 @@ service.
 */
 const indentService = /*@__PURE__*/Facet.define();
 /**
-Facet for overriding the unit by which indentation happens.
-Should be a string consisting either entirely of spaces or
-entirely of tabs. When not set, this defaults to 2 spaces.
+Facet for overriding the unit by which indentation happens. Should
+be a string consisting either entirely of the same whitespace
+character. When not set, this defaults to 2 spaces.
 */
 const indentUnit = /*@__PURE__*/Facet.define({
   combine: values => {
     if (!values.length) return "  ";
-    if (!/^(?: +|\t+)$/.test(values[0])) throw new Error("Invalid indent unit: " + JSON.stringify(values[0]));
-    return values[0];
+    let unit = values[0];
+    if (!unit || /\S/.test(unit) || Array.from(unit).some(e => e != unit[0])) throw new Error("Invalid indent unit: " + JSON.stringify(values[0]));
+    return unit;
   }
 });
 /**
@@ -16663,12 +17204,16 @@ tabs.
 */
 function indentString(state, cols) {
   let result = "",
-    ts = state.tabSize;
-  if (state.facet(indentUnit).charCodeAt(0) == 9) while (cols >= ts) {
-    result += "\t";
-    cols -= ts;
+    ts = state.tabSize,
+    ch = state.facet(indentUnit)[0];
+  if (ch == "\t") {
+    while (cols >= ts) {
+      result += "\t";
+      cols -= ts;
+    }
+    ch = " ";
   }
-  for (let i = 0; i < cols; i++) result += " ";
+  for (let i = 0; i < cols; i++) result += ch;
   return result;
 }
 /**
@@ -16703,11 +17248,8 @@ class IndentContext {
   /**
   The editor state.
   */
-  state,
-  /**
-  @internal
-  */
-  options = {}) {
+  state) {
+    let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     this.state = state;
     this.options = options;
     this.unit = getIndentUnit(state);
@@ -16720,7 +17262,8 @@ class IndentContext {
   argument determines whether the part of the line line before or
   after the break is used.
   */
-  lineAt(pos, bias = 1) {
+  lineAt(pos) {
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     let line = this.state.doc.lineAt(pos);
     let {
       simulateBreak,
@@ -16744,7 +17287,8 @@ class IndentContext {
   Get the text directly after `pos`, either the entire line
   or the next 100 characters, whichever is shorter.
   */
-  textAfterPos(pos, bias = 1) {
+  textAfterPos(pos) {
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     if (this.options.simulateDoubleBreak && pos == this.options.simulateBreak) return "";
     let {
       text,
@@ -16755,7 +17299,8 @@ class IndentContext {
   /**
   Find the column for the given position.
   */
-  column(pos, bias = 1) {
+  column(pos) {
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     let {
       text,
       from
@@ -16769,13 +17314,15 @@ class IndentContext {
   Find the column position (taking tabs into account) of the given
   position in the given string.
   */
-  countColumn(line, pos = line.length) {
+  countColumn(line) {
+    let pos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : line.length;
     return countColumn(line, this.state.tabSize, pos);
   }
   /**
   Find the indentation column of the line at the given point.
   */
-  lineIndent(pos, bias = 1) {
+  lineIndent(pos) {
+    let bias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
     let {
       text,
       from
@@ -16926,11 +17473,12 @@ opening node, like this:
     foo(bar,
         baz)
 */
-function delimitedIndent({
-  closing,
-  align = true,
-  units = 1
-}) {
+function delimitedIndent(_ref) {
+  let {
+    closing,
+    align = true,
+    units = 1
+  } = _ref;
   return context => delimitedStrategy(context, align, units, closing);
 }
 function delimitedStrategy(context, align, units, closing, closedAt) {
@@ -16954,10 +17502,11 @@ match a pattern (for example `/^else\b/` in `if`/`else`
 constructs), and you can change the amount of units used with the
 `units` option.
 */
-function continuedIndent({
-  except,
-  units = 1
-} = {}) {
+function continuedIndent() {
+  let {
+    except,
+    units = 1
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return context => {
     let matchExcept = except && except.test(context.textAfter);
     return context.baseIndent + (matchExcept ? 0 : units * context.unit);
@@ -17224,7 +17773,8 @@ const unfoldCode = view => {
   });
   return effects.length > 0;
 };
-function announceFold(view, range, fold = true) {
+function announceFold(view, range) {
+  let fold = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   let lineFrom = view.state.doc.lineAt(range.from).number,
     lineTo = view.state.doc.lineAt(range.to).number;
   return EditorView.announce.of(`${view.state.phrase(fold ? "Folded lines" : "Unfolded lines")} ${lineFrom} ${view.state.phrase("to")} ${lineTo}.`);
@@ -17367,7 +17917,8 @@ Create an extension that registers a fold gutter, which shows a
 fold status indicator before foldable lines (which can be clicked
 to fold or unfold the line).
 */
-function foldGutter(config = {}) {
+function foldGutter() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   let fullConfig = Object.assign(Object.assign({}, foldGutterDefaults), config);
   let canFold = new FoldMarker(fullConfig, true),
     canUnfold = new FoldMarker(fullConfig, false);
@@ -17672,7 +18223,8 @@ cursor is next to a bracket, that bracket and the one it matches
 are highlighted. Or, when no matching bracket is found, another
 highlighting style is used to indicate this.
 */
-function bracketMatching(config = {}) {
+function bracketMatching() {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return [bracketMatchingConfig.of(config), bracketMatchingUnique];
 }
 /**
@@ -17703,7 +18255,8 @@ direction `dir`. Only the `brackets` and `maxScanDistance`
 properties are used from `config`, if given. Returns null if no
 bracket was found at `pos`, or a match result otherwise.
 */
-function matchBrackets(state, pos, dir, config = {}) {
+function matchBrackets(state, pos, dir) {
+  let config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   let maxScanDistance = config.maxScanDistance || DefaultScanDist,
     brackets = config.brackets || DefaultBrackets;
   let tree = syntaxTree(state),