diff --git a/dist/index.d.ts b/dist/index.d.ts
index 9a99bc2..11637ea 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1,4884 +1,24 @@
-/**
-A text iterator iterates over a sequence of strings. When
-iterating over a [`Text`](https://codemirror.net/6/docs/ref/#text.Text) document, result values will
-either be lines or line breaks.
-*/
-interface TextIterator extends Iterator<string>, Iterable<string> {
-    /**
-    Retrieve the next string. Optionally skip a given number of
-    positions after the current position. Always returns the object
-    itself.
-    */
-    next(skip?: number): this;
-    /**
-    The current string. Will be the empty string when the cursor is
-    at its end or `next` hasn't been called on it yet.
-    */
-    value: string;
-    /**
-    Whether the end of the iteration has been reached. You should
-    probably check this right after calling `next`.
-    */
-    done: boolean;
-    /**
-    Whether the current string represents a line break.
-    */
-    lineBreak: boolean;
-}
-/**
-The data structure for documents.
-*/
-declare abstract class Text implements Iterable<string> {
-    /**
-    The length of the string.
-    */
-    abstract readonly length: number;
-    /**
-    The number of lines in the string (always >= 1).
-    */
-    abstract readonly lines: number;
-    /**
-    Get the line description around the given position.
-    */
-    lineAt(pos: number): Line$1;
-    /**
-    Get the description for the given (1-based) line number.
-    */
-    line(n: number): Line$1;
-    /**
-    Replace a range of the text with the given content.
-    */
-    replace(from: number, to: number, text: Text): Text;
-    /**
-    Append another document to this one.
-    */
-    append(other: Text): Text;
-    /**
-    Retrieve the text between the given points.
-    */
-    slice(from: number, to?: number): Text;
-    /**
-    Retrieve a part of the document as a string
-    */
-    abstract sliceString(from: number, to?: number, lineSep?: string): string;
-    /**
-    Test whether this text is equal to another instance.
-    */
-    eq(other: Text): boolean;
-    /**
-    Iterate over the text. When `dir` is `-1`, iteration happens
-    from end to start. This will return lines and the breaks between
-    them as separate strings, and for long lines, might split lines
-    themselves into multiple chunks as well.
-    */
-    iter(dir?: 1 | -1): TextIterator;
-    /**
-    Iterate over a range of the text. When `from` > `to`, the
-    iterator will run in reverse.
-    */
-    iterRange(from: number, to?: number): TextIterator;
-    /**
-    Return a cursor that iterates over the given range of lines,
-    _without_ returning the line breaks between, and yielding empty
-    strings for empty lines.
-    
-    When `from` and `to` are given, they should be 1-based line numbers.
-    */
-    iterLines(from?: number, to?: number): TextIterator;
-    /**
-    Convert the document to an array of lines (which can be
-    deserialized again via [`Text.of`](https://codemirror.net/6/docs/ref/#text.Text^of)).
-    */
-    toJSON(): string[];
-    /**
-    If this is a branch node, `children` will hold the `Text`
-    objects that it is made up of. For leaf nodes, this holds null.
-    */
-    abstract readonly children: readonly Text[] | null;
-    [Symbol.iterator]: () => Iterator<string>;
-    /**
-    Create a `Text` instance for the given array of lines.
-    */
-    static of(text: readonly string[]): Text;
-    /**
-    The empty document.
-    */
-    static empty: Text;
-}
-/**
-This type describes a line in the document. It is created
-on-demand when lines are [queried](https://codemirror.net/6/docs/ref/#text.Text.lineAt).
-*/
-declare class Line$1 {
-    /**
-    The position of the start of the line.
-    */
-    readonly from: number;
-    /**
-    The position at the end of the line (_before_ the line break,
-    or at the end of document for the last line).
-    */
-    readonly to: number;
-    /**
-    This line's line number (1-based).
-    */
-    readonly number: number;
-    /**
-    The line's content.
-    */
-    readonly text: string;
-    /**
-    The length of the line (not including any line break after it).
-    */
-    get length(): number;
-}
-
-/**
-Distinguishes different ways in which positions can be mapped.
-*/
-declare enum MapMode {
-    /**
-    Map a position to a valid new position, even when its context
-    was deleted.
-    */
-    Simple = 0,
-    /**
-    Return null if deletion happens across the position.
-    */
-    TrackDel = 1,
-    /**
-    Return null if the character _before_ the position is deleted.
-    */
-    TrackBefore = 2,
-    /**
-    Return null if the character _after_ the position is deleted.
-    */
-    TrackAfter = 3
-}
-/**
-A change description is a variant of [change set](https://codemirror.net/6/docs/ref/#state.ChangeSet)
-that doesn't store the inserted text. As such, it can't be
-applied, but is cheaper to store and manipulate.
-*/
-declare class ChangeDesc {
-    /**
-    The length of the document before the change.
-    */
-    get length(): number;
-    /**
-    The length of the document after the change.
-    */
-    get newLength(): number;
-    /**
-    False when there are actual changes in this set.
-    */
-    get empty(): boolean;
-    /**
-    Iterate over the unchanged parts left by these changes.
-    */
-    iterGaps(f: (posA: number, posB: number, length: number) => void): void;
-    /**
-    Iterate over the ranges changed by these changes. (See
-    [`ChangeSet.iterChanges`](https://codemirror.net/6/docs/ref/#state.ChangeSet.iterChanges) for a
-    variant that also provides you with the inserted text.)
-    
-    When `individual` is true, adjacent changes (which are kept
-    separate for [position mapping](https://codemirror.net/6/docs/ref/#state.ChangeDesc.mapPos)) are
-    reported separately.
-    */
-    iterChangedRanges(f: (fromA: number, toA: number, fromB: number, toB: number) => void, individual?: boolean): void;
-    /**
-    Get a description of the inverted form of these changes.
-    */
-    get invertedDesc(): ChangeDesc;
-    /**
-    Compute the combined effect of applying another set of changes
-    after this one. The length of the document after this set should
-    match the length before `other`.
-    */
-    composeDesc(other: ChangeDesc): ChangeDesc;
-    /**
-    Map this description, which should start with the same document
-    as `other`, over another set of changes, so that it can be
-    applied after it. When `before` is true, map as if the changes
-    in `other` happened before the ones in `this`.
-    */
-    mapDesc(other: ChangeDesc, before?: boolean): ChangeDesc;
-    /**
-    Map a given position through these changes, to produce a
-    position pointing into the new document.
-    
-    `assoc` indicates which side the position should be associated
-    with. When it is negative or zero, the mapping will try to keep
-    the position close to the character before it (if any), and will
-    move it before insertions at that point or replacements across
-    that point. When it is positive, the position is associated with
-    the character after it, and will be moved forward for insertions
-    at or replacements across the position. Defaults to -1.
-    
-    `mode` determines whether deletions should be
-    [reported](https://codemirror.net/6/docs/ref/#state.MapMode). It defaults to
-    [`MapMode.Simple`](https://codemirror.net/6/docs/ref/#state.MapMode.Simple) (don't report
-    deletions).
-    */
-    mapPos(pos: number, assoc?: number): number;
-    mapPos(pos: number, assoc: number, mode: MapMode): number | null;
-    /**
-    Check whether these changes touch a given range. When one of the
-    changes entirely covers the range, the string `"cover"` is
-    returned.
-    */
-    touchesRange(from: number, to?: number): boolean | "cover";
-    /**
-    Serialize this change desc to a JSON-representable value.
-    */
-    toJSON(): readonly number[];
-    /**
-    Create a change desc from its JSON representation (as produced
-    by [`toJSON`](https://codemirror.net/6/docs/ref/#state.ChangeDesc.toJSON).
-    */
-    static fromJSON(json: any): ChangeDesc;
-}
-/**
-This type is used as argument to
-[`EditorState.changes`](https://codemirror.net/6/docs/ref/#state.EditorState.changes) and in the
-[`changes` field](https://codemirror.net/6/docs/ref/#state.TransactionSpec.changes) of transaction
-specs to succinctly describe document changes. It may either be a
-plain object describing a change (a deletion, insertion, or
-replacement, depending on which fields are present), a [change
-set](https://codemirror.net/6/docs/ref/#state.ChangeSet), or an array of change specs.
-*/
-declare type ChangeSpec = {
-    from: number;
-    to?: number;
-    insert?: string | Text;
-} | ChangeSet | readonly ChangeSpec[];
-/**
-A change set represents a group of modifications to a document. It
-stores the document length, and can only be applied to documents
-with exactly that length.
-*/
-declare class ChangeSet extends ChangeDesc {
-    /**
-    Apply the changes to a document, returning the modified
-    document.
-    */
-    apply(doc: Text): Text;
-    mapDesc(other: ChangeDesc, before?: boolean): ChangeDesc;
-    /**
-    Given the document as it existed _before_ the changes, return a
-    change set that represents the inverse of this set, which could
-    be used to go from the document created by the changes back to
-    the document as it existed before the changes.
-    */
-    invert(doc: Text): ChangeSet;
-    /**
-    Combine two subsequent change sets into a single set. `other`
-    must start in the document produced by `this`. If `this` goes
-    `docA` → `docB` and `other` represents `docB` → `docC`, the
-    returned value will represent the change `docA` → `docC`.
-    */
-    compose(other: ChangeSet): ChangeSet;
-    /**
-    Given another change set starting in the same document, maps this
-    change set over the other, producing a new change set that can be
-    applied to the document produced by applying `other`. When
-    `before` is `true`, order changes as if `this` comes before
-    `other`, otherwise (the default) treat `other` as coming first.
-    
-    Given two changes `A` and `B`, `A.compose(B.map(A))` and
-    `B.compose(A.map(B, true))` will produce the same document. This
-    provides a basic form of [operational
-    transformation](https://en.wikipedia.org/wiki/Operational_transformation),
-    and can be used for collaborative editing.
-    */
-    map(other: ChangeDesc, before?: boolean): ChangeSet;
-    /**
-    Iterate over the changed ranges in the document, calling `f` for
-    each.
-    
-    When `individual` is true, adjacent changes are reported
-    separately.
-    */
-    iterChanges(f: (fromA: number, toA: number, fromB: number, toB: number, inserted: Text) => void, individual?: boolean): void;
-    /**
-    Get a [change description](https://codemirror.net/6/docs/ref/#state.ChangeDesc) for this change
-    set.
-    */
-    get desc(): ChangeDesc;
-    /**
-    Serialize this change set to a JSON-representable value.
-    */
-    toJSON(): any;
-    /**
-    Create a change set for the given changes, for a document of the
-    given length, using `lineSep` as line separator.
-    */
-    static of(changes: ChangeSpec, length: number, lineSep?: string): ChangeSet;
-    /**
-    Create an empty changeset of the given length.
-    */
-    static empty(length: number): ChangeSet;
-    /**
-    Create a changeset from its JSON representation (as produced by
-    [`toJSON`](https://codemirror.net/6/docs/ref/#state.ChangeSet.toJSON).
-    */
-    static fromJSON(json: any): ChangeSet;
-}
-
-/**
-A single selection range. When
-[`allowMultipleSelections`](https://codemirror.net/6/docs/ref/#state.EditorState^allowMultipleSelections)
-is enabled, a [selection](https://codemirror.net/6/docs/ref/#state.EditorSelection) may hold
-multiple ranges. By default, selections hold exactly one range.
-*/
-declare class SelectionRange {
-    /**
-    The lower boundary of the range.
-    */
-    readonly from: number;
-    /**
-    The upper boundary of the range.
-    */
-    readonly to: number;
-    private flags;
-    /**
-    The anchor of the range—the side that doesn't move when you
-    extend it.
-    */
-    get anchor(): number;
-    /**
-    The head of the range, which is moved when the range is
-    [extended](https://codemirror.net/6/docs/ref/#state.SelectionRange.extend).
-    */
-    get head(): number;
-    /**
-    True when `anchor` and `head` are at the same position.
-    */
-    get empty(): boolean;
-    /**
-    If this is a cursor that is explicitly associated with the
-    character on one of its sides, this returns the side. -1 means
-    the character before its position, 1 the character after, and 0
-    means no association.
-    */
-    get assoc(): -1 | 0 | 1;
-    /**
-    The bidirectional text level associated with this cursor, if
-    any.
-    */
-    get bidiLevel(): number | null;
-    /**
-    The goal column (stored vertical offset) associated with a
-    cursor. This is used to preserve the vertical position when
-    [moving](https://codemirror.net/6/docs/ref/#view.EditorView.moveVertically) across
-    lines of different length.
-    */
-    get goalColumn(): number | undefined;
-    /**
-    Map this range through a change, producing a valid range in the
-    updated document.
-    */
-    map(change: ChangeDesc, assoc?: number): SelectionRange;
-    /**
-    Extend this range to cover at least `from` to `to`.
-    */
-    extend(from: number, to?: number): SelectionRange;
-    /**
-    Compare this range to another range.
-    */
-    eq(other: SelectionRange): boolean;
-    /**
-    Return a JSON-serializable object representing the range.
-    */
-    toJSON(): any;
-    /**
-    Convert a JSON representation of a range to a `SelectionRange`
-    instance.
-    */
-    static fromJSON(json: any): SelectionRange;
-}
-/**
-An editor selection holds one or more selection ranges.
-*/
-declare class EditorSelection {
-    /**
-    The ranges in the selection, sorted by position. Ranges cannot
-    overlap (but they may touch, if they aren't empty).
-    */
-    readonly ranges: readonly SelectionRange[];
-    /**
-    The index of the _main_ range in the selection (which is
-    usually the range that was added last).
-    */
-    readonly mainIndex: number;
-    /**
-    Map a selection through a change. Used to adjust the selection
-    position for changes.
-    */
-    map(change: ChangeDesc, assoc?: number): EditorSelection;
-    /**
-    Compare this selection to another selection.
-    */
-    eq(other: EditorSelection): boolean;
-    /**
-    Get the primary selection range. Usually, you should make sure
-    your code applies to _all_ ranges, by using methods like
-    [`changeByRange`](https://codemirror.net/6/docs/ref/#state.EditorState.changeByRange).
-    */
-    get main(): SelectionRange;
-    /**
-    Make sure the selection only has one range. Returns a selection
-    holding only the main range from this selection.
-    */
-    asSingle(): EditorSelection;
-    /**
-    Extend this selection with an extra range.
-    */
-    addRange(range: SelectionRange, main?: boolean): EditorSelection;
-    /**
-    Replace a given range with another range, and then normalize the
-    selection to merge and sort ranges if necessary.
-    */
-    replaceRange(range: SelectionRange, which?: number): EditorSelection;
-    /**
-    Convert this selection to an object that can be serialized to
-    JSON.
-    */
-    toJSON(): any;
-    /**
-    Create a selection from a JSON representation.
-    */
-    static fromJSON(json: any): EditorSelection;
-    /**
-    Create a selection holding a single range.
-    */
-    static single(anchor: number, head?: number): EditorSelection;
-    /**
-    Sort and merge the given set of ranges, creating a valid
-    selection.
-    */
-    static create(ranges: readonly SelectionRange[], mainIndex?: number): EditorSelection;
-    /**
-    Create a cursor selection range at the given position. You can
-    safely ignore the optional arguments in most situations.
-    */
-    static cursor(pos: number, assoc?: number, bidiLevel?: number, goalColumn?: number): SelectionRange;
-    /**
-    Create a selection range.
-    */
-    static range(anchor: number, head: number, goalColumn?: number): SelectionRange;
-}
-
-declare type FacetConfig<Input, Output> = {
-    /**
-    How to combine the input values into a single output value. When
-    not given, the array of input values becomes the output. This
-    will immediately be called on creating the facet, with an empty
-    array, to compute the facet's default value when no inputs are
-    present.
-    */
-    combine?: (value: readonly Input[]) => Output;
-    /**
-    How to compare output values to determine whether the value of
-    the facet changed. Defaults to comparing by `===` or, if no
-    `combine` function was given, comparing each element of the
-    array with `===`.
-    */
-    compare?: (a: Output, b: Output) => boolean;
-    /**
-    How to compare input values to avoid recomputing the output
-    value when no inputs changed. Defaults to comparing with `===`.
-    */
-    compareInput?: (a: Input, b: Input) => boolean;
-    /**
-    Static facets can not contain dynamic inputs.
-    */
-    static?: boolean;
-    /**
-    If given, these extension(s) will be added to any state where
-    this facet is provided. (Note that, while a facet's default
-    value can be read from a state even if the facet wasn't present
-    in the state at all, these extensions won't be added in that
-    situation.)
-    */
-    enables?: Extension;
-};
-/**
-A facet is a labeled value that is associated with an editor
-state. It takes inputs from any number of extensions, and combines
-those into a single output value.
-
-Examples of facets are the [theme](https://codemirror.net/6/docs/ref/#view.EditorView^theme) styles
-associated with an editor or the [tab
-size](https://codemirror.net/6/docs/ref/#state.EditorState^tabSize) (which is reduced to a single
-value, using the input with the hightest precedence).
-*/
-declare class Facet<Input, Output = readonly Input[]> {
-    private isStatic;
-    private constructor();
-    /**
-    Define a new facet.
-    */
-    static define<Input, Output = readonly Input[]>(config?: FacetConfig<Input, Output>): Facet<Input, Output>;
-    /**
-    Returns an extension that adds the given value for this facet.
-    */
-    of(value: Input): Extension;
-    /**
-    Create an extension that computes a value for the facet from a
-    state. You must take care to declare the parts of the state that
-    this value depends on, since your function is only called again
-    for a new state when one of those parts changed.
-    
-    In most cases, you'll want to use the
-    [`provide`](https://codemirror.net/6/docs/ref/#state.StateField^define^config.provide) option when
-    defining a field instead.
-    */
-    compute(deps: readonly Slot<any>[], get: (state: EditorState) => Input): Extension;
-    /**
-    Create an extension that computes zero or more values for this
-    facet from a state.
-    */
-    computeN(deps: readonly Slot<any>[], get: (state: EditorState) => readonly Input[]): Extension;
-    /**
-    Shorthand method for registering a facet source with a state
-    field as input. If the field's type corresponds to this facet's
-    input type, the getter function can be omitted. If given, it
-    will be used to retrieve the input from the field value.
-    */
-    from(field: StateField<Input>): Extension;
-    from<T>(field: StateField<T>, get: (value: T) => Input): Extension;
-}
-declare type Slot<T> = Facet<any, T> | StateField<T> | "doc" | "selection";
-declare type StateFieldSpec<Value> = {
-    /**
-    Creates the initial value for the field when a state is created.
-    */
-    create: (state: EditorState) => Value;
-    /**
-    Compute a new value from the field's previous value and a
-    [transaction](https://codemirror.net/6/docs/ref/#state.Transaction).
-    */
-    update: (value: Value, transaction: Transaction) => Value;
-    /**
-    Compare two values of the field, returning `true` when they are
-    the same. This is used to avoid recomputing facets that depend
-    on the field when its value did not change. Defaults to using
-    `===`.
-    */
-    compare?: (a: Value, b: Value) => boolean;
-    /**
-    Provide values for facets based on the value of this field. The
-    given function will be called once with the initialized field. It
-    will usually want to call some facet's
-    [`from`](https://codemirror.net/6/docs/ref/#state.Facet.from) method to create facet inputs from
-    this field, but can also return other extensions that should be
-    enabled by this field.
-    */
-    provide?: (field: StateField<Value>) => Extension;
-    /**
-    A function used to serialize this field's content to JSON. Only
-    necessary when this field is included in the argument to
-    [`EditorState.toJSON`](https://codemirror.net/6/docs/ref/#state.EditorState.toJSON).
-    */
-    toJSON?: (value: Value, state: EditorState) => any;
-    /**
-    A function that deserializes the JSON representation of this
-    field's content.
-    */
-    fromJSON?: (json: any, state: EditorState) => Value;
-};
-/**
-Fields can store additional information in an editor state, and
-keep it in sync with the rest of the state.
-*/
-declare class StateField<Value> {
-    private createF;
-    private updateF;
-    private compareF;
-    private constructor();
-    /**
-    Define a state field.
-    */
-    static define<Value>(config: StateFieldSpec<Value>): StateField<Value>;
-    private create;
-    /**
-    Returns an extension that enables this field and overrides the
-    way it is initialized. Can be useful when you need to provide a
-    non-default starting value for the field.
-    */
-    init(create: (state: EditorState) => Value): Extension;
-    /**
-    State field instances can be used as
-    [`Extension`](https://codemirror.net/6/docs/ref/#state.Extension) values to enable the field in a
-    given state.
-    */
-    get extension(): Extension;
-}
-/**
-Extension values can be
-[provided](https://codemirror.net/6/docs/ref/#state.EditorStateConfig.extensions) when creating a
-state to attach various kinds of configuration and behavior
-information. They can either be built-in extension-providing
-objects, such as [state fields](https://codemirror.net/6/docs/ref/#state.StateField) or [facet
-providers](https://codemirror.net/6/docs/ref/#state.Facet.of), or objects with an extension in its
-`extension` property. Extensions can be nested in arrays
-arbitrarily deep—they will be flattened when processed.
-*/
-declare type Extension = {
-    extension: Extension;
-} | readonly Extension[];
-/**
-Extension compartments can be used to make a configuration
-dynamic. By [wrapping](https://codemirror.net/6/docs/ref/#state.Compartment.of) part of your
-configuration in a compartment, you can later
-[replace](https://codemirror.net/6/docs/ref/#state.Compartment.reconfigure) that part through a
-transaction.
-*/
-declare class Compartment {
-    /**
-    Create an instance of this compartment to add to your [state
-    configuration](https://codemirror.net/6/docs/ref/#state.EditorStateConfig.extensions).
-    */
-    of(ext: Extension): Extension;
-    /**
-    Create an [effect](https://codemirror.net/6/docs/ref/#state.TransactionSpec.effects) that
-    reconfigures this compartment.
-    */
-    reconfigure(content: Extension): StateEffect<unknown>;
-    /**
-    Get the current content of the compartment in the state, or
-    `undefined` if it isn't present.
-    */
-    get(state: EditorState): Extension | undefined;
-}
-
-/**
-Annotations are tagged values that are used to add metadata to
-transactions in an extensible way. They should be used to model
-things that effect the entire transaction (such as its [time
-stamp](https://codemirror.net/6/docs/ref/#state.Transaction^time) or information about its
-[origin](https://codemirror.net/6/docs/ref/#state.Transaction^userEvent)). For effects that happen
-_alongside_ the other changes made by the transaction, [state
-effects](https://codemirror.net/6/docs/ref/#state.StateEffect) are more appropriate.
-*/
-declare class Annotation<T> {
-    /**
-    The annotation type.
-    */
-    readonly type: AnnotationType<T>;
-    /**
-    The value of this annotation.
-    */
-    readonly value: T;
-    /**
-    Define a new type of annotation.
-    */
-    static define<T>(): AnnotationType<T>;
-    private _isAnnotation;
-}
-/**
-Marker that identifies a type of [annotation](https://codemirror.net/6/docs/ref/#state.Annotation).
-*/
-declare class AnnotationType<T> {
-    /**
-    Create an instance of this annotation.
-    */
-    of(value: T): Annotation<T>;
-}
-interface StateEffectSpec<Value> {
-    /**
-    Provides a way to map an effect like this through a position
-    mapping. When not given, the effects will simply not be mapped.
-    When the function returns `undefined`, that means the mapping
-    deletes the effect.
-    */
-    map?: (value: Value, mapping: ChangeDesc) => Value | undefined;
-}
-/**
-Representation of a type of state effect. Defined with
-[`StateEffect.define`](https://codemirror.net/6/docs/ref/#state.StateEffect^define).
-*/
-declare class StateEffectType<Value> {
-    /**
-    @internal
-    */
-    readonly map: (value: any, mapping: ChangeDesc) => any | undefined;
-    /**
-    Create a [state effect](https://codemirror.net/6/docs/ref/#state.StateEffect) instance of this
-    type.
-    */
-    of(value: Value): StateEffect<Value>;
-}
-/**
-State effects can be used to represent additional effects
-associated with a [transaction](https://codemirror.net/6/docs/ref/#state.Transaction.effects). They
-are often useful to model changes to custom [state
-fields](https://codemirror.net/6/docs/ref/#state.StateField), when those changes aren't implicit in
-document or selection changes.
-*/
-declare class StateEffect<Value> {
-    /**
-    The value of this effect.
-    */
-    readonly value: Value;
-    /**
-    Map this effect through a position mapping. Will return
-    `undefined` when that ends up deleting the effect.
-    */
-    map(mapping: ChangeDesc): StateEffect<Value> | undefined;
-    /**
-    Tells you whether this effect object is of a given
-    [type](https://codemirror.net/6/docs/ref/#state.StateEffectType).
-    */
-    is<T>(type: StateEffectType<T>): this is StateEffect<T>;
-    /**
-    Define a new effect type. The type parameter indicates the type
-    of values that his effect holds.
-    */
-    static define<Value = null>(spec?: StateEffectSpec<Value>): StateEffectType<Value>;
-    /**
-    Map an array of effects through a change set.
-    */
-    static mapEffects(effects: readonly StateEffect<any>[], mapping: ChangeDesc): readonly StateEffect<any>[];
-    /**
-    This effect can be used to reconfigure the root extensions of
-    the editor. Doing this will discard any extensions
-    [appended](https://codemirror.net/6/docs/ref/#state.StateEffect^appendConfig), but does not reset
-    the content of [reconfigured](https://codemirror.net/6/docs/ref/#state.Compartment.reconfigure)
-    compartments.
-    */
-    static reconfigure: StateEffectType<Extension>;
-    /**
-    Append extensions to the top-level configuration of the editor.
-    */
-    static appendConfig: StateEffectType<Extension>;
-}
-/**
-Describes a [transaction](https://codemirror.net/6/docs/ref/#state.Transaction) when calling the
-[`EditorState.update`](https://codemirror.net/6/docs/ref/#state.EditorState.update) method.
-*/
-interface TransactionSpec {
-    /**
-    The changes to the document made by this transaction.
-    */
-    changes?: ChangeSpec;
-    /**
-    When set, this transaction explicitly updates the selection.
-    Offsets in this selection should refer to the document as it is
-    _after_ the transaction.
-    */
-    selection?: EditorSelection | {
-        anchor: number;
-        head?: number;
-    };
-    /**
-    Attach [state effects](https://codemirror.net/6/docs/ref/#state.StateEffect) to this transaction.
-    Again, when they contain positions and this same spec makes
-    changes, those positions should refer to positions in the
-    updated document.
-    */
-    effects?: StateEffect<any> | readonly StateEffect<any>[];
-    /**
-    Set [annotations](https://codemirror.net/6/docs/ref/#state.Annotation) for this transaction.
-    */
-    annotations?: Annotation<any> | readonly Annotation<any>[];
-    /**
-    Shorthand for `annotations: `[`Transaction.userEvent`](https://codemirror.net/6/docs/ref/#state.Transaction^userEvent)[`.of(...)`.
-    */
-    userEvent?: string;
-    /**
-    When set to `true`, the transaction is marked as needing to
-    scroll the current selection into view.
-    */
-    scrollIntoView?: boolean;
-    /**
-    By default, transactions can be modified by [change
-    filters](https://codemirror.net/6/docs/ref/#state.EditorState^changeFilter) and [transaction
-    filters](https://codemirror.net/6/docs/ref/#state.EditorState^transactionFilter). You can set this
-    to `false` to disable that.
-    */
-    filter?: boolean;
-    /**
-    Normally, when multiple specs are combined (for example by
-    [`EditorState.update`](https://codemirror.net/6/docs/ref/#state.EditorState.update)), the
-    positions in `changes` are taken to refer to the document
-    positions in the initial document. When a spec has `sequental`
-    set to true, its positions will be taken to refer to the
-    document created by the specs before it instead.
-    */
-    sequential?: boolean;
-}
-/**
-Changes to the editor state are grouped into transactions.
-Typically, a user action creates a single transaction, which may
-contain any number of document changes, may change the selection,
-or have other effects. Create a transaction by calling
-[`EditorState.update`](https://codemirror.net/6/docs/ref/#state.EditorState.update).
-*/
-declare class Transaction {
-    /**
-    The state from which the transaction starts.
-    */
-    readonly startState: EditorState;
-    /**
-    The document changes made by this transaction.
-    */
-    readonly changes: ChangeSet;
-    /**
-    The selection set by this transaction, or undefined if it
-    doesn't explicitly set a selection.
-    */
-    readonly selection: EditorSelection | undefined;
-    /**
-    The effects added to the transaction.
-    */
-    readonly effects: readonly StateEffect<any>[];
-    /**
-    Whether the selection should be scrolled into view after this
-    transaction is dispatched.
-    */
-    readonly scrollIntoView: boolean;
-    /**
-    The new document produced by the transaction. Contrary to
-    [`.state`](https://codemirror.net/6/docs/ref/#state.Transaction.state)`.doc`, accessing this won't
-    force the entire new state to be computed right away, so it is
-    recommended that [transaction
-    filters](https://codemirror.net/6/docs/ref/#state.EditorState^transactionFilter) use this getter
-    when they need to look at the new document.
-    */
-    get newDoc(): Text;
-    /**
-    The new selection produced by the transaction. If
-    [`this.selection`](https://codemirror.net/6/docs/ref/#state.Transaction.selection) is undefined,
-    this will [map](https://codemirror.net/6/docs/ref/#state.EditorSelection.map) the start state's
-    current selection through the changes made by the transaction.
-    */
-    get newSelection(): EditorSelection;
-    /**
-    The new state created by the transaction. Computed on demand
-    (but retained for subsequent access), so itis recommended not to
-    access it in [transaction
-    filters](https://codemirror.net/6/docs/ref/#state.EditorState^transactionFilter) when possible.
-    */
-    get state(): EditorState;
-    /**
-    Get the value of the given annotation type, if any.
-    */
-    annotation<T>(type: AnnotationType<T>): T | undefined;
-    /**
-    Indicates whether the transaction changed the document.
-    */
-    get docChanged(): boolean;
-    /**
-    Indicates whether this transaction reconfigures the state
-    (through a [configuration compartment](https://codemirror.net/6/docs/ref/#state.Compartment) or
-    with a top-level configuration
-    [effect](https://codemirror.net/6/docs/ref/#state.StateEffect^reconfigure).
-    */
-    get reconfigured(): boolean;
-    /**
-    Returns true if the transaction has a [user
-    event](https://codemirror.net/6/docs/ref/#state.Transaction^userEvent) annotation that is equal to
-    or more specific than `event`. For example, if the transaction
-    has `"select.pointer"` as user event, `"select"` and
-    `"select.pointer"` will match it.
-    */
-    isUserEvent(event: string): boolean;
-    /**
-    Annotation used to store transaction timestamps.
-    */
-    static time: AnnotationType<number>;
-    /**
-    Annotation used to associate a transaction with a user interface
-    event. Holds a string identifying the event, using a
-    dot-separated format to support attaching more specific
-    information. The events used by the core libraries are:
-    
-     - `"input"` when content is entered
-       - `"input.type"` for typed input
-         - `"input.type.compose"` for composition
-       - `"input.paste"` for pasted input
-       - `"input.drop"` when adding content with drag-and-drop
-       - `"input.complete"` when autocompleting
-     - `"delete"` when the user deletes content
-       - `"delete.selection"` when deleting the selection
-       - `"delete.forward"` when deleting forward from the selection
-       - `"delete.backward"` when deleting backward from the selection
-       - `"delete.cut"` when cutting to the clipboard
-     - `"move"` when content is moved
-       - `"move.drop"` when content is moved within the editor through drag-and-drop
-     - `"select"` when explicitly changing the selection
-       - `"select.pointer"` when selecting with a mouse or other pointing device
-     - `"undo"` and `"redo"` for history actions
-    
-    Use [`isUserEvent`](https://codemirror.net/6/docs/ref/#state.Transaction.isUserEvent) to check
-    whether the annotation matches a given event.
-    */
-    static userEvent: AnnotationType<string>;
-    /**
-    Annotation indicating whether a transaction should be added to
-    the undo history or not.
-    */
-    static addToHistory: AnnotationType<boolean>;
-    /**
-    Annotation indicating (when present and true) that a transaction
-    represents a change made by some other actor, not the user. This
-    is used, for example, to tag other people's changes in
-    collaborative editing.
-    */
-    static remote: AnnotationType<boolean>;
-}
-
-/**
-The categories produced by a [character
-categorizer](https://codemirror.net/6/docs/ref/#state.EditorState.charCategorizer). These are used
-do things like selecting by word.
-*/
-declare enum CharCategory {
-    /**
-    Word characters.
-    */
-    Word = 0,
-    /**
-    Whitespace.
-    */
-    Space = 1,
-    /**
-    Anything else.
-    */
-    Other = 2
-}
-
-/**
-Options passed when [creating](https://codemirror.net/6/docs/ref/#state.EditorState^create) an
-editor state.
-*/
-interface EditorStateConfig {
-    /**
-    The initial document. Defaults to an empty document. Can be
-    provided either as a plain string (which will be split into
-    lines according to the value of the [`lineSeparator`
-    facet](https://codemirror.net/6/docs/ref/#state.EditorState^lineSeparator)), or an instance of
-    the [`Text`](https://codemirror.net/6/docs/ref/#text.Text) class (which is what the state will use
-    to represent the document).
-    */
-    doc?: string | Text;
-    /**
-    The starting selection. Defaults to a cursor at the very start
-    of the document.
-    */
-    selection?: EditorSelection | {
-        anchor: number;
-        head?: number;
-    };
-    /**
-    [Extension(s)](https://codemirror.net/6/docs/ref/#state.Extension) to associate with this state.
-    */
-    extensions?: Extension;
-}
-/**
-The editor state class is a persistent (immutable) data structure.
-To update a state, you [create](https://codemirror.net/6/docs/ref/#state.EditorState.update) a
-[transaction](https://codemirror.net/6/docs/ref/#state.Transaction), which produces a _new_ state
-instance, without modifying the original object.
-
-As such, _never_ mutate properties of a state directly. That'll
-just break things.
-*/
-declare class EditorState {
-    /**
-    The current document.
-    */
-    readonly doc: Text;
-    /**
-    The current selection.
-    */
-    readonly selection: EditorSelection;
-    /**
-    Retrieve the value of a [state field](https://codemirror.net/6/docs/ref/#state.StateField). Throws
-    an error when the state doesn't have that field, unless you pass
-    `false` as second parameter.
-    */
-    field<T>(field: StateField<T>): T;
-    field<T>(field: StateField<T>, require: false): T | undefined;
-    /**
-    Create a [transaction](https://codemirror.net/6/docs/ref/#state.Transaction) that updates this
-    state. Any number of [transaction specs](https://codemirror.net/6/docs/ref/#state.TransactionSpec)
-    can be passed. Unless
-    [`sequential`](https://codemirror.net/6/docs/ref/#state.TransactionSpec.sequential) is set, the
-    [changes](https://codemirror.net/6/docs/ref/#state.TransactionSpec.changes) (if any) of each spec
-    are assumed to start in the _current_ document (not the document
-    produced by previous specs), and its
-    [selection](https://codemirror.net/6/docs/ref/#state.TransactionSpec.selection) and
-    [effects](https://codemirror.net/6/docs/ref/#state.TransactionSpec.effects) are assumed to refer
-    to the document created by its _own_ changes. The resulting
-    transaction contains the combined effect of all the different
-    specs. For [selection](https://codemirror.net/6/docs/ref/#state.TransactionSpec.selection), later
-    specs take precedence over earlier ones.
-    */
-    update(...specs: readonly TransactionSpec[]): Transaction;
-    /**
-    Create a [transaction spec](https://codemirror.net/6/docs/ref/#state.TransactionSpec) that
-    replaces every selection range with the given content.
-    */
-    replaceSelection(text: string | Text): {
-        changes: ChangeSet;
-        selection: EditorSelection;
-        effects: readonly StateEffect<any>[];
-    };
-    /**
-    Create a set of changes and a new selection by running the given
-    function for each range in the active selection. The function
-    can return an optional set of changes (in the coordinate space
-    of the start document), plus an updated range (in the coordinate
-    space of the document produced by the call's own changes). This
-    method will merge all the changes and ranges into a single
-    changeset and selection, and return it as a [transaction
-    spec](https://codemirror.net/6/docs/ref/#state.TransactionSpec), which can be passed to
-    [`update`](https://codemirror.net/6/docs/ref/#state.EditorState.update).
-    */
-    changeByRange(f: (range: SelectionRange) => {
-        range: SelectionRange;
-        changes?: ChangeSpec;
-        effects?: StateEffect<any> | readonly StateEffect<any>[];
-    }): {
-        changes: ChangeSet;
-        selection: EditorSelection;
-        effects: readonly StateEffect<any>[];
-    };
-    /**
-    Create a [change set](https://codemirror.net/6/docs/ref/#state.ChangeSet) from the given change
-    description, taking the state's document length and line
-    separator into account.
-    */
-    changes(spec?: ChangeSpec): ChangeSet;
-    /**
-    Using the state's [line
-    separator](https://codemirror.net/6/docs/ref/#state.EditorState^lineSeparator), create a
-    [`Text`](https://codemirror.net/6/docs/ref/#text.Text) instance from the given string.
-    */
-    toText(string: string): Text;
-    /**
-    Return the given range of the document as a string.
-    */
-    sliceDoc(from?: number, to?: number): string;
-    /**
-    Get the value of a state [facet](https://codemirror.net/6/docs/ref/#state.Facet).
-    */
-    facet<Output>(facet: Facet<any, Output>): Output;
-    /**
-    Convert this state to a JSON-serializable object. When custom
-    fields should be serialized, you can pass them in as an object
-    mapping property names (in the resulting object, which should
-    not use `doc` or `selection`) to fields.
-    */
-    toJSON(fields?: {
-        [prop: string]: StateField<any>;
-    }): any;
-    /**
-    Deserialize a state from its JSON representation. When custom
-    fields should be deserialized, pass the same object you passed
-    to [`toJSON`](https://codemirror.net/6/docs/ref/#state.EditorState.toJSON) when serializing as
-    third argument.
-    */
-    static fromJSON(json: any, config?: EditorStateConfig, fields?: {
-        [prop: string]: StateField<any>;
-    }): EditorState;
-    /**
-    Create a new state. You'll usually only need this when
-    initializing an editor—updated states are created by applying
-    transactions.
-    */
-    static create(config?: EditorStateConfig): EditorState;
-    /**
-    A facet that, when enabled, causes the editor to allow multiple
-    ranges to be selected. Be careful though, because by default the
-    editor relies on the native DOM selection, which cannot handle
-    multiple selections. An extension like
-    [`drawSelection`](https://codemirror.net/6/docs/ref/#view.drawSelection) can be used to make
-    secondary selections visible to the user.
-    */
-    static allowMultipleSelections: Facet<boolean, boolean>;
-    /**
-    Configures the tab size to use in this state. The first
-    (highest-precedence) value of the facet is used. If no value is
-    given, this defaults to 4.
-    */
-    static tabSize: Facet<number, number>;
-    /**
-    The size (in columns) of a tab in the document, determined by
-    the [`tabSize`](https://codemirror.net/6/docs/ref/#state.EditorState^tabSize) facet.
-    */
-    get tabSize(): number;
-    /**
-    The line separator to use. By default, any of `"\n"`, `"\r\n"`
-    and `"\r"` is treated as a separator when splitting lines, and
-    lines are joined with `"\n"`.
-    
-    When you configure a value here, only that precise separator
-    will be used, allowing you to round-trip documents through the
-    editor without normalizing line separators.
-    */
-    static lineSeparator: Facet<string, string | undefined>;
-    /**
-    Get the proper [line-break](https://codemirror.net/6/docs/ref/#state.EditorState^lineSeparator)
-    string for this state.
-    */
-    get lineBreak(): string;
-    /**
-    This facet controls the value of the
-    [`readOnly`](https://codemirror.net/6/docs/ref/#state.EditorState.readOnly) getter, which is
-    consulted by commands and extensions that implement editing
-    functionality to determine whether they should apply. It
-    defaults to false, but when its highest-precedence value is
-    `true`, such functionality disables itself.
-    
-    Not to be confused with
-    [`EditorView.editable`](https://codemirror.net/6/docs/ref/#view.EditorView^editable), which
-    controls whether the editor's DOM is set to be editable (and
-    thus focusable).
-    */
-    static readOnly: Facet<boolean, boolean>;
-    /**
-    Returns true when the editor is
-    [configured](https://codemirror.net/6/docs/ref/#state.EditorState^readOnly) to be read-only.
-    */
-    get readOnly(): boolean;
-    /**
-    Registers translation phrases. The
-    [`phrase`](https://codemirror.net/6/docs/ref/#state.EditorState.phrase) method will look through
-    all objects registered with this facet to find translations for
-    its argument.
-    */
-    static phrases: Facet<{
-        [key: string]: string;
-    }, readonly {
-        [key: string]: string;
-    }[]>;
-    /**
-    Look up a translation for the given phrase (via the
-    [`phrases`](https://codemirror.net/6/docs/ref/#state.EditorState^phrases) facet), or return the
-    original string if no translation is found.
-    */
-    phrase(phrase: string): string;
-    /**
-    A facet used to register [language
-    data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) providers.
-    */
-    static languageData: Facet<(state: EditorState, pos: number, side: 0 | 1 | -1) => readonly {
-        [name: string]: any;
-    }[], readonly ((state: EditorState, pos: number, side: 0 | 1 | -1) => readonly {
-        [name: string]: any;
-    }[])[]>;
-    /**
-    Find the values for a given language data field, provided by the
-    the [`languageData`](https://codemirror.net/6/docs/ref/#state.EditorState^languageData) facet.
-    */
-    languageDataAt<T>(name: string, pos: number, side?: -1 | 0 | 1): readonly T[];
-    /**
-    Return a function that can categorize strings (expected to
-    represent a single [grapheme cluster](https://codemirror.net/6/docs/ref/#text.findClusterBreak))
-    into one of:
-    
-     - Word (contains an alphanumeric character or a character
-       explicitly listed in the local language's `"wordChars"`
-       language data, which should be a string)
-     - Space (contains only whitespace)
-     - Other (anything else)
-    */
-    charCategorizer(at: number): (char: string) => CharCategory;
-    /**
-    Find the word at the given position, meaning the range
-    containing all [word](https://codemirror.net/6/docs/ref/#state.CharCategory.Word) characters
-    around it. If no word characters are adjacent to the position,
-    this returns null.
-    */
-    wordAt(pos: number): SelectionRange | null;
-    /**
-    Facet used to register change filters, which are called for each
-    transaction (unless explicitly
-    [disabled](https://codemirror.net/6/docs/ref/#state.TransactionSpec.filter)), and can suppress
-    part of the transaction's changes.
-    
-    Such a function can return `true` to indicate that it doesn't
-    want to do anything, `false` to completely stop the changes in
-    the transaction, or a set of ranges in which changes should be
-    suppressed. Such ranges are represented as an array of numbers,
-    with each pair of two number indicating the start and end of a
-    range. So for example `[10, 20, 100, 110]` suppresses changes
-    between 10 and 20, and between 100 and 110.
-    */
-    static changeFilter: Facet<(tr: Transaction) => boolean | readonly number[], readonly ((tr: Transaction) => boolean | readonly number[])[]>;
-    /**
-    Facet used to register a hook that gets a chance to update or
-    replace transaction specs before they are applied. This will
-    only be applied for transactions that don't have
-    [`filter`](https://codemirror.net/6/docs/ref/#state.TransactionSpec.filter) set to `false`. You
-    can either return a single transaction spec (possibly the input
-    transaction), or an array of specs (which will be combined in
-    the same way as the arguments to
-    [`EditorState.update`](https://codemirror.net/6/docs/ref/#state.EditorState.update)).
-    
-    When possible, it is recommended to avoid accessing
-    [`Transaction.state`](https://codemirror.net/6/docs/ref/#state.Transaction.state) in a filter,
-    since it will force creation of a state that will then be
-    discarded again, if the transaction is actually filtered.
-    
-    (This functionality should be used with care. Indiscriminately
-    modifying transaction is likely to break something or degrade
-    the user experience.)
-    */
-    static transactionFilter: Facet<(tr: Transaction) => TransactionSpec | readonly TransactionSpec[], readonly ((tr: Transaction) => TransactionSpec | readonly TransactionSpec[])[]>;
-    /**
-    This is a more limited form of
-    [`transactionFilter`](https://codemirror.net/6/docs/ref/#state.EditorState^transactionFilter),
-    which can only add
-    [annotations](https://codemirror.net/6/docs/ref/#state.TransactionSpec.annotations) and
-    [effects](https://codemirror.net/6/docs/ref/#state.TransactionSpec.effects). _But_, this type
-    of filter runs even the transaction has disabled regular
-    [filtering](https://codemirror.net/6/docs/ref/#state.TransactionSpec.filter), making it suitable
-    for effects that don't need to touch the changes or selection,
-    but do want to process every transaction.
-    
-    Extenders run _after_ filters, when both are applied.
-    */
-    static transactionExtender: Facet<(tr: Transaction) => Pick<TransactionSpec, "effects" | "annotations"> | null, readonly ((tr: Transaction) => Pick<TransactionSpec, "effects" | "annotations"> | null)[]>;
-}
-
-/**
-Subtype of [`Command`](https://codemirror.net/6/docs/ref/#view.Command) that doesn't require access
-to the actual editor view. Mostly useful to define commands that
-can be run and tested outside of a browser environment.
-*/
-declare type StateCommand = (target: {
-    state: EditorState;
-    dispatch: (transaction: Transaction) => void;
-}) => boolean;
-
-/**
-Utility function for combining behaviors to fill in a config
-object from an array of provided configs. 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.
-*/
-declare function combineConfig<Config>(configs: readonly Partial<Config>[], defaults: Partial<Config>, // Should hold only the optional properties of Config, but I haven't managed to express that
-combine?: {
-    [P in keyof Config]?: (first: Config[P], second: Config[P]) => Config[P];
-}): Config;
-
-interface ChangedRange {
-    fromA: number;
-    toA: number;
-    fromB: number;
-    toB: number;
-}
-declare class TreeFragment {
-    readonly from: number;
-    readonly to: number;
-    readonly tree: Tree;
-    readonly offset: number;
-    constructor(from: number, to: number, tree: Tree, offset: number, openStart?: boolean, openEnd?: boolean);
-    get openStart(): boolean;
-    get openEnd(): boolean;
-    static addTree(tree: Tree, fragments?: readonly TreeFragment[], partial?: boolean): TreeFragment[];
-    static applyChanges(fragments: readonly TreeFragment[], changes: readonly ChangedRange[], minGap?: number): readonly TreeFragment[];
-}
-interface PartialParse {
-    advance(): Tree | null;
-    readonly parsedPos: number;
-    stopAt(pos: number): void;
-    readonly stoppedAt: number | null;
-}
-declare abstract class Parser {
-    abstract createParse(input: Input, fragments: readonly TreeFragment[], ranges: readonly {
-        from: number;
-        to: number;
-    }[]): PartialParse;
-    startParse(input: Input | string, fragments?: readonly TreeFragment[], ranges?: readonly {
-        from: number;
-        to: number;
-    }[]): PartialParse;
-    parse(input: Input | string, fragments?: readonly TreeFragment[], ranges?: readonly {
-        from: number;
-        to: number;
-    }[]): Tree;
-}
-interface Input {
-    readonly length: number;
-    chunk(from: number): string;
-    readonly lineChunks: boolean;
-    read(from: number, to: number): string;
-}
-declare type ParseWrapper = (inner: PartialParse, input: Input, fragments: readonly TreeFragment[], ranges: readonly {
-    from: number;
-    to: number;
-}[]) => PartialParse;
-
-declare class NodeProp<T> {
-    perNode: boolean;
-    deserialize: (str: string) => T;
-    constructor(config?: {
-        deserialize?: (str: string) => T;
-        perNode?: boolean;
-    });
-    add(match: {
-        [selector: string]: T;
-    } | ((type: NodeType) => T | undefined)): NodePropSource;
-    static closedBy: NodeProp<readonly string[]>;
-    static openedBy: NodeProp<readonly string[]>;
-    static group: NodeProp<readonly string[]>;
-    static contextHash: NodeProp<number>;
-    static lookAhead: NodeProp<number>;
-    static mounted: NodeProp<MountedTree>;
-}
-declare class MountedTree {
-    readonly tree: Tree;
-    readonly overlay: readonly {
-        from: number;
-        to: number;
-    }[] | null;
-    readonly parser: Parser;
-    constructor(tree: Tree, overlay: readonly {
-        from: number;
-        to: number;
-    }[] | null, parser: Parser);
-}
-declare type NodePropSource = (type: NodeType) => null | [NodeProp<any>, any];
-declare class NodeType {
-    readonly name: string;
-    readonly id: number;
-    static define(spec: {
-        id: number;
-        name?: string;
-        props?: readonly ([NodeProp<any>, any] | NodePropSource)[];
-        top?: boolean;
-        error?: boolean;
-        skipped?: boolean;
-    }): NodeType;
-    prop<T>(prop: NodeProp<T>): T | undefined;
-    get isTop(): boolean;
-    get isSkipped(): boolean;
-    get isError(): boolean;
-    get isAnonymous(): boolean;
-    is(name: string | number): boolean;
-    static none: NodeType;
-    static match<T>(map: {
-        [selector: string]: T;
-    }): (node: NodeType) => T | undefined;
-}
-declare class NodeSet {
-    readonly types: readonly NodeType[];
-    constructor(types: readonly NodeType[]);
-    extend(...props: NodePropSource[]): NodeSet;
-}
-declare class Tree {
-    readonly type: NodeType;
-    readonly children: readonly (Tree | TreeBuffer)[];
-    readonly positions: readonly number[];
-    readonly length: number;
-    constructor(type: NodeType, children: readonly (Tree | TreeBuffer)[], positions: readonly number[], length: number, props?: readonly [NodeProp<any> | number, any][]);
-    static empty: Tree;
-    cursor(pos?: number, side?: -1 | 0 | 1): TreeCursor;
-    fullCursor(): TreeCursor;
-    get topNode(): SyntaxNode;
-    resolve(pos: number, side?: -1 | 0 | 1): SyntaxNode;
-    resolveInner(pos: number, side?: -1 | 0 | 1): SyntaxNode;
-    iterate(spec: {
-        enter(type: NodeType, from: number, to: number, get: () => SyntaxNode): false | void;
-        leave?(type: NodeType, from: number, to: number, get: () => SyntaxNode): void;
-        from?: number;
-        to?: number;
-    }): void;
-    prop<T>(prop: NodeProp<T>): T | undefined;
-    get propValues(): readonly [NodeProp<any> | number, any][];
-    balance(config?: {
-        makeTree?: (children: readonly (Tree | TreeBuffer)[], positions: readonly number[], length: number) => Tree;
-    }): Tree;
-    static build(data: BuildData): Tree;
-}
-declare type BuildData = {
-    buffer: BufferCursor | readonly number[];
-    nodeSet: NodeSet;
-    topID: number;
-    start?: number;
-    bufferStart?: number;
-    length?: number;
-    maxBufferLength?: number;
-    reused?: readonly Tree[];
-    minRepeatType?: number;
-};
-interface BufferCursor {
-    pos: number;
-    id: number;
-    start: number;
-    end: number;
-    size: number;
-    next(): void;
-    fork(): BufferCursor;
-}
-declare class TreeBuffer {
-    readonly buffer: Uint16Array;
-    readonly length: number;
-    readonly set: NodeSet;
-    constructor(buffer: Uint16Array, length: number, set: NodeSet);
-}
-interface SyntaxNode {
-    type: NodeType;
-    name: string;
-    from: number;
-    to: number;
-    parent: SyntaxNode | null;
-    firstChild: SyntaxNode | null;
-    lastChild: SyntaxNode | null;
-    childAfter(pos: number): SyntaxNode | null;
-    childBefore(pos: number): SyntaxNode | null;
-    enter(pos: number, side: -1 | 0 | 1, overlays?: boolean, buffers?: boolean): SyntaxNode | null;
-    nextSibling: SyntaxNode | null;
-    prevSibling: SyntaxNode | null;
-    cursor: TreeCursor;
-    resolve(pos: number, side?: -1 | 0 | 1): SyntaxNode;
-    enterUnfinishedNodesBefore(pos: number): SyntaxNode;
-    tree: Tree | null;
-    toTree(): Tree;
-    getChild(type: string | number, before?: string | number | null, after?: string | number | null): SyntaxNode | null;
-    getChildren(type: string | number, before?: string | number | null, after?: string | number | null): SyntaxNode[];
-}
-declare class TreeCursor {
-    type: NodeType;
-    get name(): string;
-    from: number;
-    to: number;
-    private buffer;
-    private stack;
-    private index;
-    private bufferNode;
-    private yieldNode;
-    private yieldBuf;
-    private yield;
-    firstChild(): boolean;
-    lastChild(): boolean;
-    childAfter(pos: number): boolean;
-    childBefore(pos: number): boolean;
-    enter(pos: number, side: -1 | 0 | 1, overlays?: boolean, buffers?: boolean): boolean;
-    parent(): boolean;
-    nextSibling(): boolean;
-    prevSibling(): boolean;
-    private atLastNode;
-    private move;
-    next(enter?: boolean): boolean;
-    prev(enter?: boolean): boolean;
-    moveTo(pos: number, side?: -1 | 0 | 1): this;
-    get node(): SyntaxNode;
-    get tree(): Tree | null;
-}
-
-interface NestedParse {
-    parser: Parser;
-    overlay?: readonly {
-        from: number;
-        to: number;
-    }[] | ((node: TreeCursor) => {
-        from: number;
-        to: number;
-    } | boolean);
-}
-declare function parseMixed(nest: (node: TreeCursor, input: Input) => NestedParse | null): ParseWrapper;
-
-declare class Stack {
-    pos: number;
-    get context(): any;
-    canShift(term: number): boolean;
-    get parser(): LRParser;
-    dialectEnabled(dialectID: number): boolean;
-    private shiftContext;
-    private reduceContext;
-    private updateContext;
-}
-
-declare class InputStream {
-    private chunk2;
-    private chunk2Pos;
-    next: number;
-    pos: number;
-    private rangeIndex;
-    private range;
-    resolveOffset(offset: number, assoc: -1 | 1): number;
-    peek(offset: number): any;
-    acceptToken(token: number, endOffset?: number): void;
-    private getChunk;
-    private readNext;
-    advance(n?: number): number;
-    private setDone;
-}
-interface Tokenizer {
-}
-interface ExternalOptions {
-    contextual?: boolean;
-    fallback?: boolean;
-    extend?: boolean;
-}
-declare class ExternalTokenizer implements Tokenizer {
-    constructor(token: (input: InputStream, stack: Stack) => void, options?: ExternalOptions);
-}
-
-declare class ContextTracker<T> {
-    constructor(spec: {
-        start: T;
-        shift?(context: T, term: number, stack: Stack, input: InputStream): T;
-        reduce?(context: T, term: number, stack: Stack, input: InputStream): T;
-        reuse?(context: T, node: Tree, stack: Stack, input: InputStream): T;
-        hash?(context: T): number;
-        strict?: boolean;
-    });
-}
-interface ParserConfig {
-    props?: readonly NodePropSource[];
-    top?: string;
-    dialect?: string;
-    tokenizers?: {
-        from: ExternalTokenizer;
-        to: ExternalTokenizer;
-    }[];
-    contextTracker?: ContextTracker<any>;
-    strict?: boolean;
-    wrap?: ParseWrapper;
-    bufferLength?: number;
-}
-declare class LRParser extends Parser {
-    readonly nodeSet: NodeSet;
-    createParse(input: Input, fragments: readonly TreeFragment[], ranges: readonly {
-        from: number;
-        to: number;
-    }[]): PartialParse;
-    configure(config: ParserConfig): LRParser;
-    getName(term: number): string;
-    get topNode(): NodeType;
-}
-
-/**
-Each range is associated with a value, which must inherit from
-this class.
-*/
-declare abstract class RangeValue {
-    /**
-    Compare this value with another value. The default
-    implementation compares by identity.
-    */
-    eq(other: RangeValue): boolean;
-    /**
-    The bias value at the start of the range. Determines how the
-    range is positioned relative to other ranges starting at this
-    position. Defaults to 0.
-    */
-    startSide: number;
-    /**
-    The bias value at the end of the range. Defaults to 0.
-    */
-    endSide: number;
-    /**
-    The mode with which the location of the range should be mapped
-    when its `from` and `to` are the same, to decide whether a
-    change deletes the range. Defaults to `MapMode.TrackDel`.
-    */
-    mapMode: MapMode;
-    /**
-    Whether this value marks a point range, which is treated as
-    atomic and shadows the ranges contained in it.
-    */
-    point: boolean;
-    /**
-    Create a [range](https://codemirror.net/6/docs/ref/#rangeset.Range) with this value.
-    */
-    range(from: number, to?: number): Range<this>;
-}
-/**
-A range associates a value with a range of positions.
-*/
-declare class Range<T extends RangeValue> {
-    /**
-    The range's start position.
-    */
-    readonly from: number;
-    /**
-    Its end position.
-    */
-    readonly to: number;
-    /**
-    The value associated with this range.
-    */
-    readonly value: T;
-}
-/**
-Collection of methods used when comparing range sets.
-*/
-interface RangeComparator<T extends RangeValue> {
-    /**
-    Notifies the comparator that the given range has the given set
-    of values associated with it.
-    */
-    compareRange(from: number, to: number, activeA: T[], activeB: T[]): void;
-    /**
-    Notification for a point range.
-    */
-    comparePoint(from: number, to: number, byA: T | null, byB: T | null): void;
-}
-/**
-Methods used when iterating over the spans created by a set of
-ranges. The entire iterated range will be covered with either
-`span` or `point` calls.
-*/
-interface SpanIterator<T extends RangeValue> {
-    /**
-    Called for any ranges not covered by point decorations. `active`
-    holds the values that the range is marked with (and may be
-    empty). `openStart` indicates how many of those ranges are open
-    (continued) at the start of the span.
-    */
-    span(from: number, to: number, active: readonly T[], openStart: number): void;
-    /**
-    Called when going over a point decoration. The active range
-    decorations that cover the point and have a higher precedence
-    are provided in `active`. The open count in `openStart` counts
-    the number of those ranges that started before the point and. If
-    the point started before the iterated range, `openStart` will be
-    `active.length + 1` to signal this.
-    */
-    point(from: number, to: number, value: T, active: readonly T[], openStart: number): void;
-}
-/**
-A range cursor is an object that moves to the next range every
-time you call `next` on it. Note that, unlike ES6 iterators, these
-start out pointing at the first element, so you should call `next`
-only after reading the first range (if any).
-*/
-interface RangeCursor<T> {
-    /**
-    Move the iterator forward.
-    */
-    next: () => void;
-    /**
-    The next range's value. Holds `null` when the cursor has reached
-    its end.
-    */
-    value: T | null;
-    /**
-    The next range's start position.
-    */
-    from: number;
-    /**
-    The next end position.
-    */
-    to: number;
-}
-declare type RangeSetUpdate<T extends RangeValue> = {
-    /**
-    An array of ranges to add. If given, this should be sorted by
-    `from` position and `startSide` unless
-    [`sort`](https://codemirror.net/6/docs/ref/#rangeset.RangeSet.update^updateSpec.sort) is given as
-    `true`.
-    */
-    add?: readonly Range<T>[];
-    /**
-    Indicates whether the library should sort the ranges in `add`.
-    Defaults to `false`.
-    */
-    sort?: boolean;
-    /**
-    Filter the ranges already in the set. Only those for which this
-    function returns `true` are kept.
-    */
-    filter?: (from: number, to: number, value: T) => boolean;
-    /**
-    Can be used to limit the range on which the filter is
-    applied. Filtering only a small range, as opposed to the entire
-    set, can make updates cheaper.
-    */
-    filterFrom?: number;
-    /**
-    The end position to apply the filter to.
-    */
-    filterTo?: number;
-};
-/**
-A range set stores a collection of [ranges](https://codemirror.net/6/docs/ref/#rangeset.Range) in a
-way that makes them efficient to [map](https://codemirror.net/6/docs/ref/#rangeset.RangeSet.map) and
-[update](https://codemirror.net/6/docs/ref/#rangeset.RangeSet.update). This is an immutable data
-structure.
-*/
-declare class RangeSet<T extends RangeValue> {
-    /**
-    The number of ranges in the set.
-    */
-    get size(): number;
-    /**
-    Update the range set, optionally adding new ranges or filtering
-    out existing ones.
-    
-    (The extra type parameter is just there as a kludge to work
-    around TypeScript variance issues that prevented `RangeSet<X>`
-    from being a subtype of `RangeSet<Y>` when `X` is a subtype of
-    `Y`.)
-    */
-    update<U extends T>(updateSpec: RangeSetUpdate<U>): RangeSet<T>;
-    /**
-    Map this range set through a set of changes, return the new set.
-    */
-    map(changes: ChangeDesc): RangeSet<T>;
-    /**
-    Iterate over the ranges that touch the region `from` to `to`,
-    calling `f` for each. There is no guarantee that the ranges will
-    be reported in any specific order. When the callback returns
-    `false`, iteration stops.
-    */
-    between(from: number, to: number, f: (from: number, to: number, value: T) => void | false): void;
-    /**
-    Iterate over the ranges in this set, in order, including all
-    ranges that end at or after `from`.
-    */
-    iter(from?: number): RangeCursor<T>;
-    /**
-    Iterate over the ranges in a collection of sets, in order,
-    starting from `from`.
-    */
-    static iter<T extends RangeValue>(sets: readonly RangeSet<T>[], from?: number): RangeCursor<T>;
-    /**
-    Iterate over two groups of sets, calling methods on `comparator`
-    to notify it of possible differences.
-    */
-    static compare<T extends RangeValue>(oldSets: readonly RangeSet<T>[], newSets: readonly RangeSet<T>[], 
-    /**
-    This indicates how the underlying data changed between these
-    ranges, and is needed to synchronize the iteration. `from` and
-    `to` are coordinates in the _new_ space, after these changes.
-    */
-    textDiff: ChangeDesc, comparator: RangeComparator<T>, 
-    /**
-    Can be used to ignore all non-point ranges, and points below
-    the given size. When -1, all ranges are compared.
-    */
-    minPointSize?: number): void;
-    /**
-    Compare the contents of two groups of range sets, returning true
-    if they are equivalent in the given range.
-    */
-    static eq<T extends RangeValue>(oldSets: readonly RangeSet<T>[], newSets: readonly RangeSet<T>[], from?: number, to?: number): boolean;
-    /**
-    Iterate over a group of range sets at the same time, notifying
-    the iterator about the ranges covering every given piece of
-    content. Returns the open count (see
-    [`SpanIterator.span`](https://codemirror.net/6/docs/ref/#rangeset.SpanIterator.span)) at the end
-    of the iteration.
-    */
-    static spans<T extends RangeValue>(sets: readonly RangeSet<T>[], from: number, to: number, iterator: SpanIterator<T>, 
-    /**
-    When given and greater than -1, only points of at least this
-    size are taken into account.
-    */
-    minPointSize?: number): number;
-    /**
-    Create a range set for the given range or array of ranges. By
-    default, this expects the ranges to be _sorted_ (by start
-    position and, if two start at the same position,
-    `value.startSide`). You can pass `true` as second argument to
-    cause the method to sort them.
-    */
-    static of<T extends RangeValue>(ranges: readonly Range<T>[] | Range<T>, sort?: boolean): RangeSet<T>;
-    /**
-    The empty set of ranges.
-    */
-    static empty: RangeSet<any>;
-}
-
-declare class StyleModule {
-  constructor(spec: {[selector: string]: StyleSpec}, options?: {
-    finish?(sel: string): string
-  })
-  getRules(): string
-  static mount(root: Document | ShadowRoot | DocumentOrShadowRoot, module: StyleModule | ReadonlyArray<StyleModule>): void
-  static newName(): string
-}
-
-type StyleSpec = {
-  [propOrSelector: string]: string | number | StyleSpec | null
-}
-
-declare type Attrs = {
-    [name: string]: string;
-};
-
-interface MarkDecorationSpec {
-    /**
-    Whether the mark covers its start and end position or not. This
-    influences whether content inserted at those positions becomes
-    part of the mark. Defaults to false.
-    */
-    inclusive?: boolean;
-    /**
-    Specify whether the start position of the marked range should be
-    inclusive. Overrides `inclusive`, when both are present.
-    */
-    inclusiveStart?: boolean;
-    /**
-    Whether the end should be inclusive.
-    */
-    inclusiveEnd?: boolean;
-    /**
-    Add attributes to the DOM elements that hold the text in the
-    marked range.
-    */
-    attributes?: {
-        [key: string]: string;
-    };
-    /**
-    Shorthand for `{attributes: {class: value}}`.
-    */
-    class?: string;
-    /**
-    Add a wrapping element around the text in the marked range. Note
-    that there will not be a single element covering the entire
-    range—content is split on mark starts and ends, and each piece
-    gets its own element.
-    */
-    tagName?: string;
-    /**
-    Decoration specs allow extra properties, which can be retrieved
-    through the decoration's [`spec`](https://codemirror.net/6/docs/ref/#view.Decoration.spec)
-    property.
-    */
-    [other: string]: any;
-}
-interface WidgetDecorationSpec {
-    /**
-    The type of widget to draw here.
-    */
-    widget: WidgetType;
-    /**
-    Which side of the given position the widget is on. When this is
-    positive, the widget will be drawn after the cursor if the
-    cursor is on the same position. Otherwise, it'll be drawn before
-    it. When multiple widgets sit at the same position, their `side`
-    values will determine their ordering—those with a lower value
-    come first. Defaults to 0.
-    */
-    side?: number;
-    /**
-    Determines whether this is a block widgets, which will be drawn
-    between lines, or an inline widget (the default) which is drawn
-    between the surrounding text.
-    
-    Note that block-level decorations should not have vertical
-    margins, and if you dynamically change their height, you should
-    make sure to call
-    [`requestMeasure`](https://codemirror.net/6/docs/ref/#view.EditorView.requestMeasure), so that the
-    editor can update its information about its vertical layout.
-    */
-    block?: boolean;
-    /**
-    Other properties are allowed.
-    */
-    [other: string]: any;
-}
-interface ReplaceDecorationSpec {
-    /**
-    An optional widget to drawn in the place of the replaced
-    content.
-    */
-    widget?: WidgetType;
-    /**
-    Whether this range covers the positions on its sides. This
-    influences whether new content becomes part of the range and
-    whether the cursor can be drawn on its sides. Defaults to false
-    for inline replacements, and true for block replacements.
-    */
-    inclusive?: boolean;
-    /**
-    Set inclusivity at the start.
-    */
-    inclusiveStart?: boolean;
-    /**
-    Set inclusivity at the end.
-    */
-    inclusiveEnd?: boolean;
-    /**
-    Whether this is a block-level decoration. Defaults to false.
-    */
-    block?: boolean;
-    /**
-    Other properties are allowed.
-    */
-    [other: string]: any;
-}
-interface LineDecorationSpec {
-    /**
-    DOM attributes to add to the element wrapping the line.
-    */
-    attributes?: {
-        [key: string]: string;
-    };
-    /**
-    Shorthand for `{attributes: {class: value}}`.
-    */
-    class?: string;
-    /**
-    Other properties are allowed.
-    */
-    [other: string]: any;
-}
-/**
-Widgets added to the content are described by subclasses of this
-class. Using a description object like that makes it possible to
-delay creating of the DOM structure for a widget until it is
-needed, and to avoid redrawing widgets even when the decorations
-that define them are recreated.
-*/
-declare abstract class WidgetType {
-    /**
-    Build the DOM structure for this widget instance.
-    */
-    abstract toDOM(view: EditorView): HTMLElement;
-    /**
-    Compare this instance to another instance of the same type.
-    (TypeScript can't express this, but only instances of the same
-    specific class will be passed to this method.) This is used to
-    avoid redrawing widgets when they are replaced by a new
-    decoration of the same type. The default implementation just
-    returns `false`, which will cause new instances of the widget to
-    always be redrawn.
-    */
-    eq(_widget: WidgetType): boolean;
-    /**
-    Update a DOM element created by a widget of the same type (but
-    different, non-`eq` content) to reflect this widget. May return
-    true to indicate that it could update, false to indicate it
-    couldn't (in which case the widget will be redrawn). The default
-    implementation just returns false.
-    */
-    updateDOM(_dom: HTMLElement): boolean;
-    /**
-    The estimated height this widget will have, to be used when
-    estimating the height of content that hasn't been drawn. May
-    return -1 to indicate you don't know. The default implementation
-    returns -1.
-    */
-    get estimatedHeight(): number;
-    /**
-    Can be used to configure which kinds of events inside the widget
-    should be ignored by the editor. The default is to ignore all
-    events.
-    */
-    ignoreEvent(_event: Event): boolean;
-}
-/**
-A decoration set represents a collection of decorated ranges,
-organized for efficient access and mapping. See
-[`RangeSet`](https://codemirror.net/6/docs/ref/#rangeset.RangeSet) for its methods.
-*/
-declare type DecorationSet = RangeSet<Decoration>;
-/**
-The different types of blocks that can occur in an editor view.
-*/
-declare enum BlockType {
-    /**
-    A line of text.
-    */
-    Text = 0,
-    /**
-    A block widget associated with the position after it.
-    */
-    WidgetBefore = 1,
-    /**
-    A block widget associated with the position before it.
-    */
-    WidgetAfter = 2,
-    /**
-    A block widget [replacing](https://codemirror.net/6/docs/ref/#view.Decoration^replace) a range of content.
-    */
-    WidgetRange = 3
-}
-/**
-A decoration provides information on how to draw or style a piece
-of content. You'll usually use it wrapped in a
-[`Range`](https://codemirror.net/6/docs/ref/#rangeset.Range), which adds a start and end position.
-*/
-declare abstract class Decoration extends RangeValue {
-    /**
-    The config object used to create this decoration. You can
-    include additional properties in there to store metadata about
-    your decoration.
-    */
-    readonly spec: any;
-    abstract eq(other: Decoration): boolean;
-    /**
-    Create a mark decoration, which influences the styling of the
-    content in its range. Nested mark decorations will cause nested
-    DOM elements to be created. Nesting order is determined by
-    precedence of the [facet](https://codemirror.net/6/docs/ref/#view.EditorView^decorations) or
-    (below the facet-provided decorations) [view
-    plugin](https://codemirror.net/6/docs/ref/#view.PluginSpec.decorations). Such elements are split
-    on line boundaries and on the boundaries of higher-precedence
-    decorations.
-    */
-    static mark(spec: MarkDecorationSpec): Decoration;
-    /**
-    Create a widget decoration, which adds an element at the given
-    position.
-    */
-    static widget(spec: WidgetDecorationSpec): Decoration;
-    /**
-    Create a replace decoration which replaces the given range with
-    a widget, or simply hides it.
-    */
-    static replace(spec: ReplaceDecorationSpec): Decoration;
-    /**
-    Create a line decoration, which can add DOM attributes to the
-    line starting at the given position.
-    */
-    static line(spec: LineDecorationSpec): Decoration;
-    /**
-    Build a [`DecorationSet`](https://codemirror.net/6/docs/ref/#view.DecorationSet) from the given
-    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: Range<Decoration> | readonly Range<Decoration>[], sort?: boolean): DecorationSet;
-    /**
-    The empty set of decorations.
-    */
-    static none: DecorationSet;
-}
-
-/**
-Basic rectangle type.
-*/
-interface Rect {
-    readonly left: number;
-    readonly right: number;
-    readonly top: number;
-    readonly bottom: number;
-}
-
-/**
-Command functions are used in key bindings and other types of user
-actions. Given an editor view, they check whether their effect can
-apply to the editor, and if it can, perform it as a side effect
-(which usually means [dispatching](https://codemirror.net/6/docs/ref/#view.EditorView.dispatch) a
-transaction) and return `true`.
-*/
-declare type Command = (target: EditorView) => boolean;
-/**
-This is the interface plugin objects conform to.
-*/
-interface PluginValue {
-    /**
-    Notifies the plugin of an update that happened in the view. This
-    is called _before_ the view updates its own DOM. It is
-    responsible for updating the plugin's internal state (including
-    any state that may be read by plugin fields) and _writing_ to
-    the DOM for the changes in the update. To avoid unnecessary
-    layout recomputations, it should _not_ read the DOM layout—use
-    [`requestMeasure`](https://codemirror.net/6/docs/ref/#view.EditorView.requestMeasure) to schedule
-    your code in a DOM reading phase if you need to.
-    */
-    update?(_update: ViewUpdate): void;
-    /**
-    Called when the plugin is no longer going to be used. Should
-    revert any changes the plugin made to the DOM.
-    */
-    destroy?(): void;
-}
-declare const isFieldProvider: unique symbol;
-/**
-Used to [declare](https://codemirror.net/6/docs/ref/#view.PluginSpec.provide) which
-[fields](https://codemirror.net/6/docs/ref/#view.PluginValue) a [view plugin](https://codemirror.net/6/docs/ref/#view.ViewPlugin)
-provides.
-*/
-declare class PluginFieldProvider<V> {
-    private [isFieldProvider];
-}
-/**
-Plugin fields are a mechanism for allowing plugins to provide
-values that can be retrieved through the
-[`pluginField`](https://codemirror.net/6/docs/ref/#view.EditorView.pluginField) view method.
-*/
-declare class PluginField<T> {
-    /**
-    Create a [provider](https://codemirror.net/6/docs/ref/#view.PluginFieldProvider) for this field,
-    to use with a plugin's [provide](https://codemirror.net/6/docs/ref/#view.PluginSpec.provide)
-    option.
-    */
-    from<V extends PluginValue>(get: (value: V) => T): PluginFieldProvider<V>;
-    /**
-    Define a new plugin field.
-    */
-    static define<T>(): PluginField<T>;
-    /**
-    This field can be used by plugins to provide
-    [decorations](https://codemirror.net/6/docs/ref/#view.Decoration).
-    
-    **Note**: For reasons of data flow (plugins are only updated
-    after the viewport is computed), decorations produced by plugins
-    are _not_ taken into account when predicting the vertical layout
-    structure of the editor. Thus, things like large widgets or big
-    replacements (i.e. code folding) should be provided through the
-    state-level [`decorations` facet](https://codemirror.net/6/docs/ref/#view.EditorView^decorations),
-    not this plugin field. Specifically, replacing decorations that
-    cross line boundaries will break if provided through a plugin.
-    */
-    static decorations: PluginField<DecorationSet>;
-    /**
-    Used to provide ranges that should be treated as atoms as far as
-    cursor motion is concerned. This causes methods like
-    [`moveByChar`](https://codemirror.net/6/docs/ref/#view.EditorView.moveByChar) and
-    [`moveVertically`](https://codemirror.net/6/docs/ref/#view.EditorView.moveVertically) (and the
-    commands built on top of them) to skip across such regions when
-    a selection endpoint would enter them. This does _not_ prevent
-    direct programmatic [selection
-    updates](https://codemirror.net/6/docs/ref/#state.TransactionSpec.selection) from moving into such
-    regions.
-    */
-    static atomicRanges: PluginField<RangeSet<any>>;
-    /**
-    Plugins can provide additional scroll margins (space around the
-    sides of the scrolling element that should be considered
-    invisible) through this field. This can be useful when the
-    plugin introduces elements that cover part of that element (for
-    example a horizontally fixed gutter).
-    */
-    static scrollMargins: PluginField<Partial<Rect> | null>;
-}
-/**
-Provides additional information when defining a [view
-plugin](https://codemirror.net/6/docs/ref/#view.ViewPlugin).
-*/
-interface PluginSpec<V extends PluginValue> {
-    /**
-    Register the given [event
-    handlers](https://codemirror.net/6/docs/ref/#view.EditorView^domEventHandlers) for the plugin.
-    When called, these will have their `this` bound to the plugin
-    value.
-    */
-    eventHandlers?: DOMEventHandlers<V>;
-    /**
-    Allow the plugin to provide decorations. When given, this should
-    a function that take the plugin value and return a [decoration
-    set](https://codemirror.net/6/docs/ref/#view.DecorationSet). See also the caveat about
-    [layout-changing decorations](https://codemirror.net/6/docs/ref/#view.PluginField^decorations)
-    from plugins.
-    */
-    decorations?: (value: V) => DecorationSet;
-    /**
-    Specify that the plugin provides [plugin
-    field](https://codemirror.net/6/docs/ref/#view.PluginField) values. Use a field's
-    [`from`](https://codemirror.net/6/docs/ref/#view.PluginField.from) method to create these
-    providers.
-    */
-    provide?: PluginFieldProvider<V> | readonly PluginFieldProvider<V>[];
-}
-/**
-View plugins associate stateful values with a view. They can
-influence the way the content is drawn, and are notified of things
-that happen in the view.
-*/
-declare class ViewPlugin<V extends PluginValue> {
-    /**
-    Instances of this class act as extensions.
-    */
-    extension: Extension;
-    private constructor();
-    /**
-    Define a plugin from a constructor function that creates the
-    plugin's value, given an editor view.
-    */
-    static define<V extends PluginValue>(create: (view: EditorView) => V, spec?: PluginSpec<V>): ViewPlugin<V>;
-    /**
-    Create a plugin for a class whose constructor takes a single
-    editor view as argument.
-    */
-    static fromClass<V extends PluginValue>(cls: {
-        new (view: EditorView): V;
-    }, spec?: PluginSpec<V>): ViewPlugin<V>;
-}
-interface MeasureRequest<T> {
-    /**
-    Called in a DOM read phase to gather information that requires
-    DOM layout. Should _not_ mutate the document.
-    */
-    read(view: EditorView): T;
-    /**
-    Called in a DOM write phase to update the document. Should _not_
-    do anything that triggers DOM layout.
-    */
-    write(measure: T, view: EditorView): void;
-    /**
-    When multiple requests with the same key are scheduled, only the
-    last one will actually be ran.
-    */
-    key?: any;
-}
-/**
-View [plugins](https://codemirror.net/6/docs/ref/#view.ViewPlugin) are given instances of this
-class, which describe what happened, whenever the view is updated.
-*/
-declare class ViewUpdate {
-    /**
-    The editor view that the update is associated with.
-    */
-    readonly view: EditorView;
-    /**
-    The new editor state.
-    */
-    readonly state: EditorState;
-    /**
-    The transactions involved in the update. May be empty.
-    */
-    readonly transactions: readonly Transaction[];
-    /**
-    The changes made to the document by this update.
-    */
-    readonly changes: ChangeSet;
-    /**
-    The previous editor state.
-    */
-    readonly startState: EditorState;
-    /**
-    Tells you whether the [viewport](https://codemirror.net/6/docs/ref/#view.EditorView.viewport) or
-    [visible ranges](https://codemirror.net/6/docs/ref/#view.EditorView.visibleRanges) changed in this
-    update.
-    */
-    get viewportChanged(): boolean;
-    /**
-    Indicates whether the line height in the editor changed in this update.
-    */
-    get heightChanged(): boolean;
-    /**
-    Returns true when the document changed or the size of the editor
-    or the lines or characters within it has changed.
-    */
-    get geometryChanged(): boolean;
-    /**
-    True when this update indicates a focus change.
-    */
-    get focusChanged(): boolean;
-    /**
-    Whether the document changed in this update.
-    */
-    get docChanged(): boolean;
-    /**
-    Whether the selection was explicitly set in this update.
-    */
-    get selectionSet(): boolean;
-}
-
-/**
-Interface that objects registered with
-[`EditorView.mouseSelectionStyle`](https://codemirror.net/6/docs/ref/#view.EditorView^mouseSelectionStyle)
-must conform to.
-*/
-interface MouseSelectionStyle {
-    /**
-    Return a new selection for the mouse gesture that starts with
-    the event that was originally given to the constructor, and ends
-    with the event passed here. In case of a plain click, those may
-    both be the `mousedown` event, in case of a drag gesture, the
-    latest `mousemove` event will be passed.
-    
-    When `extend` is true, that means the new selection should, if
-    possible, extend the start selection. If `multiple` is true, the
-    new selection should be added to the original selection.
-    */
-    get: (curEvent: MouseEvent, extend: boolean, multiple: boolean) => EditorSelection;
-    /**
-    Called when the view is updated while the gesture is in
-    progress. When the document changes, it may be necessary to map
-    some data (like the original selection or start position)
-    through the changes.
-    
-    This may return `true` to indicate that the `get` method should
-    get queried again after the update, because something in the
-    update could change its result. Be wary of infinite loops when
-    using this (where `get` returns a new selection, which will
-    trigger `update`, which schedules another `get` in response).
-    */
-    update: (update: ViewUpdate) => boolean | void;
-}
-declare type MakeSelectionStyle = (view: EditorView, event: MouseEvent) => MouseSelectionStyle | null;
-
-/**
-Used to indicate [text direction](https://codemirror.net/6/docs/ref/#view.EditorView.textDirection).
-*/
-declare enum Direction {
-    /**
-    Left-to-right.
-    */
-    LTR = 0,
-    /**
-    Right-to-left.
-    */
-    RTL = 1
-}
-/**
-Represents a contiguous range of text that has a single direction
-(as in left-to-right or right-to-left).
-*/
-declare class BidiSpan {
-    /**
-    The start of the span (relative to the start of the line).
-    */
-    readonly from: number;
-    /**
-    The end of the span.
-    */
-    readonly to: number;
-    /**
-    The ["bidi
-    level"](https://unicode.org/reports/tr9/#Basic_Display_Algorithm)
-    of the span (in this context, 0 means
-    left-to-right, 1 means right-to-left, 2 means left-to-right
-    number inside right-to-left text).
-    */
-    readonly level: number;
-    /**
-    The direction of this span.
-    */
-    get dir(): Direction;
-}
-
-/**
-Record used to represent information about a block-level element
-in the editor view.
-*/
-declare class BlockInfo {
-    /**
-    The start of the element in the document.
-    */
-    readonly from: number;
-    /**
-    The length of the element.
-    */
-    readonly length: number;
-    /**
-    The top position of the element.
-    */
-    readonly top: number;
-    /**
-    Its height.
-    */
-    readonly height: number;
-    /**
-    The type of element this is. When querying lines, this may be
-    an array of all the blocks that make up the line.
-    */
-    readonly type: BlockType | readonly BlockInfo[];
-    /**
-    The end of the element as a document position.
-    */
-    get to(): number;
-    /**
-    The bottom position of the element.
-    */
-    get bottom(): number;
-}
-
-interface EditorConfig {
-    /**
-    The view's initial state. Defaults to an extension-less state
-    with an empty document.
-    */
-    state?: EditorState;
-    /**
-    If the view is going to be mounted in a shadow root or document
-    other than the one held by the global variable `document` (the
-    default), you should pass it here. If you provide `parent`, but
-    not this option, the editor will automatically look up a root
-    from the parent.
-    */
-    root?: Document | ShadowRoot;
-    /**
-    Override the transaction [dispatch
-    function](https://codemirror.net/6/docs/ref/#view.EditorView.dispatch) for this editor view, which
-    is the way updates get routed to the view. Your implementation,
-    if provided, should probably call the view's [`update`
-    method](https://codemirror.net/6/docs/ref/#view.EditorView.update).
-    */
-    dispatch?: (tr: Transaction) => void;
-    /**
-    When given, the editor is immediately appended to the given
-    element on creation. (Otherwise, you'll have to place the view's
-    [`dom`](https://codemirror.net/6/docs/ref/#view.EditorView.dom) element in the document yourself.)
-    */
-    parent?: Element | DocumentFragment;
-}
-/**
-An editor view represents the editor's user interface. It holds
-the editable DOM surface, and possibly other elements such as the
-line number gutter. It handles events and dispatches state
-transactions for editing actions.
-*/
-declare class EditorView {
-    /**
-    The current editor state.
-    */
-    get state(): EditorState;
-    /**
-    To be able to display large documents without consuming too much
-    memory or overloading the browser, CodeMirror only draws the
-    code that is visible (plus a margin around it) to the DOM. This
-    property tells you the extent of the current drawn viewport, in
-    document positions.
-    */
-    get viewport(): {
-        from: number;
-        to: number;
-    };
-    /**
-    When there are, for example, large collapsed ranges in the
-    viewport, its size can be a lot bigger than the actual visible
-    content. Thus, if you are doing something like styling the
-    content in the viewport, it is preferable to only do so for
-    these ranges, which are the subset of the viewport that is
-    actually drawn.
-    */
-    get visibleRanges(): readonly {
-        from: number;
-        to: number;
-    }[];
-    /**
-    Returns false when the editor is entirely scrolled out of view
-    or otherwise hidden.
-    */
-    get inView(): boolean;
-    /**
-    Indicates whether the user is currently composing text via
-    [IME](https://en.wikipedia.org/wiki/Input_method).
-    */
-    get composing(): boolean;
-    private _dispatch;
-    /**
-    The document or shadow root that the view lives in.
-    */
-    readonly root: DocumentOrShadowRoot;
-    /**
-    The DOM element that wraps the entire editor view.
-    */
-    readonly dom: HTMLElement;
-    /**
-    The DOM element that can be styled to scroll. (Note that it may
-    not have been, so you can't assume this is scrollable.)
-    */
-    readonly scrollDOM: HTMLElement;
-    /**
-    The editable DOM element holding the editor content. You should
-    not, usually, interact with this content directly though the
-    DOM, since the editor will immediately undo most of the changes
-    you make. Instead, [dispatch](https://codemirror.net/6/docs/ref/#view.EditorView.dispatch)
-    [transactions](https://codemirror.net/6/docs/ref/#state.Transaction) to modify content, and
-    [decorations](https://codemirror.net/6/docs/ref/#view.Decoration) to style it.
-    */
-    readonly contentDOM: HTMLElement;
-    private announceDOM;
-    private plugins;
-    private editorAttrs;
-    private contentAttrs;
-    private styleModules;
-    private bidiCache;
-    private destroyed;
-    /**
-    Construct a new view. You'll usually want to put `view.dom` into
-    your document after creating a view, so that the user can see
-    it.
-    */
-    constructor(
-    /**
-    Initialization options.
-    */
-    config?: EditorConfig);
-    /**
-    All regular editor state updates should go through this. It
-    takes a transaction or transaction spec and updates the view to
-    show the new state produced by that transaction. Its
-    implementation can be overridden with an
-    [option](https://codemirror.net/6/docs/ref/#view.EditorView.constructor^config.dispatch). This
-    function is bound to the view instance, so it does not have to
-    be called as a method.
-    */
-    dispatch(tr: Transaction): void;
-    dispatch(...specs: TransactionSpec[]): void;
-    /**
-    Update the view for the given array of transactions. This will
-    update the visible document and selection to match the state
-    produced by the transactions, and notify view plugins of the
-    change. You should usually call
-    [`dispatch`](https://codemirror.net/6/docs/ref/#view.EditorView.dispatch) instead, which uses this
-    as a primitive.
-    */
-    update(transactions: readonly Transaction[]): void;
-    /**
-    Reset the view to the given state. (This will cause the entire
-    document to be redrawn and all view plugins to be reinitialized,
-    so you should probably only use it when the new state isn't
-    derived from the old state. Otherwise, use
-    [`dispatch`](https://codemirror.net/6/docs/ref/#view.EditorView.dispatch) instead.)
-    */
-    setState(newState: EditorState): void;
-    private updatePlugins;
-    /**
-    Get the CSS classes for the currently active editor themes.
-    */
-    get themeClasses(): string;
-    private updateAttrs;
-    private showAnnouncements;
-    private mountStyles;
-    private readMeasured;
-    /**
-    Schedule a layout measurement, optionally providing callbacks to
-    do custom DOM measuring followed by a DOM write phase. Using
-    this is preferable reading DOM layout directly from, for
-    example, an event handler, because it'll make sure measuring and
-    drawing done by other components is synchronized, avoiding
-    unnecessary DOM layout computations.
-    */
-    requestMeasure<T>(request?: MeasureRequest<T>): void;
-    /**
-    Collect all values provided by the active plugins for a given
-    field.
-    */
-    pluginField<T>(field: PluginField<T>): readonly T[];
-    /**
-    Get the value of a specific plugin, if present. Note that
-    plugins that crash can be dropped from a view, so even when you
-    know you registered a given plugin, it is recommended to check
-    the return value of this method.
-    */
-    plugin<T>(plugin: ViewPlugin<T>): T | null;
-    /**
-    Find the line or block widget at the given vertical position.
-    
-    By default, this position is interpreted as a screen position,
-    meaning `docTop` is set to the DOM top position of the editor
-    content (forcing a layout). You can pass a different `docTop`
-    value—for example 0 to interpret `height` as a document-relative
-    position, or a precomputed document top
-    (`view.contentDOM.getBoundingClientRect().top`) to limit layout
-    queries.
-    */
-    blockAtHeight(height: number, docTop?: number): BlockInfo;
-    /**
-    Find information for the visual line (see
-    [`visualLineAt`](https://codemirror.net/6/docs/ref/#view.EditorView.visualLineAt)) at the given
-    vertical position. The resulting block info might hold another
-    array of block info structs in its `type` field if this line
-    consists of more than one block.
-    
-    Defaults to treating `height` as a screen position. See
-    [`blockAtHeight`](https://codemirror.net/6/docs/ref/#view.EditorView.blockAtHeight) for the
-    interpretation of the `docTop` parameter.
-    */
-    visualLineAtHeight(height: number, docTop?: number): BlockInfo;
-    /**
-    Iterate over the height information of the visual lines in the
-    viewport. The heights of lines are reported relative to the
-    given document top, which defaults to the screen position of the
-    document (forcing a layout).
-    */
-    viewportLines(f: (line: BlockInfo) => void, docTop?: number): void;
-    /**
-    Find the extent and height of the visual line (a range delimited
-    on both sides by either non-[hidden](https://codemirror.net/6/docs/ref/#view.Decoration^range)
-    line breaks, or the start/end of the document) at the given position.
-    
-    Vertical positions are computed relative to the `docTop`
-    argument, which defaults to 0 for this method. You can pass
-    `view.contentDOM.getBoundingClientRect().top` here to get screen
-    coordinates.
-    */
-    visualLineAt(pos: number, docTop?: number): BlockInfo;
-    /**
-    The editor's total content height.
-    */
-    get contentHeight(): number;
-    /**
-    Move a cursor position by [grapheme
-    cluster](https://codemirror.net/6/docs/ref/#text.findClusterBreak). `forward` determines whether
-    the motion is away from the line start, or towards it. Motion in
-    bidirectional text is in visual order, in the editor's [text
-    direction](https://codemirror.net/6/docs/ref/#view.EditorView.textDirection). When the start
-    position was the last one on the line, the returned position
-    will be across the line break. If there is no further line, the
-    original position is returned.
-    
-    By default, this method moves over a single cluster. The
-    optional `by` argument can be used to move across more. It will
-    be called with the first cluster as argument, and should return
-    a predicate that determines, for each subsequent cluster,
-    whether it should also be moved over.
-    */
-    moveByChar(start: SelectionRange, forward: boolean, by?: (initial: string) => (next: string) => boolean): SelectionRange;
-    /**
-    Move a cursor position across the next group of either
-    [letters](https://codemirror.net/6/docs/ref/#state.EditorState.charCategorizer) or non-letter
-    non-whitespace characters.
-    */
-    moveByGroup(start: SelectionRange, forward: boolean): SelectionRange;
-    /**
-    Move to the next line boundary in the given direction. If
-    `includeWrap` is true, line wrapping is on, and there is a
-    further wrap point on the current line, the wrap point will be
-    returned. Otherwise this function will return the start or end
-    of the line.
-    */
-    moveToLineBoundary(start: SelectionRange, forward: boolean, includeWrap?: boolean): SelectionRange;
-    /**
-    Move a cursor position vertically. When `distance` isn't given,
-    it defaults to moving to the next line (including wrapped
-    lines). Otherwise, `distance` should provide a positive distance
-    in pixels.
-    
-    When `start` has a
-    [`goalColumn`](https://codemirror.net/6/docs/ref/#state.SelectionRange.goalColumn), the vertical
-    motion will use that as a target horizontal position. Otherwise,
-    the cursor's own horizontal position is used. The returned
-    cursor will have its goal column set to whichever column was
-    used.
-    */
-    moveVertically(start: SelectionRange, forward: boolean, distance?: number): SelectionRange;
-    scrollPosIntoView(pos: number): void;
-    /**
-    Find the DOM parent node and offset (child offset if `node` is
-    an element, character offset when it is a text node) at the
-    given document position.
-    */
-    domAtPos(pos: number): {
-        node: Node;
-        offset: number;
-    };
-    /**
-    Find the document position at the given DOM node. Can be useful
-    for associating positions with DOM events. Will raise an error
-    when `node` isn't part of the editor content.
-    */
-    posAtDOM(node: Node, offset?: number): number;
-    /**
-    Get the document position at the given screen coordinates.
-    Returns null if no valid position could be found.
-    */
-    posAtCoords(coords: {
-        x: number;
-        y: number;
-    }, precise: false): number;
-    posAtCoords(coords: {
-        x: number;
-        y: number;
-    }): number | null;
-    /**
-    Get the screen coordinates at the given document position.
-    `side` determines whether the coordinates are based on the
-    element before (-1) or after (1) the position (if no element is
-    available on the given side, the method will transparently use
-    another strategy to get reasonable coordinates).
-    */
-    coordsAtPos(pos: number, side?: -1 | 1): Rect | null;
-    /**
-    The default width of a character in the editor. May not
-    accurately reflect the width of all characters (given variable
-    width fonts or styling of invididual ranges).
-    */
-    get defaultCharacterWidth(): number;
-    /**
-    The default height of a line in the editor. May not be accurate
-    for all lines.
-    */
-    get defaultLineHeight(): number;
-    /**
-    The text direction
-    ([`direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/direction)
-    CSS property) of the editor.
-    */
-    get textDirection(): Direction;
-    /**
-    Whether this editor [wraps lines](https://codemirror.net/6/docs/ref/#view.EditorView.lineWrapping)
-    (as determined by the
-    [`white-space`](https://developer.mozilla.org/en-US/docs/Web/CSS/white-space)
-    CSS property of its content element).
-    */
-    get lineWrapping(): boolean;
-    /**
-    Returns the bidirectional text structure of the given line
-    (which should be in the current document) as an array of span
-    objects. The order of these spans matches the [text
-    direction](https://codemirror.net/6/docs/ref/#view.EditorView.textDirection)—if that is
-    left-to-right, the leftmost spans come first, otherwise the
-    rightmost spans come first.
-    */
-    bidiSpans(line: Line$1): readonly BidiSpan[];
-    /**
-    Check whether the editor has focus.
-    */
-    get hasFocus(): boolean;
-    /**
-    Put focus on the editor.
-    */
-    focus(): void;
-    /**
-    Clean up this editor view, removing its element from the
-    document, unregistering event handlers, and notifying
-    plugins. The view instance can no longer be used after
-    calling this.
-    */
-    destroy(): void;
-    /**
-    Effect that can be [added](https://codemirror.net/6/docs/ref/#state.TransactionSpec.effects) to a
-    transaction to make it scroll the given range into view.
-    */
-    static scrollTo: StateEffectType<SelectionRange>;
-    /**
-    Effect that makes the editor scroll the given range to the
-    center of the visible view.
-    */
-    static centerOn: StateEffectType<SelectionRange>;
-    /**
-    Facet to add a [style
-    module](https://github.com/marijnh/style-mod#documentation) to
-    an editor view. The view will ensure that the module is
-    mounted in its [document
-    root](https://codemirror.net/6/docs/ref/#view.EditorView.constructor^config.root).
-    */
-    static styleModule: Facet<StyleModule, readonly StyleModule[]>;
-    /**
-    Facet that can be used to add DOM event handlers. The value
-    should be an object mapping event names to handler functions. The
-    first such function to return true will be assumed to have handled
-    that event, and no other handlers or built-in behavior will be
-    activated for it.
-    These are registered on the [content
-    element](https://codemirror.net/6/docs/ref/#view.EditorView.contentDOM), except for `scroll`
-    handlers, which will be called any time the editor's [scroll
-    element](https://codemirror.net/6/docs/ref/#view.EditorView.scrollDOM) or one of its parent nodes
-    is scrolled.
-    */
-    static domEventHandlers(handlers: DOMEventHandlers<any>): Extension;
-    /**
-    An input handler can override the way changes to the editable
-    DOM content are handled. Handlers are passed the document
-    positions between which the change was found, and the new
-    content. When one returns true, no further input handlers are
-    called and the default behavior is prevented.
-    */
-    static inputHandler: Facet<(view: EditorView, from: number, to: number, text: string) => boolean, readonly ((view: EditorView, from: number, to: number, text: string) => boolean)[]>;
-    /**
-    Allows you to provide a function that should be called when the
-    library catches an exception from an extension (mostly from view
-    plugins, but may be used by other extensions to route exceptions
-    from user-code-provided callbacks). This is mostly useful for
-    debugging and logging. See [`logException`](https://codemirror.net/6/docs/ref/#view.logException).
-    */
-    static exceptionSink: Facet<(exception: any) => void, readonly ((exception: any) => void)[]>;
-    /**
-    A facet that can be used to register a function to be called
-    every time the view updates.
-    */
-    static updateListener: Facet<(update: ViewUpdate) => void, readonly ((update: ViewUpdate) => void)[]>;
-    /**
-    Facet that controls whether the editor content DOM is editable.
-    When its highest-precedence value is `false`, the element will
-    not longer have its `contenteditable` attribute set. (Note that
-    this doesn't affect API calls that change the editor content,
-    even when those are bound to keys or buttons. See the
-    [`readOnly`](https://codemirror.net/6/docs/ref/#state.EditorState.readOnly) facet for that.)
-    */
-    static editable: Facet<boolean, boolean>;
-    /**
-    Allows you to influence the way mouse selection happens. The
-    functions in this facet will be called for a `mousedown` event
-    on the editor, and can return an object that overrides the way a
-    selection is computed from that mouse click or drag.
-    */
-    static mouseSelectionStyle: Facet<MakeSelectionStyle, readonly MakeSelectionStyle[]>;
-    /**
-    Facet used to configure whether a given selection drag event
-    should move or copy the selection. The given predicate will be
-    called with the `mousedown` event, and can return `true` when
-    the drag should move the content.
-    */
-    static dragMovesSelection: Facet<(event: MouseEvent) => boolean, readonly ((event: MouseEvent) => boolean)[]>;
-    /**
-    Facet used to configure whether a given selecting click adds
-    a new range to the existing selection or replaces it entirely.
-    */
-    static clickAddsSelectionRange: Facet<(event: MouseEvent) => boolean, readonly ((event: MouseEvent) => boolean)[]>;
-    /**
-    A facet that determines which [decorations](https://codemirror.net/6/docs/ref/#view.Decoration)
-    are shown in the view. See also [view
-    plugins](https://codemirror.net/6/docs/ref/#view.EditorView^decorations), which have a separate
-    mechanism for providing decorations.
-    */
-    static decorations: Facet<DecorationSet, readonly DecorationSet[]>;
-    /**
-    Create a theme extension. The first argument can be a
-    [`style-mod`](https://github.com/marijnh/style-mod#documentation)
-    style spec providing the styles for the theme. These will be
-    prefixed with a generated class for the style.
-    
-    Because the selectors will be prefixed with a scope class, rule
-    that directly match the editor's [wrapper
-    element](https://codemirror.net/6/docs/ref/#view.EditorView.dom)—to which the scope class will be
-    added—need to be explicitly differentiated by adding an `&` to
-    the selector for that element—for example
-    `&.cm-focused`.
-    
-    When `dark` is set to true, the theme will be marked as dark,
-    which will cause the `&dark` rules from [base
-    themes](https://codemirror.net/6/docs/ref/#view.EditorView^baseTheme) to be used (as opposed to
-    `&light` when a light theme is active).
-    */
-    static theme(spec: {
-        [selector: string]: StyleSpec;
-    }, options?: {
-        dark?: boolean;
-    }): Extension;
-    /**
-    Create an extension that adds styles to the base theme. Like
-    with [`theme`](https://codemirror.net/6/docs/ref/#view.EditorView^theme), use `&` to indicate the
-    place of the editor wrapper element when directly targeting
-    that. You can also use `&dark` or `&light` instead to only
-    target editors with a dark or light theme.
-    */
-    static baseTheme(spec: {
-        [selector: string]: StyleSpec;
-    }): Extension;
-    /**
-    Facet that provides additional DOM attributes for the editor's
-    editable DOM element.
-    */
-    static contentAttributes: Facet<Attrs, Attrs>;
-    /**
-    Facet that provides DOM attributes for the editor's outer
-    element.
-    */
-    static editorAttributes: Facet<Attrs, Attrs>;
-    /**
-    An extension that enables line wrapping in the editor (by
-    setting CSS `white-space` to `pre-wrap` in the content).
-    */
-    static lineWrapping: Extension;
-    /**
-    State effect used to include screen reader announcements in a
-    transaction. These will be added to the DOM in a visually hidden
-    element with `aria-live="polite"` set, and should be used to
-    describe effects that are visually obvious but may not be
-    noticed by screen reader users (such as moving to the next
-    search match).
-    */
-    static announce: StateEffectType<string>;
-}
-/**
-Helper type that maps event names to event object types, or the
-`any` type for unknown events.
-*/
-interface DOMEventMap extends HTMLElementEventMap {
-    [other: string]: any;
-}
-/**
-Event handlers are specified with objects like this. For event
-types known by TypeScript, this will infer the event argument type
-to hold the appropriate event object type. For unknown events, it
-is inferred to `any`, and should be explicitly set if you want type
-checking.
-*/
-declare type DOMEventHandlers<This> = {
-    [event in keyof DOMEventMap]?: (this: This, event: DOMEventMap[event], view: EditorView) => boolean | void;
-};
-
-/**
-Key bindings associate key names with
-[command](https://codemirror.net/6/docs/ref/#view.Command)-style functions.
-
-Key names may be strings like `"Shift-Ctrl-Enter"`—a key identifier
-prefixed with zero or more modifiers. Key identifiers are based on
-the strings that can appear in
-[`KeyEvent.key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key).
-Use lowercase letters to refer to letter keys (or uppercase letters
-if you want shift to be held). You may use `"Space"` as an alias
-for the `" "` name.
-
-Modifiers can be given in any order. `Shift-` (or `s-`), `Alt-` (or
-`a-`), `Ctrl-` (or `c-` or `Control-`) and `Cmd-` (or `m-` or
-`Meta-`) are recognized.
-
-When a key binding contains multiple key names separated by
-spaces, it represents a multi-stroke binding, which will fire when
-the user presses the given keys after each other order.
-
-You can use `Mod-` as a shorthand for `Cmd-` on Mac and `Ctrl-` on
-other platforms. So `Mod-b` is `Ctrl-b` on Linux but `Cmd-b` on
-macOS.
-*/
-interface KeyBinding {
-    /**
-    The key name to use for this binding. If the platform-specific
-    property (`mac`, `win`, or `linux`) for the current platform is
-    used as well in the binding, that one takes precedence. If `key`
-    isn't defined and the platform-specific binding isn't either,
-    a binding is ignored.
-    */
-    key?: string;
-    /**
-    Key to use specifically on macOS.
-    */
-    mac?: string;
-    /**
-    Key to use specifically on Windows.
-    */
-    win?: string;
-    /**
-    Key to use specifically on Linux.
-    */
-    linux?: string;
-    /**
-    The command to execute when this binding is triggered. When the
-    command function returns `false`, further bindings will be tried
-    for the key.
-    */
-    run: Command;
-    /**
-    When given, this defines a second binding, using the (possibly
-    platform-specific) key name prefixed with `Shift-` to activate
-    this command.
-    */
-    shift?: Command;
-    /**
-    By default, key bindings apply when focus is on the editor
-    content (the `"editor"` scope). Some extensions, mostly those
-    that define their own panels, might want to allow you to
-    register bindings local to that panel. Such bindings should use
-    a custom scope name. You may also set multiple scope names,
-    separated by spaces.
-    */
-    scope?: string;
-    /**
-    When set to true (the default is false), this will always
-    prevent the further handling for the bound key, even if the
-    command(s) return false. This can be useful for cases where the
-    native behavior of the key is annoying or irrelevant but the
-    command doesn't always apply (such as, Mod-u for undo selection,
-    which would cause the browser to view source instead when no
-    selection can be undone).
-    */
-    preventDefault?: boolean;
-}
-/**
-Facet used for registering keymaps.
-
-You can add multiple keymaps to an editor. Their priorities
-determine their precedence (the ones specified early or with high
-priority get checked first). When a handler has returned `true`
-for a given key, no further handlers are called.
-*/
-declare const keymap: Facet<readonly KeyBinding[], readonly (readonly KeyBinding[])[]>;
-
-declare type SelectionConfig = {
-    /**
-    The length of a full cursor blink cycle, in milliseconds.
-    Defaults to 1200. Can be set to 0 to disable blinking.
-    */
-    cursorBlinkRate?: number;
-    /**
-    Whether to show a cursor for non-empty ranges. Defaults to
-    true.
-    */
-    drawRangeCursor?: boolean;
-};
-/**
-Returns an extension that hides the browser's native selection and
-cursor, replacing the selection with a background behind the text
-(with the `cm-selectionBackground` class), and the
-cursors with elements overlaid over the code (using
-`cm-cursor-primary` and `cm-cursor-secondary`).
-
-This allows the editor to display secondary selection ranges, and
-tends to produce a type of selection more in line with that users
-expect in a text editor (the native selection styling will often
-leave gaps between lines and won't fill the horizontal space after
-a line when the selection continues past it).
-
-It does have a performance cost, in that it requires an extra DOM
-layout cycle for many updates (the selection is drawn based on DOM
-layout information that's only available after laying out the
-content).
-*/
-declare function drawSelection(config?: SelectionConfig): Extension;
-
-interface SpecialCharConfig {
-    /**
-    An optional function that renders the placeholder elements.
-    
-    The `description` argument will be text that clarifies what the
-    character is, which should be provided to screen readers (for
-    example with the
-    [`aria-label`](https://www.w3.org/TR/wai-aria/#aria-label)
-    attribute) and optionally shown to the user in other ways (such
-    as the
-    [`title`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/title)
-    attribute).
-    
-    The given placeholder string is a suggestion for how to display
-    the character visually.
-    */
-    render?: ((code: number, description: string | null, placeholder: string) => HTMLElement) | null;
-    /**
-    Regular expression that matches the special characters to
-    highlight. Must have its 'g'/global flag set.
-    */
-    specialChars?: RegExp;
-    /**
-    Regular expression that can be used to add characters to the
-    default set of characters to highlight.
-    */
-    addSpecialChars?: RegExp | null;
-}
-/**
-Returns an extension that installs highlighting of special
-characters.
-*/
-declare function highlightSpecialChars(
-/**
-Configuration options.
-*/
-config?: SpecialCharConfig): Extension;
-
-/**
-Extension that enables a placeholder—a piece of example content
-to show when the editor is empty.
-*/
-declare function placeholder(content: string | HTMLElement): Extension;
-
-/**
-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. You'll
-want to subclass this class for custom parsers, or use the
-[`LRLanguage`](https://codemirror.net/6/docs/ref/#language.LRLanguage) or
-[`StreamLanguage`](https://codemirror.net/6/docs/ref/#stream-parser.StreamLanguage) abstractions for
-[Lezer](https://lezer.codemirror.net/) or stream parsers.
-*/
-declare class Language {
-    /**
-    The [language data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) data
-    facet used for this language.
-    */
-    readonly data: Facet<{
-        [name: string]: any;
-    }>;
-    /**
-    The node type of the top node of trees produced by this parser.
-    */
-    readonly topNode: NodeType;
-    /**
-    The extension value to install this provider.
-    */
-    readonly extension: Extension;
-    /**
-    The parser object. Can be useful when using this as a [nested
-    parser](https://lezer.codemirror.net/docs/ref#common.Parser).
-    */
-    parser: Parser;
-    /**
-    Construct a language object. You usually don't need to invoke
-    this directly. But when you do, make sure you use
-    [`defineLanguageFacet`](https://codemirror.net/6/docs/ref/#language.defineLanguageFacet) to create
-    the first argument.
-    */
-    constructor(
-    /**
-    The [language data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) data
-    facet used for this language.
-    */
-    data: Facet<{
-        [name: string]: any;
-    }>, parser: Parser, 
-    /**
-    The node type of the top node of trees produced by this parser.
-    */
-    topNode: NodeType, extraExtensions?: Extension[]);
-    /**
-    Query whether this language is active at the given position.
-    */
-    isActiveAt(state: EditorState, pos: number, side?: -1 | 0 | 1): boolean;
-    /**
-    Find the document regions that were parsed using this language.
-    The returned regions will _include_ any nested languages rooted
-    in this language, when those exist.
-    */
-    findRegions(state: EditorState): {
-        from: number;
-        to: number;
-    }[];
-    /**
-    Indicates whether this language allows nested languages. The
-    default implementation returns true.
-    */
-    get allowsNesting(): boolean;
-}
-/**
-A subclass of [`Language`](https://codemirror.net/6/docs/ref/#language.Language) for use with Lezer
-[LR parsers](https://lezer.codemirror.net/docs/ref#lr.LRParser)
-parsers.
-*/
-declare class LRLanguage extends Language {
-    readonly parser: LRParser;
-    private constructor();
-    /**
-    Define a language from a parser.
-    */
-    static define(spec: {
-        /**
-        The parser to use. Should already have added editor-relevant
-        node props (and optionally things like dialect and top rule)
-        configured.
-        */
-        parser: LRParser;
-        /**
-        [Language data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt)
-        to register for this language.
-        */
-        languageData?: {
-            [name: string]: any;
-        };
-    }): LRLanguage;
-    /**
-    Create a new instance of this language with a reconfigured
-    version of its parser.
-    */
-    configure(options: ParserConfig): LRLanguage;
-    get allowsNesting(): boolean;
-}
-/**
-Get the syntax tree for a state, which is the current (possibly
-incomplete) parse tree of active [language](https://codemirror.net/6/docs/ref/#language.Language),
-or the empty tree if there is no language available.
-*/
-declare function syntaxTree(state: EditorState): Tree;
-/**
-This class bundles a [language object](https://codemirror.net/6/docs/ref/#language.Language) with an
-optional set of supporting extensions. Language packages are
-encouraged to export a function that optionally takes a
-configuration object and returns a `LanguageSupport` instance, as
-the main way for client code to use the package.
-*/
-declare class LanguageSupport {
-    /**
-    The language object.
-    */
-    readonly language: 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.
-    */
-    readonly support: Extension;
-    /**
-    An extension including both the language and its support
-    extensions. (Allowing the object to be used as an extension
-    value itself.)
-    */
-    extension: Extension;
-    /**
-    Create a support object.
-    */
-    constructor(
-    /**
-    The language object.
-    */
-    language: 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?: Extension);
-}
-/**
-Language descriptions are used to store metadata about languages
-and to dynamically load them. Their main role is finding the
-appropriate language for a filename or dynamically loading nested
-parsers.
-*/
-declare class LanguageDescription {
-    /**
-    The name of this language.
-    */
-    readonly name: string;
-    /**
-    Alternative names for the mode (lowercased, includes `this.name`).
-    */
-    readonly alias: readonly string[];
-    /**
-    File extensions associated with this language.
-    */
-    readonly extensions: readonly string[];
-    /**
-    Optional filename pattern that should be associated with this
-    language.
-    */
-    readonly filename: RegExp | undefined;
-    private loadFunc;
-    /**
-    If the language has been loaded, this will hold its value.
-    */
-    support: LanguageSupport | undefined;
-    private loading;
-    private constructor();
-    /**
-    Start loading the the language. Will return a promise that
-    resolves to a [`LanguageSupport`](https://codemirror.net/6/docs/ref/#language.LanguageSupport)
-    object when the language successfully loads.
-    */
-    load(): Promise<LanguageSupport>;
-    /**
-    Create a language description.
-    */
-    static of(spec: {
-        /**
-        The language's name.
-        */
-        name: string;
-        /**
-        An optional array of alternative names.
-        */
-        alias?: readonly string[];
-        /**
-        An optional array of filename extensions associated with this
-        language.
-        */
-        extensions?: readonly string[];
-        /**
-        An optional filename pattern associated with this language.
-        */
-        filename?: RegExp;
-        /**
-        A function that will asynchronously load the language.
-        */
-        load?: () => Promise<LanguageSupport>;
-        /**
-        Alternatively to `load`, you can provide an already loaded
-        support object. Either this or `load` should be provided.
-        */
-        support?: LanguageSupport;
-    }): LanguageDescription;
-    /**
-    Look for a language in the given array of descriptions that
-    matches the filename. Will first match
-    [`filename`](https://codemirror.net/6/docs/ref/#language.LanguageDescription.filename) patterns,
-    and then [extensions](https://codemirror.net/6/docs/ref/#language.LanguageDescription.extensions),
-    and return the first language that matches.
-    */
-    static matchFilename(descs: readonly LanguageDescription[], filename: string): LanguageDescription | null;
-    /**
-    Look for a language whose name or alias matches the the given
-    name (case-insensitively). If `fuzzy` is true, and no direct
-    matchs is found, this'll also search for a language whose name
-    or alias occurs in the string (for names shorter than three
-    characters, only when surrounded by non-word characters).
-    */
-    static matchLanguageName(descs: readonly LanguageDescription[], name: string, fuzzy?: boolean): LanguageDescription | null;
-}
-/**
-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.
-*/
-declare const indentUnit: Facet<string, string>;
-/**
-Indentation contexts are used when calling [indentation
-services](https://codemirror.net/6/docs/ref/#language.indentService). They provide helper utilities
-useful in indentation logic, and can selectively override the
-indentation reported for some lines.
-*/
-declare class IndentContext {
-    /**
-    The editor state.
-    */
-    readonly state: EditorState;
-    /**
-    The indent unit (number of columns per indentation level).
-    */
-    unit: number;
-    /**
-    Create an indent context.
-    */
-    constructor(
-    /**
-    The editor state.
-    */
-    state: EditorState, 
-    /**
-    @internal
-    */
-    options?: {
-        /**
-        Override line indentations provided to the indentation
-        helper function, which is useful when implementing region
-        indentation, where indentation for later lines needs to refer
-        to previous lines, which may have been reindented compared to
-        the original start state. If given, this function should
-        return -1 for lines (given by start position) that didn't
-        change, and an updated indentation otherwise.
-        */
-        overrideIndentation?: (pos: number) => number;
-        /**
-        Make it look, to the indent logic, like a line break was
-        added at the given position (which is mostly just useful for
-        implementing something like
-        [`insertNewlineAndIndent`](https://codemirror.net/6/docs/ref/#commands.insertNewlineAndIndent)).
-        */
-        simulateBreak?: number;
-        /**
-        When `simulateBreak` is given, this can be used to make the
-        simulate break behave like a double line break.
-        */
-        simulateDoubleBreak?: boolean;
-    });
-    /**
-    Get a description of the line at the given position, taking
-    [simulated line
-    breaks](https://codemirror.net/6/docs/ref/#language.IndentContext.constructor^options.simulateBreak)
-    into account. If there is such a break at `pos`, the `bias`
-    argument determines whether the part of the line line before or
-    after the break is used.
-    */
-    lineAt(pos: number, bias?: -1 | 1): {
-        text: string;
-        from: number;
-    };
-    /**
-    Get the text directly after `pos`, either the entire line
-    or the next 100 characters, whichever is shorter.
-    */
-    textAfterPos(pos: number, bias?: -1 | 1): string;
-    /**
-    Find the column for the given position.
-    */
-    column(pos: number, bias?: -1 | 1): number;
-    /**
-    Find the column position (taking tabs into account) of the given
-    position in the given string.
-    */
-    countColumn(line: string, pos?: number): number;
-    /**
-    Find the indentation column of the line at the given point.
-    */
-    lineIndent(pos: number, bias?: -1 | 1): number;
-    /**
-    Returns the [simulated line
-    break](https://codemirror.net/6/docs/ref/#language.IndentContext.constructor^options.simulateBreak)
-    for this context, if any.
-    */
-    get simulatedBreak(): number | null;
-}
-/**
-Enables reindentation on input. When a language defines an
-`indentOnInput` field in its [language
-data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt), which must hold a regular
-expression, the line at the cursor will be reindented whenever new
-text is typed and the input from the start of the line up to the
-cursor matches that regexp.
-
-To avoid unneccesary reindents, it is recommended to start the
-regexp with `^` (usually followed by `\s*`), and end it with `$`.
-For example, `/^\s*\}$/` will reindent when a closing brace is
-added at the start of a line.
-*/
-declare function indentOnInput(): Extension;
-
-/**
-Encapsulates a single line of input. Given to stream syntax code,
-which uses it to tokenize the content.
-*/
-declare class StringStream {
-    /**
-    The line.
-    */
-    string: string;
-    private tabSize;
-    /**
-    The current indent unit size.
-    */
-    indentUnit: number;
-    /**
-    The current position on the line.
-    */
-    pos: number;
-    /**
-    The start position of the current token.
-    */
-    start: number;
-    private lastColumnPos;
-    private lastColumnValue;
-    /**
-    True if we are at the end of the line.
-    */
-    eol(): boolean;
-    /**
-    True if we are at the start of the line.
-    */
-    sol(): boolean;
-    /**
-    Get the next code unit after the current position, or undefined
-    if we're at the end of the line.
-    */
-    peek(): string | undefined;
-    /**
-    Read the next code unit and advance `this.pos`.
-    */
-    next(): string | void;
-    /**
-    Match the next character against the given string, regular
-    expression, or predicate. Consume and return it if it matches.
-    */
-    eat(match: string | RegExp | ((ch: string) => boolean)): string | void;
-    /**
-    Continue matching characters that match the given string,
-    regular expression, or predicate function. Return true if any
-    characters were consumed.
-    */
-    eatWhile(match: string | RegExp | ((ch: string) => boolean)): boolean;
-    /**
-    Consume whitespace ahead of `this.pos`. Return true if any was
-    found.
-    */
-    eatSpace(): boolean;
-    /**
-    Move to the end of the line.
-    */
-    skipToEnd(): void;
-    /**
-    Move to directly before the given character, if found on the
-    current line.
-    */
-    skipTo(ch: string): boolean | void;
-    /**
-    Move back `n` characters.
-    */
-    backUp(n: number): void;
-    /**
-    Get the column position at `this.pos`.
-    */
-    column(): number;
-    /**
-    Get the indentation column of the current line.
-    */
-    indentation(): number;
-    /**
-    Match the input against the given string or regular expression
-    (which should start with a `^`). Return true or the regexp match
-    if it matches.
-    
-    Unless `consume` is set to `false`, this will move `this.pos`
-    past the matched text.
-    
-    When matching a string `caseInsensitive` can be set to true to
-    make the match case-insensitive.
-    */
-    match(pattern: string | RegExp, consume?: boolean, caseInsensitive?: boolean): boolean | RegExpMatchArray | null;
-    /**
-    Get the current token.
-    */
-    current(): string;
-}
-
-/**
-A stream parser parses or tokenizes content from start to end,
-emitting tokens as it goes over it. It keeps a mutable (but
-copyable) object with state, in which it can store information
-about the current context.
-*/
-interface StreamParser<State> {
-    /**
-    Read one token, advancing the stream past it, and returning a
-    string indicating the token's style tag—either the name of one
-    of the tags in [`tags`](https://codemirror.net/6/docs/ref/#highlight.tags), or such a name
-    suffixed by one or more tag
-    [modifier](https://codemirror.net/6/docs/ref/#highlight.Tag^defineModifier) names, separated by
-    spaces. For example `"keyword"` or "`variableName.constant"`.
-    
-    It is okay to return a zero-length token, but only if that
-    updates the state so that the next call will return a non-empty
-    token again.
-    */
-    token(stream: StringStream, state: State): string | null;
-    /**
-    This notifies the parser of a blank line in the input. It can
-    update its state here if it needs to.
-    */
-    blankLine?(state: State, indentUnit: number): void;
-    /**
-    Produce a start state for the parser.
-    */
-    startState?(indentUnit: number): State;
-    /**
-    Copy a given state. By default, a shallow object copy is done
-    which also copies arrays held at the top level of the object.
-    */
-    copyState?(state: State): State;
-    /**
-    Compute automatic indentation for the line that starts with the
-    given state and text.
-    */
-    indent?(state: State, textAfter: string, context: IndentContext): number | null;
-    /**
-    Default [language data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) to
-    attach to this language.
-    */
-    languageData?: {
-        [name: string]: any;
-    };
-}
-/**
-A [language](https://codemirror.net/6/docs/ref/#language.Language) class based on a streaming
-parser.
-*/
-declare class StreamLanguage<State> extends Language {
-    private constructor();
-    static define<State>(spec: StreamParser<State>): StreamLanguage<State>;
-    private getIndent;
-    get allowsNesting(): boolean;
-}
-
-declare const julia$1: StreamParser<unknown>
-
-declare type JuliaLanguageConfig = {
-    /** Enable keyword completion */
-    enableKeywordCompletion?: boolean;
-};
-declare function julia(config?: JuliaLanguageConfig): LanguageSupport;
-
-declare type Handlers = {
-    [event: string]: (view: EditorView, line: BlockInfo, event: Event) => boolean;
-};
-interface LineNumberConfig {
-    /**
-    How to display line numbers. Defaults to simply converting them
-    to string.
-    */
-    formatNumber?: (lineNo: number, state: EditorState) => string;
-    /**
-    Supply event handlers for DOM events on this gutter.
-    */
-    domEventHandlers?: Handlers;
-}
-/**
-Create a line number gutter extension.
-*/
-declare function lineNumbers(config?: LineNumberConfig): Extension;
-
-interface HistoryConfig {
-    /**
-    The minimum depth (amount of events) to store. Defaults to 100.
-    */
-    minDepth?: number;
-    /**
-    The maximum time (in milliseconds) that adjacent events can be
-    apart and still be grouped together. Defaults to 500.
-    */
-    newGroupDelay?: number;
-}
-/**
-Create a history extension with the given configuration.
-*/
-declare function history(config?: HistoryConfig): Extension;
-/**
-Default key bindings for the undo history.
-
-- Mod-z: [`undo`](https://codemirror.net/6/docs/ref/#history.undo).
-- Mod-y (Mod-Shift-z on macOS): [`redo`](https://codemirror.net/6/docs/ref/#history.redo).
-- Mod-u: [`undoSelection`](https://codemirror.net/6/docs/ref/#history.undoSelection).
-- Alt-u (Mod-Shift-u on macOS): [`redoSelection`](https://codemirror.net/6/docs/ref/#history.redoSelection).
-*/
-declare const historyKeymap: readonly KeyBinding[];
-
-/**
-Add a [unit](https://codemirror.net/6/docs/ref/#language.indentUnit) of indentation to all selected
-lines.
-*/
-declare const indentMore: StateCommand;
-/**
-Remove a [unit](https://codemirror.net/6/docs/ref/#language.indentUnit) of indentation from all
-selected lines.
-*/
-declare const indentLess: StateCommand;
-/**
-The default keymap. Includes all bindings from
-[`standardKeymap`](https://codemirror.net/6/docs/ref/#commands.standardKeymap) plus the following:
-
-- Alt-ArrowLeft (Ctrl-ArrowLeft on macOS): [`cursorSyntaxLeft`](https://codemirror.net/6/docs/ref/#commands.cursorSyntaxLeft) ([`selectSyntaxLeft`](https://codemirror.net/6/docs/ref/#commands.selectSyntaxLeft) with Shift)
-- Alt-ArrowRight (Ctrl-ArrowRight on macOS): [`cursorSyntaxRight`](https://codemirror.net/6/docs/ref/#commands.cursorSyntaxRight) ([`selectSyntaxRight`](https://codemirror.net/6/docs/ref/#commands.selectSyntaxRight) with Shift)
-- Alt-ArrowUp: [`moveLineUp`](https://codemirror.net/6/docs/ref/#commands.moveLineUp)
-- Alt-ArrowDown: [`moveLineDown`](https://codemirror.net/6/docs/ref/#commands.moveLineDown)
-- Shift-Alt-ArrowUp: [`copyLineUp`](https://codemirror.net/6/docs/ref/#commands.copyLineUp)
-- Shift-Alt-ArrowDown: [`copyLineDown`](https://codemirror.net/6/docs/ref/#commands.copyLineDown)
-- Escape: [`simplifySelection`](https://codemirror.net/6/docs/ref/#commands.simplifySelection)
-- Ctrl-Enter (Comd-Enter on macOS): [`insertBlankLine`](https://codemirror.net/6/docs/ref/#commands.insertBlankLine)
-- Alt-l (Ctrl-l on macOS): [`selectLine`](https://codemirror.net/6/docs/ref/#commands.selectLine)
-- Ctrl-i (Cmd-i on macOS): [`selectParentSyntax`](https://codemirror.net/6/docs/ref/#commands.selectParentSyntax)
-- Ctrl-[ (Cmd-[ on macOS): [`indentLess`](https://codemirror.net/6/docs/ref/#commands.indentLess)
-- Ctrl-] (Cmd-] on macOS): [`indentMore`](https://codemirror.net/6/docs/ref/#commands.indentMore)
-- Ctrl-Alt-\\ (Cmd-Alt-\\ on macOS): [`indentSelection`](https://codemirror.net/6/docs/ref/#commands.indentSelection)
-- Shift-Ctrl-k (Shift-Cmd-k on macOS): [`deleteLine`](https://codemirror.net/6/docs/ref/#commands.deleteLine)
-- Shift-Ctrl-\\ (Shift-Cmd-\\ on macOS): [`cursorMatchingBracket`](https://codemirror.net/6/docs/ref/#commands.cursorMatchingBracket)
-*/
-declare const defaultKeymap: readonly KeyBinding[];
-
-/**
-Highlighting tags are markers that denote a highlighting category.
-They are [associated](https://codemirror.net/6/docs/ref/#highlight.styleTags) with parts of a syntax
-tree by a language mode, and then mapped to an actual CSS style by
-a [highlight style](https://codemirror.net/6/docs/ref/#highlight.HighlightStyle).
-
-Because syntax tree node types and highlight styles have to be
-able to talk the same language, CodeMirror uses a mostly _closed_
-[vocabulary](https://codemirror.net/6/docs/ref/#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](https://codemirror.net/6/docs/ref/#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).
-*/
-declare class Tag {
-    /**
-    Define a new tag. If `parent` is given, the tag is treated as a
-    sub-tag of that parent, and [highlight
-    styles](https://codemirror.net/6/docs/ref/#highlight.HighlightStyle) that don't mention this tag
-    will try to fall back to the parent tag (or grandparent tag,
-    etc).
-    */
-    static define(parent?: Tag): 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.
-    */
-    static defineModifier(): (tag: Tag) => Tag;
-}
-/**
-A highlight style associates CSS styles with higlighting
-[tags](https://codemirror.net/6/docs/ref/#highlight.Tag).
-*/
-declare class HighlightStyle {
-    /**
-    Extension that registers this style with an editor. When
-    multiple highlight styles are given, they _all_ apply, assigning
-    the combination of their matching styles to tokens.
-    */
-    readonly extension: Extension;
-    /**
-    An extension that installs this highlighter as a fallback
-    highlight style, which will only be used if no other highlight
-    styles are configured.
-    */
-    readonly fallback: Extension;
-    /**
-    A style module holding the CSS rules for this highlight style.
-    When using [`highlightTree`](https://codemirror.net/6/docs/ref/#highlight.highlightTree), you may
-    want to manually mount this module to show the highlighting.
-    */
-    readonly module: StyleModule | null;
-    private map;
-    private scope;
-    private all;
-    private constructor();
-    /**
-    Returns the CSS class associated with the given tag, if any.
-    This method is bound to the instance by the constructor.
-    */
-    match(tag: Tag, scope: NodeType): string | null;
-    /**
-    Combines an array of highlight styles into a single match
-    function that returns all of the classes assigned by the styles
-    for a given tag.
-    */
-    static combinedMatch(styles: readonly HighlightStyle[]): (tag: Tag, scope: NodeType) => any;
-    /**
-    Create a highlighter style that associates the given styles to
-    the given tags. The spec must be objects that hold a style tag
-    or array of tags in their `tag` property, and either a single
-    `class` property providing a static CSS class (for highlighters
-    like [`classHighlightStyle`](https://codemirror.net/6/docs/ref/#highlight.classHighlightStyle)
-    that rely on external styling), or a
-    [`style-mod`](https://github.com/marijnh/style-mod#documentation)-style
-    set of CSS properties (which define the styling for those tags).
-    
-    The CSS rules created for a highlighter will be emitted in the
-    order of the spec's properties. That means that for elements that
-    have multiple tags associated with them, styles defined further
-    down in the list will have a higher CSS precedence than styles
-    defined earlier.
-    */
-    static define(specs: readonly TagStyle[], options?: {
-        /**
-        By default, highlighters apply to the entire document. You can
-        scope them to a single language by providing the language's
-        [top node](https://codemirror.net/6/docs/ref/#language.Language.topNode) here.
-        */
-        scope?: NodeType;
-        /**
-        Add a style to _all_ content. Probably only useful in
-        combination with `scope`.
-        */
-        all?: string | StyleSpec;
-    }): HighlightStyle;
-    /**
-    Returns the CSS classes (if any) that the highlight styles
-    active in the given state would assign to the given a style
-    [tag](https://codemirror.net/6/docs/ref/#highlight.Tag) and (optional) language
-    [scope](https://codemirror.net/6/docs/ref/#highlight.HighlightStyle^define^options.scope).
-    */
-    static get(state: EditorState, tag: Tag, scope?: NodeType): string | null;
-}
-/**
-The type of object used in
-[`HighlightStyle.define`](https://codemirror.net/6/docs/ref/#highlight.HighlightStyle^define).
-Assigns a style to one or more highlighting
-[tags](https://codemirror.net/6/docs/ref/#highlight.Tag), which can either be a fixed class name
-(which must be defined elsewhere), or a set of CSS properties, for
-which the library will define an anonymous class.
-*/
-interface TagStyle {
-    /**
-    The tag or tags to target.
-    */
-    tag: Tag | readonly Tag[];
-    /**
-    If given, this maps the tags to a fixed class name.
-    */
-    class?: string;
-    /**
-    Any further properties (if `class` isn't given) will be
-    interpreted as in style objects given to
-    [style-mod](https://github.com/marijnh/style-mod#documentation).
-    The type here is `any` because of TypeScript limitations.
-    */
-    [styleProperty: string]: any;
-}
-/**
-The default set of highlighting [tags](https://codemirror.net/6/docs/ref/#highlight.Tag^define) used
-by regular language packages and themes.
-
-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](https://codemirror.net/6/docs/ref/#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.
-*/
-declare const tags: {
-    /**
-    A comment.
-    */
-    comment: Tag;
-    /**
-    A line [comment](https://codemirror.net/6/docs/ref/#highlight.tags.comment).
-    */
-    lineComment: Tag;
-    /**
-    A block [comment](https://codemirror.net/6/docs/ref/#highlight.tags.comment).
-    */
-    blockComment: Tag;
-    /**
-    A documentation [comment](https://codemirror.net/6/docs/ref/#highlight.tags.comment).
-    */
-    docComment: Tag;
-    /**
-    Any kind of identifier.
-    */
-    name: Tag;
-    /**
-    The [name](https://codemirror.net/6/docs/ref/#highlight.tags.name) of a variable.
-    */
-    variableName: Tag;
-    /**
-    A type [name](https://codemirror.net/6/docs/ref/#highlight.tags.name).
-    */
-    typeName: Tag;
-    /**
-    A tag name (subtag of [`typeName`](https://codemirror.net/6/docs/ref/#highlight.tags.typeName)).
-    */
-    tagName: Tag;
-    /**
-    A property or field [name](https://codemirror.net/6/docs/ref/#highlight.tags.name).
-    */
-    propertyName: Tag;
-    /**
-    An attribute name (subtag of [`propertyName`](https://codemirror.net/6/docs/ref/#highlight.tags.propertyName)).
-    */
-    attributeName: Tag;
-    /**
-    The [name](https://codemirror.net/6/docs/ref/#highlight.tags.name) of a class.
-    */
-    className: Tag;
-    /**
-    A label [name](https://codemirror.net/6/docs/ref/#highlight.tags.name).
-    */
-    labelName: Tag;
-    /**
-    A namespace [name](https://codemirror.net/6/docs/ref/#highlight.tags.name).
-    */
-    namespace: Tag;
-    /**
-    The [name](https://codemirror.net/6/docs/ref/#highlight.tags.name) of a macro.
-    */
-    macroName: Tag;
-    /**
-    A literal value.
-    */
-    literal: Tag;
-    /**
-    A string [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal).
-    */
-    string: Tag;
-    /**
-    A documentation [string](https://codemirror.net/6/docs/ref/#highlight.tags.string).
-    */
-    docString: Tag;
-    /**
-    A character literal (subtag of [string](https://codemirror.net/6/docs/ref/#highlight.tags.string)).
-    */
-    character: Tag;
-    /**
-    An attribute value (subtag of [string](https://codemirror.net/6/docs/ref/#highlight.tags.string)).
-    */
-    attributeValue: Tag;
-    /**
-    A number [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal).
-    */
-    number: Tag;
-    /**
-    An integer [number](https://codemirror.net/6/docs/ref/#highlight.tags.number) literal.
-    */
-    integer: Tag;
-    /**
-    A floating-point [number](https://codemirror.net/6/docs/ref/#highlight.tags.number) literal.
-    */
-    float: Tag;
-    /**
-    A boolean [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal).
-    */
-    bool: Tag;
-    /**
-    Regular expression [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal).
-    */
-    regexp: Tag;
-    /**
-    An escape [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal), for example a
-    backslash escape in a string.
-    */
-    escape: Tag;
-    /**
-    A color [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal).
-    */
-    color: Tag;
-    /**
-    A URL [literal](https://codemirror.net/6/docs/ref/#highlight.tags.literal).
-    */
-    url: Tag;
-    /**
-    A language keyword.
-    */
-    keyword: Tag;
-    /**
-    The [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword) for the self or this
-    object.
-    */
-    self: Tag;
-    /**
-    The [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword) for null.
-    */
-    null: Tag;
-    /**
-    A [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword) denoting some atomic value.
-    */
-    atom: Tag;
-    /**
-    A [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword) that represents a unit.
-    */
-    unit: Tag;
-    /**
-    A modifier [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword).
-    */
-    modifier: Tag;
-    /**
-    A [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword) that acts as an operator.
-    */
-    operatorKeyword: Tag;
-    /**
-    A control-flow related [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword).
-    */
-    controlKeyword: Tag;
-    /**
-    A [keyword](https://codemirror.net/6/docs/ref/#highlight.tags.keyword) that defines something.
-    */
-    definitionKeyword: Tag;
-    /**
-    An operator.
-    */
-    operator: Tag;
-    /**
-    An [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator) that defines something.
-    */
-    derefOperator: Tag;
-    /**
-    Arithmetic-related [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator).
-    */
-    arithmeticOperator: Tag;
-    /**
-    Logical [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator).
-    */
-    logicOperator: Tag;
-    /**
-    Bit [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator).
-    */
-    bitwiseOperator: Tag;
-    /**
-    Comparison [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator).
-    */
-    compareOperator: Tag;
-    /**
-    [Operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator) that updates its operand.
-    */
-    updateOperator: Tag;
-    /**
-    [Operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator) that defines something.
-    */
-    definitionOperator: Tag;
-    /**
-    Type-related [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator).
-    */
-    typeOperator: Tag;
-    /**
-    Control-flow [operator](https://codemirror.net/6/docs/ref/#highlight.tags.operator).
-    */
-    controlOperator: Tag;
-    /**
-    Program or markup punctuation.
-    */
-    punctuation: Tag;
-    /**
-    [Punctuation](https://codemirror.net/6/docs/ref/#highlight.tags.punctuation) that separates
-    things.
-    */
-    separator: Tag;
-    /**
-    Bracket-style [punctuation](https://codemirror.net/6/docs/ref/#highlight.tags.punctuation).
-    */
-    bracket: Tag;
-    /**
-    Angle [brackets](https://codemirror.net/6/docs/ref/#highlight.tags.bracket) (usually `<` and `>`
-    tokens).
-    */
-    angleBracket: Tag;
-    /**
-    Square [brackets](https://codemirror.net/6/docs/ref/#highlight.tags.bracket) (usually `[` and `]`
-    tokens).
-    */
-    squareBracket: Tag;
-    /**
-    Parentheses (usually `(` and `)` tokens). Subtag of
-    [bracket](https://codemirror.net/6/docs/ref/#highlight.tags.bracket).
-    */
-    paren: Tag;
-    /**
-    Braces (usually `{` and `}` tokens). Subtag of
-    [bracket](https://codemirror.net/6/docs/ref/#highlight.tags.bracket).
-    */
-    brace: Tag;
-    /**
-    Content, for example plain text in XML or markup documents.
-    */
-    content: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that represents a heading.
-    */
-    heading: Tag;
-    /**
-    A level 1 [heading](https://codemirror.net/6/docs/ref/#highlight.tags.heading).
-    */
-    heading1: Tag;
-    /**
-    A level 2 [heading](https://codemirror.net/6/docs/ref/#highlight.tags.heading).
-    */
-    heading2: Tag;
-    /**
-    A level 3 [heading](https://codemirror.net/6/docs/ref/#highlight.tags.heading).
-    */
-    heading3: Tag;
-    /**
-    A level 4 [heading](https://codemirror.net/6/docs/ref/#highlight.tags.heading).
-    */
-    heading4: Tag;
-    /**
-    A level 5 [heading](https://codemirror.net/6/docs/ref/#highlight.tags.heading).
-    */
-    heading5: Tag;
-    /**
-    A level 6 [heading](https://codemirror.net/6/docs/ref/#highlight.tags.heading).
-    */
-    heading6: Tag;
-    /**
-    A prose separator (such as a horizontal rule).
-    */
-    contentSeparator: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that represents a list.
-    */
-    list: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that represents a quote.
-    */
-    quote: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that is emphasized.
-    */
-    emphasis: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that is styled strong.
-    */
-    strong: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that is part of a link.
-    */
-    link: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that is styled as code or
-    monospace.
-    */
-    monospace: Tag;
-    /**
-    [Content](https://codemirror.net/6/docs/ref/#highlight.tags.content) that has a strike-through
-    style.
-    */
-    strikethrough: Tag;
-    /**
-    Inserted text in a change-tracking format.
-    */
-    inserted: Tag;
-    /**
-    Deleted text.
-    */
-    deleted: Tag;
-    /**
-    Changed text.
-    */
-    changed: Tag;
-    /**
-    An invalid or unsyntactic element.
-    */
-    invalid: Tag;
-    /**
-    Metadata or meta-instruction.
-    */
-    meta: Tag;
-    /**
-    [Metadata](https://codemirror.net/6/docs/ref/#highlight.tags.meta) that applies to the entire
-    document.
-    */
-    documentMeta: Tag;
-    /**
-    [Metadata](https://codemirror.net/6/docs/ref/#highlight.tags.meta) that annotates or adds
-    attributes to a given syntactic element.
-    */
-    annotation: Tag;
-    /**
-    Processing instruction or preprocessor directive. Subtag of
-    [meta](https://codemirror.net/6/docs/ref/#highlight.tags.meta).
-    */
-    processingInstruction: Tag;
-    /**
-    [Modifier](https://codemirror.net/6/docs/ref/#highlight.Tag^defineModifier) that indicates that a
-    given element is being defined. Expected to be used with the
-    various [name](https://codemirror.net/6/docs/ref/#highlight.tags.name) tags.
-    */
-    definition: (tag: Tag) => Tag;
-    /**
-    [Modifier](https://codemirror.net/6/docs/ref/#highlight.Tag^defineModifier) that indicates that
-    something is constant. Mostly expected to be used with
-    [variable names](https://codemirror.net/6/docs/ref/#highlight.tags.variableName).
-    */
-    constant: (tag: Tag) => Tag;
-    /**
-    [Modifier](https://codemirror.net/6/docs/ref/#highlight.Tag^defineModifier) used to indicate that
-    a [variable](https://codemirror.net/6/docs/ref/#highlight.tags.variableName) or [property
-    name](https://codemirror.net/6/docs/ref/#highlight.tags.propertyName) is being called or defined
-    as a function.
-    */
-    function: (tag: Tag) => Tag;
-    /**
-    [Modifier](https://codemirror.net/6/docs/ref/#highlight.Tag^defineModifier) that can be applied to
-    [names](https://codemirror.net/6/docs/ref/#highlight.tags.name) to indicate that they belong to
-    the language's standard environment.
-    */
-    standard: (tag: Tag) => Tag;
-    /**
-    [Modifier](https://codemirror.net/6/docs/ref/#highlight.Tag^defineModifier) that indicates a given
-    [names](https://codemirror.net/6/docs/ref/#highlight.tags.name) is local to some scope.
-    */
-    local: (tag: Tag) => Tag;
-    /**
-    A generic variant [modifier](https://codemirror.net/6/docs/ref/#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](https://codemirror.net/6/docs/ref/#highlight.tags.string) and
-    [variable name](https://codemirror.net/6/docs/ref/#highlight.tags.variableName) tags, since those
-    come up a lot.
-    */
-    special: (tag: Tag) => Tag;
-};
-/**
-A default highlight style (works well with light themes).
-*/
-declare const defaultHighlightStyle: HighlightStyle;
-
-/**
-Create an extension that enables rectangular selections. By
-default, it will react to left mouse drag with the Alt key held
-down. When such a selection occurs, the text within the rectangle
-that was dragged over will be selected, as one selection
-[range](https://codemirror.net/6/docs/ref/#state.SelectionRange) per line.
-*/
-declare function rectangularSelection(options?: {
-    /**
-    A custom predicate function, which takes a `mousedown` event and
-    returns true if it should be used for rectangular selection.
-    */
-    eventFilter?: (event: MouseEvent) => boolean;
-}): Extension;
-
-/**
-Default fold-related key bindings.
-
- - Ctrl-Shift-[ (Cmd-Alt-[ on macOS): [`foldCode`](https://codemirror.net/6/docs/ref/#fold.foldCode).
- - Ctrl-Shift-] (Cmd-Alt-] on macOS): [`unfoldCode`](https://codemirror.net/6/docs/ref/#fold.unfoldCode).
- - Ctrl-Alt-[: [`foldAll`](https://codemirror.net/6/docs/ref/#fold.foldAll).
- - Ctrl-Alt-]: [`unfoldAll`](https://codemirror.net/6/docs/ref/#fold.unfoldAll).
-*/
-declare const foldKeymap: readonly KeyBinding[];
-interface FoldGutterConfig {
-    /**
-    A function that creates the DOM element used to indicate a
-    given line is folded or can be folded.
-    When not given, the `openText`/`closeText` option will be used instead.
-    */
-    markerDOM?: ((open: boolean) => HTMLElement) | null;
-    /**
-    Text used to indicate that a given line can be folded.
-    Defaults to `"⌄"`.
-    */
-    openText?: string;
-    /**
-    Text used to indicate that a given line is folded.
-    Defaults to `"›"`.
-    */
-    closedText?: string;
-}
-/**
-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).
-*/
-declare function foldGutter(config?: FoldGutterConfig): Extension;
-
-interface Config {
-    /**
-    Whether the bracket matching should look at the character after
-    the cursor when matching (if the one before isn't a bracket).
-    Defaults to true.
-    */
-    afterCursor?: boolean;
-    /**
-    The bracket characters to match, as a string of pairs. Defaults
-    to `"()[]{}"`. Note that these are only used as fallback when
-    there is no [matching
-    information](https://lezer.codemirror.net/docs/ref/#common.NodeProp^closedBy)
-    in the syntax tree.
-    */
-    brackets?: string;
-    /**
-    The maximum distance to scan for matching brackets. This is only
-    relevant for brackets not encoded in the syntax tree. Defaults
-    to 10 000.
-    */
-    maxScanDistance?: number;
-}
-/**
-Create an extension that enables bracket matching. Whenever the
-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.
-*/
-declare function bracketMatching(config?: Config): Extension;
-
-/**
-Extension to enable bracket-closing behavior. When a closeable
-bracket is typed, its closing bracket is immediately inserted
-after the cursor. When closing a bracket directly in front of a
-closing bracket inserted by the extension, the cursor moves over
-that bracket.
-*/
-declare function closeBrackets(): Extension;
-/**
-Close-brackets related key bindings. Binds Backspace to
-[`deleteBracketPair`](https://codemirror.net/6/docs/ref/#closebrackets.deleteBracketPair).
-*/
-declare const closeBracketsKeymap: readonly KeyBinding[];
-
-interface CompletionConfig {
-    /**
-    When enabled (defaults to true), autocompletion will start
-    whenever the user types something that can be completed.
-    */
-    activateOnTyping?: boolean;
-    /**
-    Override the completion sources used. By default, they will be
-    taken from the `"autocomplete"` [language
-    data](https://codemirror.net/6/docs/ref/#state.EditorState.languageDataAt) (which should hold
-    [completion sources](https://codemirror.net/6/docs/ref/#autocomplete.CompletionSource) or arrays
-    of [completions](https://codemirror.net/6/docs/ref/#autocomplete.Completion)).
-    */
-    override?: readonly CompletionSource[] | null;
-    /**
-    The maximum number of options to render to the DOM.
-    */
-    maxRenderedOptions?: number;
-    /**
-    Set this to false to disable the [default completion
-    keymap](https://codemirror.net/6/docs/ref/#autocomplete.completionKeymap). (This requires you to
-    add bindings to control completion yourself. The bindings should
-    probably have a higher precedence than other bindings for the
-    same keys.)
-    */
-    defaultKeymap?: boolean;
-    /**
-    By default, completions are shown below the cursor when there is
-    space. Setting this to true will make the extension put the
-    completions above the cursor when possible.
-    */
-    aboveCursor?: boolean;
-    /**
-    This can be used to add additional CSS classes to completion
-    options.
-    */
-    optionClass?: (completion: Completion) => string;
-    /**
-    By default, the library will render icons based on the
-    completion's [type](https://codemirror.net/6/docs/ref/#autocomplete.Completion.type) in front of
-    each option. Set this to false to turn that off.
-    */
-    icons?: boolean;
-    /**
-    This option can be used to inject additional content into
-    options. The `render` function will be called for each visible
-    completion, and should produce a DOM node to show. `position`
-    determines where in the DOM the result appears, relative to
-    other added widgets and the standard content. The default icons
-    have position 20, the label position 50, and the detail position
-    70.
-    */
-    addToOptions?: {
-        render: (completion: Completion, state: EditorState) => Node | null;
-        position: number;
-    }[];
-}
-
-/**
-Objects type used to represent individual completions.
-*/
-interface Completion {
-    /**
-    The label to show in the completion picker. This is what input
-    is matched agains to determine whether a completion matches (and
-    how well it matches).
-    */
-    label: string;
-    /**
-    An optional short piece of information to show (with a different
-    style) after the label.
-    */
-    detail?: string;
-    /**
-    Additional info to show when the completion is selected. Can be
-    a plain string or a function that'll render the DOM structure to
-    show when invoked.
-    */
-    info?: string | ((completion: Completion) => (Node | Promise<Node>));
-    /**
-    How to apply the completion. The default is to replace it with
-    its [label](https://codemirror.net/6/docs/ref/#autocomplete.Completion.label). When this holds a
-    string, the completion range is replaced by that string. When it
-    is a function, that function is called to perform the
-    completion. If it fires a transaction, it is responsible for
-    adding the [`pickedCompletion`](https://codemirror.net/6/docs/ref/#autocomplete.pickedCompletion)
-    annotation to it.
-    */
-    apply?: string | ((view: EditorView, completion: Completion, from: number, to: number) => void);
-    /**
-    The type of the completion. This is used to pick an icon to show
-    for the completion. Icons are styled with a CSS class created by
-    appending the type name to `"cm-completionIcon-"`. You can
-    define or restyle icons by defining these selectors. The base
-    library defines simple icons for `class`, `constant`, `enum`,
-    `function`, `interface`, `keyword`, `method`, `namespace`,
-    `property`, `text`, `type`, and `variable`.
-    
-    Multiple types can be provided by separating them with spaces.
-    */
-    type?: string;
-    /**
-    When given, should be a number from -99 to 99 that adjusts how
-    this completion is ranked compared to other completions that
-    match the input as well as this one. A negative number moves it
-    down the list, a positive number moves it up.
-    */
-    boost?: number;
-}
-/**
-An instance of this is passed to completion source functions.
-*/
-declare class CompletionContext {
-    /**
-    The editor state that the completion happens in.
-    */
-    readonly state: EditorState;
-    /**
-    The position at which the completion is happening.
-    */
-    readonly pos: number;
-    /**
-    Indicates whether completion was activated explicitly, or
-    implicitly by typing. The usual way to respond to this is to
-    only return completions when either there is part of a
-    completable entity before the cursor, or `explicit` is true.
-    */
-    readonly explicit: boolean;
-    /**
-    Create a new completion context. (Mostly useful for testing
-    completion sources—in the editor, the extension will create
-    these for you.)
-    */
-    constructor(
-    /**
-    The editor state that the completion happens in.
-    */
-    state: EditorState, 
-    /**
-    The position at which the completion is happening.
-    */
-    pos: number, 
-    /**
-    Indicates whether completion was activated explicitly, or
-    implicitly by typing. The usual way to respond to this is to
-    only return completions when either there is part of a
-    completable entity before the cursor, or `explicit` is true.
-    */
-    explicit: boolean);
-    /**
-    Get the extent, content, and (if there is a token) type of the
-    token before `this.pos`.
-    */
-    tokenBefore(types: readonly string[]): {
-        from: number;
-        to: number;
-        text: string;
-        type: NodeType;
-    } | null;
-    /**
-    Get the match of the given expression directly before the
-    cursor.
-    */
-    matchBefore(expr: RegExp): {
-        from: number;
-        to: number;
-        text: string;
-    } | null;
-    /**
-    Yields true when the query has been aborted. Can be useful in
-    asynchronous queries to avoid doing work that will be ignored.
-    */
-    get aborted(): boolean;
-    /**
-    Allows you to register abort handlers, which will be called when
-    the query is
-    [aborted](https://codemirror.net/6/docs/ref/#autocomplete.CompletionContext.aborted).
-    */
-    addEventListener(type: "abort", listener: () => void): void;
-}
-/**
-The function signature for a completion source. Such a function
-may return its [result](https://codemirror.net/6/docs/ref/#autocomplete.CompletionResult)
-synchronously or as a promise. Returning null indicates no
-completions are available.
-*/
-declare type CompletionSource = (context: CompletionContext) => CompletionResult | null | Promise<CompletionResult | null>;
-/**
-Interface for objects returned by completion sources.
-*/
-interface CompletionResult {
-    /**
-    The start of the range that is being completed.
-    */
-    from: number;
-    /**
-    The end of the range that is being completed. Defaults to the
-    main cursor position.
-    */
-    to?: number;
-    /**
-    The completions returned. These don't have to be compared with
-    the input by the source—the autocompletion system will do its
-    own matching (against the text between `from` and `to`) and
-    sorting.
-    */
-    options: readonly Completion[];
-    /**
-    When given, further input that causes the part of the document
-    between ([mapped](https://codemirror.net/6/docs/ref/#state.ChangeDesc.mapPos)) `from` and `to` to
-    match this regular expression will not query the completion
-    source again, but continue with this list of options. This can
-    help a lot with responsiveness, since it allows the completion
-    list to be updated synchronously.
-    */
-    span?: RegExp;
-    /**
-    By default, the library filters and scores completions. Set
-    `filter` to `false` to disable this, and cause your completions
-    to all be included, in the order they were given. When there are
-    other sources, unfiltered completions appear at the top of the
-    list of completions. `span` must not be given when `filter` is
-    `false`, because it only works when filtering.
-    */
-    filter?: boolean;
-}
-
-/**
-Returns an extension that enables autocompletion.
-*/
-declare function autocompletion(config?: CompletionConfig): Extension;
-/**
-Basic keybindings for autocompletion.
-
- - Ctrl-Space: [`startCompletion`](https://codemirror.net/6/docs/ref/#autocomplete.startCompletion)
- - Escape: [`closeCompletion`](https://codemirror.net/6/docs/ref/#autocomplete.closeCompletion)
- - ArrowDown: [`moveCompletionSelection`](https://codemirror.net/6/docs/ref/#autocomplete.moveCompletionSelection)`(true)`
- - ArrowUp: [`moveCompletionSelection`](https://codemirror.net/6/docs/ref/#autocomplete.moveCompletionSelection)`(false)`
- - PageDown: [`moveCompletionSelection`](https://codemirror.net/6/docs/ref/#autocomplete.moveCompletionSelection)`(true, "page")`
- - PageDown: [`moveCompletionSelection`](https://codemirror.net/6/docs/ref/#autocomplete.moveCompletionSelection)`(true, "page")`
- - Enter: [`acceptCompletion`](https://codemirror.net/6/docs/ref/#autocomplete.acceptCompletion)
-*/
-declare const completionKeymap: readonly KeyBinding[];
-
-declare type HighlightOptions = {
-    /**
-    Determines whether, when nothing is selected, the word around
-    the cursor is matched instead. Defaults to false.
-    */
-    highlightWordAroundCursor?: boolean;
-    /**
-    The minimum length of the selection before it is highlighted.
-    Defaults to 1 (always highlight non-cursor selections).
-    */
-    minSelectionLength?: number;
-    /**
-    The amount of matches (in the viewport) at which to disable
-    highlighting. Defaults to 100.
-    */
-    maxMatches?: number;
-};
-/**
-This extension highlights text that matches the selection. It uses
-the `"cm-selectionMatch"` class for the highlighting. When
-`highlightWordAroundCursor` is enabled, the word at the cursor
-itself will be highlighted with `"cm-selectionMatch-main"`.
-*/
-declare function highlightSelectionMatches(options?: HighlightOptions): Extension;
-/**
-Default search-related key bindings.
-
- - Mod-f: [`openSearchPanel`](https://codemirror.net/6/docs/ref/#search.openSearchPanel)
- - F3, Mod-g: [`findNext`](https://codemirror.net/6/docs/ref/#search.findNext)
- - Shift-F3, Shift-Mod-g: [`findPrevious`](https://codemirror.net/6/docs/ref/#search.findPrevious)
- - Alt-g: [`gotoLine`](https://codemirror.net/6/docs/ref/#search.gotoLine)
- - Mod-d: [`selectNextOccurrence`](https://codemirror.net/6/docs/ref/#search.selectNextOccurrence)
-*/
-declare const searchKeymap: readonly KeyBinding[];
-
-/**
-Default key bindings for this package.
-
- - Ctrl-/ (Cmd-/ on macOS): [`toggleComment`](https://codemirror.net/6/docs/ref/#comment.toggleComment).
- - Shift-Alt-a: [`toggleBlockComment`](https://codemirror.net/6/docs/ref/#comment.toggleBlockComment).
-*/
-declare const commentKeymap: readonly KeyBinding[];
-
-declare class LeafBlock {
-    readonly start: number;
-    content: string;
-}
-declare class Line {
-    text: string;
-    baseIndent: number;
-    basePos: number;
-    pos: number;
-    indent: number;
-    next: number;
-    skipSpace(from: number): number;
-    moveBase(to: number): void;
-    moveBaseColumn(indent: number): void;
-    addMarker(elt: Element$1): void;
-    countIndent(to: number, from?: number, indent?: number): number;
-    findColumn(goal: number): number;
-}
-declare type BlockResult = boolean | null;
-declare class BlockContext implements PartialParse {
-    readonly parser: MarkdownParser;
-    private line;
-    private atEnd;
-    private fragments;
-    private to;
-    stoppedAt: number | null;
-    lineStart: number;
-    get parsedPos(): number;
-    advance(): Tree;
-    stopAt(pos: number): void;
-    private reuseFragment;
-    nextLine(): boolean;
-    private moveRangeI;
-    private lineChunkAt;
-    prevLineEnd(): number;
-    startComposite(type: string, start: number, value?: number): void;
-    addElement(elt: Element$1): void;
-    addLeafElement(leaf: LeafBlock, elt: Element$1): void;
-    private finish;
-    private addGaps;
-    elt(type: string, from: number, to: number, children?: readonly Element$1[]): Element$1;
-    elt(tree: Tree, at: number): Element$1;
-}
-interface NodeSpec {
-    name: string;
-    block?: boolean;
-    composite?(cx: BlockContext, line: Line, value: number): boolean;
-}
-interface InlineParser {
-    name: string;
-    parse(cx: InlineContext, next: number, pos: number): number;
-    before?: string;
-    after?: string;
-}
-interface BlockParser {
-    name: string;
-    parse?(cx: BlockContext, line: Line): BlockResult;
-    leaf?(cx: BlockContext, leaf: LeafBlock): LeafBlockParser | null;
-    endLeaf?(cx: BlockContext, line: Line): boolean;
-    before?: string;
-    after?: string;
-}
-interface LeafBlockParser {
-    nextLine(cx: BlockContext, line: Line, leaf: LeafBlock): boolean;
-    finish(cx: BlockContext, leaf: LeafBlock): boolean;
-}
-interface MarkdownConfig {
-    props?: readonly NodePropSource[];
-    defineNodes?: readonly (string | NodeSpec)[];
-    parseBlock?: readonly BlockParser[];
-    parseInline?: readonly InlineParser[];
-    remove?: readonly string[];
-    wrap?: ParseWrapper;
-}
-declare type MarkdownExtension = MarkdownConfig | readonly MarkdownExtension[];
-declare class MarkdownParser extends Parser {
-    readonly nodeSet: NodeSet;
-    createParse(input: Input, fragments: readonly TreeFragment[], ranges: readonly {
-        from: number;
-        to: number;
-    }[]): PartialParse;
-    configure(spec: MarkdownExtension): MarkdownParser;
-    parseInline(text: string, offset: number): any[];
-}
-declare class Element$1 {
-    readonly type: number;
-    readonly from: number;
-    readonly to: number;
-}
-interface DelimiterType {
-    resolve?: string;
-    mark?: string;
-}
-declare class InlineContext {
-    readonly parser: MarkdownParser;
-    readonly text: string;
-    readonly offset: number;
-    char(pos: number): number;
-    get end(): number;
-    slice(from: number, to: number): string;
-    addDelimiter(type: DelimiterType, from: number, to: number, open: boolean, close: boolean): number;
-    addElement(elt: Element$1): number;
-    findOpeningDelimiter(type: DelimiterType): number;
-    takeContent(startIndex: number): any[];
-    skipSpace(from: number): number;
-    elt(type: string, from: number, to: number, children?: readonly Element$1[]): Element$1;
-    elt(tree: Tree, at: number): Element$1;
-}
-
-/**
-Language support for [GFM](https://github.github.com/gfm/) plus
-subscript, superscript, and emoji syntax.
-*/
-declare const markdownLanguage: Language;
-/**
-Markdown language support.
-*/
-declare function markdown(config?: {
-    /**
-    When given, this language will be used by default to parse code
-    blocks.
-    */
-    defaultCodeLanguage?: Language | LanguageSupport;
-    /**
-    A collection of language descriptions to search through for a
-    matching language (with
-    [`LanguageDescription.matchLanguageName`](https://codemirror.net/6/docs/ref/#language.LanguageDescription^matchLanguageName))
-    when a fenced code block has an info string.
-    */
-    codeLanguages?: readonly LanguageDescription[];
-    /**
-    Set this to false to disable installation of the Markdown
-    [keymap](https://codemirror.net/6/docs/ref/#lang-markdown.markdownKeymap).
-    */
-    addKeymap?: boolean;
-    /**
-    Markdown parser
-    [extensions](https://github.com/lezer-parser/markdown#user-content-markdownextension)
-    to add to the parser.
-    */
-    extensions?: MarkdownExtension;
-    /**
-    The base language to use. Defaults to
-    [`commonmarkLanguage`](https://codemirror.net/6/docs/ref/#lang-markdown.commonmarkLanguage).
-    */
-    base?: Language;
-}): LanguageSupport;
-
-/**
-A language provider based on the [Lezer HTML
-parser](https://github.com/lezer-parser/html), extended with the
-JavaScript and CSS parsers to parse the content of `<script>` and
-`<style>` tags.
-*/
-declare const htmlLanguage: LRLanguage;
-/**
-Language support for HTML, including
-[`htmlCompletion`](https://codemirror.net/6/docs/ref/#lang-html.htmlCompletion) and JavaScript and
-CSS support extensions.
-*/
-declare function html(config?: {
-    /**
-    By default, the syntax tree will highlight mismatched closing
-    tags. Set this to `false` to turn that off (for example when you
-    expect to only be parsing a fragment of HTML text, not a full
-    document).
-    */
-    matchClosingTags?: boolean;
-    /**
-    Determines whether [`autoCloseTags`](https://codemirror.net/6/docs/ref/#lang-html.autoCloseTags)
-    is included in the support extensions. Defaults to true.
-    */
-    autoCloseTags?: boolean;
-}): LanguageSupport;
-
-/**
-A language provider based on the [Lezer JavaScript
-parser](https://github.com/lezer-parser/javascript), extended with
-highlighting and indentation information.
-*/
-declare const javascriptLanguage: LRLanguage;
-/**
-JavaScript support. Includes [snippet](https://codemirror.net/6/docs/ref/#lang-javascript.snippets)
-completion.
-*/
-declare function javascript(config?: {
-    jsx?: boolean;
-    typescript?: boolean;
-}): LanguageSupport;
-
-declare type SQLDialectSpec = {
-    /**
-    A space-separated list of keywords for the dialect.
-    */
-    keywords?: string;
-    /**
-    A space-separated string of built-in identifiers for the dialect.
-    */
-    builtin?: string;
-    /**
-    A space-separated string of type names for the dialect.
-    */
-    types?: string;
-    /**
-    Controls whether regular strings allow backslash escapes.
-    */
-    backslashEscapes?: boolean;
-    /**
-    Controls whether # creates a line comment.
-    */
-    hashComments?: boolean;
-    /**
-    Controls whether `//` creates a line comment.
-    */
-    slashComments?: boolean;
-    /**
-    When enabled `--` comments are only recognized when there's a
-    space after the dashes.
-    */
-    spaceAfterDashes?: boolean;
-    /**
-    When enabled, things quoted with double quotes are treated as
-    strings, rather than identifiers.
-    */
-    doubleQuotedStrings?: boolean;
-    /**
-    Enables strings like `_utf8'str'` or `N'str'`.
-    */
-    charSetCasts?: boolean;
-    /**
-    The set of characters that make up operators. Defaults to
-    `"*+\-%<>!=&|~^/"`.
-    */
-    operatorChars?: string;
-    /**
-    The set of characters that start a special variable name.
-    Defaults to `"?"`.
-    */
-    specialVar?: string;
-    /**
-    The characters that can be used to quote identifiers. Defaults
-    to `"\""`.
-    */
-    identifierQuotes?: string;
-};
-/**
-Represents an SQL dialect.
-*/
-declare class SQLDialect {
-    /**
-    The language for this dialect.
-    */
-    readonly language: LRLanguage;
-    /**
-    Returns the language for this dialect as an extension.
-    */
-    get extension(): Extension;
-    /**
-    Define a new dialect.
-    */
-    static define(spec: SQLDialectSpec): SQLDialect;
-}
-/**
-Options used to configure an SQL extension.
-*/
-interface SQLConfig {
-    /**
-    The [dialect](https://codemirror.net/6/docs/ref/#lang-sql.SQLDialect) to use. Defaults to
-    [`StandardSQL`](https://codemirror.net/6/docs/ref/#lang-sql.StandardSQL).
-    */
-    dialect?: SQLDialect;
-    /**
-    An object that maps table names to options (columns) that can
-    be completed for that table. Use lower-case names here.
-    */
-    schema?: {
-        [table: string]: readonly (string | Completion)[];
-    };
-    /**
-    By default, the completions for the table names will be
-    generated from the `schema` object. But if you want to
-    customize them, you can pass an array of completions through
-    this option.
-    */
-    tables?: readonly Completion[];
-    /**
-    When given, columns from the named table can be completed
-    directly at the top level.
-    */
-    defaultTable?: string;
-    /**
-    When set to true, keyword completions will be upper-case.
-    */
-    upperCaseKeywords?: boolean;
-}
-/**
-SQL language support for the given SQL dialect, with keyword
-completion, and, if provided, schema-based completion as extra
-extensions.
-*/
-declare function sql(config?: SQLConfig): LanguageSupport;
-/**
-Dialect for [PostgreSQL](https://www.postgresql.org).
-*/
-declare const PostgreSQL: SQLDialect;
-
-/**
-A language provider based on the [Lezer Python
-parser](https://github.com/lezer-parser/python), extended with
-highlighting and indentation information.
-*/
-declare const pythonLanguage: LRLanguage;
-/**
-Python language support.
-*/
-declare function python(): LanguageSupport;
-
-declare type CollabConfig = {
-    /**
-    The starting document version. Defaults to 0.
-    */
-    startVersion?: number;
-    /**
-    This client's identifying [ID](https://codemirror.net/6/docs/ref/#collab.getClientID). Will be a
-    randomly generated string if not provided.
-    */
-    clientID?: string;
-    /**
-    It is possible to share information other than document changes
-    through this extension. If you provide this option, your
-    function will be called on each transaction, and the effects it
-    returns will be sent to the server, much like changes are. Such
-    effects are automatically remapped when conflicting remote
-    changes come in.
-    */
-    sharedEffects?: (tr: Transaction) => readonly StateEffect<any>[];
-};
-/**
-Create an instance of the collaborative editing plugin.
-*/
-declare function collab(config?: CollabConfig): Extension;
-
-export { Annotation, Compartment, Decoration, EditorSelection, EditorState, EditorView, Facet, HighlightStyle, NodeProp, PostgreSQL, SelectionRange, StateEffect, StateField, StreamLanguage, Text, Transaction, TreeCursor, ViewPlugin, ViewUpdate, WidgetType, autocompletion, bracketMatching, closeBrackets, closeBracketsKeymap, collab, combineConfig, commentKeymap, completionKeymap, defaultHighlightStyle, defaultKeymap, drawSelection, foldGutter, foldKeymap, highlightSelectionMatches, highlightSpecialChars, history, historyKeymap, html, htmlLanguage, indentLess, indentMore, indentOnInput, indentUnit, javascript, javascriptLanguage, julia as julia_andrey, julia$1 as julia_legacy, keymap, lineNumbers, markdown, markdownLanguage, parseMixed, placeholder, python, pythonLanguage, rectangularSelection, searchKeymap, sql, syntaxTree, tags };
+export { Annotation, Compartment, EditorSelection, EditorState, Facet, SelectionRange, StateEffect, StateField, Text, Transaction, combineConfig } from '@codemirror/state';
+export { StreamLanguage } from '@codemirror/stream-parser';
+export { julia as julia_legacy } from '@codemirror/legacy-modes/mode/julia';
+export { julia as julia_andrey } from 'lang-julia';
+export { lineNumbers } from '@codemirror/gutter';
+export { Decoration, EditorView, ViewPlugin, ViewUpdate, WidgetType, drawSelection, highlightSpecialChars, keymap, placeholder } from '@codemirror/view';
+export { history, historyKeymap } from '@codemirror/history';
+export { defaultKeymap, indentLess, indentMore } from '@codemirror/commands';
+export { HighlightStyle, defaultHighlightStyle, tags } from '@codemirror/highlight';
+export { indentOnInput, indentUnit, syntaxTree } from '@codemirror/language';
+export { rectangularSelection } from '@codemirror/rectangular-selection';
+export { foldGutter, foldKeymap } from '@codemirror/fold';
+export { bracketMatching } from '@codemirror/matchbrackets';
+export { closeBrackets, closeBracketsKeymap } from '@codemirror/closebrackets';
+export { autocompletion, completionKeymap } from '@codemirror/autocomplete';
+export { highlightSelectionMatches, searchKeymap } from '@codemirror/search';
+export { commentKeymap } from '@codemirror/comment';
+export { NodeProp, TreeCursor, parseMixed } from '@lezer/common';
+export { markdown, markdownLanguage } from '@codemirror/lang-markdown';
+export { html, htmlLanguage } from '@codemirror/lang-html';
+export { javascript, javascriptLanguage } from '@codemirror/lang-javascript';
+export { PostgreSQL, sql } from '@codemirror/lang-sql';
+export { python, pythonLanguage } from '@codemirror/lang-python';
+export { collab } from '@codemirror/collab';
diff --git a/dist/index.es.js b/dist/index.es.js
index 9dcac4c..da42950 100644
--- a/dist/index.es.js
+++ b/dist/index.es.js
@@ -2459,9 +2459,9 @@ function extendTransaction(tr) {
     }
     return spec == tr ? tr : new Transaction(state, tr.changes, tr.selection, spec.effects, spec.annotations, spec.scrollIntoView);
 }
-const none$5 = [];
+const none$4 = [];
 function asArray$1(value) {
-    return value == null ? none$5 : Array.isArray(value) ? value : [value];
+    return value == null ? none$4 : Array.isArray(value) ? value : [value];
 }
 
 /**
@@ -3176,7 +3176,7 @@ class NodeSet {
         return new NodeSet(newTypes);
     }
 }
-const CachedNode = new WeakMap();
+const CachedNode = new WeakMap(), CachedInnerNode = new WeakMap();
 /// A piece of syntax tree. There are two ways to approach these
 /// trees: the way they are actually stored in memory, and the
 /// convenient way.
@@ -3249,7 +3249,8 @@ class Tree {
     }
     /// Get a [tree cursor](#common.TreeCursor) that, unlike regular
     /// cursors, doesn't skip through
-    /// [anonymous](#common.NodeType.isAnonymous) nodes.
+    /// [anonymous](#common.NodeType.isAnonymous) nodes and doesn't
+    /// automatically enter mounted nodes.
     fullCursor() {
         return new TreeCursor(this.topNode, 1 /* Full */);
     }
@@ -3264,7 +3265,9 @@ class Tree {
     /// position. With 0, it'll only enter nodes that cover the position
     /// from both sides.
     resolve(pos, side = 0) {
-        return this.cursor(pos, side).node;
+        let node = resolveNode(CachedNode.get(this) || this.topNode, pos, side, false);
+        CachedNode.set(this, node);
+        return node;
     }
     /// Like [`resolve`](#common.Tree.resolve), but will enter
     /// [overlaid](#common.MountedTree.overlay) nodes, producing a syntax node
@@ -3272,13 +3275,9 @@ class Tree {
     /// (with parent links going through all parent structure, including
     /// the host trees).
     resolveInner(pos, side = 0) {
-        let result = this.topNode;
-        for (;;) {
-            let inner = result.enter(pos, side);
-            if (!inner)
-                return result;
-            result = inner;
-        }
+        let node = resolveNode(CachedInnerNode.get(this) || this.topNode, pos, side, true);
+        CachedInnerNode.set(this, node);
+        return node;
     }
     /// Iterate over the tree and its children, calling `enter` for any
     /// node that touches the `from`/`to` region (if given) before
@@ -3443,6 +3442,30 @@ function enterUnfinishedNodesBefore(node, pos) {
     }
     return node;
 }
+function resolveNode(node, pos, side, overlays) {
+    var _a;
+    // Move up to a node that actually holds the position, if possible
+    while (node.from == node.to ||
+        (side < 1 ? node.from >= pos : node.from > pos) ||
+        (side > -1 ? node.to <= pos : node.to < pos)) {
+        let parent = !overlays && node instanceof TreeNode && node.index < 0 ? null : node.parent;
+        if (!parent)
+            return node;
+        node = parent;
+    }
+    // Must go up out of overlays when those do not overlap with pos
+    if (overlays)
+        for (let scan = node, parent = scan.parent; parent; scan = parent, parent = scan.parent) {
+            if (scan instanceof TreeNode && scan.index < 0 && ((_a = parent.enter(pos, side, true)) === null || _a === void 0 ? void 0 : _a.from) != scan.from)
+                node = parent;
+        }
+    for (;;) {
+        let inner = node.enter(pos, side, overlays);
+        if (!inner)
+            return node;
+        node = inner;
+    }
+}
 class TreeNode {
     constructor(node, _from, 
     // Index in parent node, set to -1 if the node is not a direct child of _parent.node (overlay)
@@ -3471,7 +3494,7 @@ class TreeNode {
                 }
                 else if ((mode & 1 /* Full */) || (!next.type.isAnonymous || hasChild(next))) {
                     let mounted;
-                    if (next.props && (mounted = next.prop(NodeProp.mounted)) && !mounted.overlay)
+                    if (!(mode & 1 /* Full */) && next.props && (mounted = next.prop(NodeProp.mounted)) && !mounted.overlay)
                         return new TreeNode(mounted.tree, start, i, parent);
                     let inner = new TreeNode(next, start, i, parent);
                     return (mode & 1 /* Full */) || !inner.type.isAnonymous ? inner
@@ -3524,7 +3547,10 @@ class TreeNode {
     get tree() { return this.node; }
     toTree() { return this.node; }
     resolve(pos, side = 0) {
-        return this.cursor.moveTo(pos, side).node;
+        return resolveNode(this, pos, side, false);
+    }
+    resolveInner(pos, side = 0) {
+        return resolveNode(this, pos, side, true);
     }
     enterUnfinishedNodesBefore(pos) { return enterUnfinishedNodesBefore(this, pos); }
     getChild(type, before = null, after = null) {
@@ -3622,7 +3648,10 @@ class BufferNode {
         return new Tree(this.type, children, positions, this.to - this.from);
     }
     resolve(pos, side = 0) {
-        return this.cursor.moveTo(pos, side).node;
+        return resolveNode(this, pos, side, false);
+    }
+    resolveInner(pos, side = 0) {
+        return resolveNode(this, pos, side, true);
     }
     enterUnfinishedNodesBefore(pos) { return enterUnfinishedNodesBefore(this, pos); }
     /// @internal
@@ -3719,7 +3748,7 @@ class TreeCursor {
     /// set to false.
     enter(pos, side, overlays = true, buffers = true) {
         if (!this.buffer)
-            return this.yield(this._tree.enter(pos, side, overlays, buffers));
+            return this.yield(this._tree.enter(pos, side, overlays && !(this.mode & 1 /* Full */), buffers));
         return buffers ? this.enterChild(1, pos, side) : false;
     }
     /// Move to the node's parent node, if this isn't the top node.
@@ -4237,11 +4266,12 @@ function parseMixed(nest) {
     return (parse, input, fragments, ranges) => new MixedParse(parse, nest, input, fragments, ranges);
 }
 class InnerParse {
-    constructor(parser, parse, overlay, target) {
+    constructor(parser, parse, overlay, target, ranges) {
         this.parser = parser;
         this.parse = parse;
         this.overlay = overlay;
         this.target = target;
+        this.ranges = ranges;
     }
 }
 class ActiveOverlay {
@@ -4257,6 +4287,7 @@ class ActiveOverlay {
         this.ranges = [];
     }
 }
+const stoppedInner = new NodeProp({ perNode: true });
 class MixedParse {
     constructor(base, nest, input, fragments, ranges) {
         this.nest = nest;
@@ -4277,9 +4308,16 @@ class MixedParse {
             this.baseParse = null;
             this.baseTree = done;
             this.startInner();
+            if (this.stoppedAt != null)
+                for (let inner of this.inner)
+                    inner.parse.stopAt(this.stoppedAt);
+        }
+        if (this.innerDone == this.inner.length) {
+            let result = this.baseTree;
+            if (this.stoppedAt != null)
+                result = new Tree(result.type, result.children, result.positions, result.length, result.propValues.concat([[stoppedInner, this.stoppedAt]]));
+            return result;
         }
-        if (this.innerDone == this.inner.length)
-            return this.baseTree;
         let inner = this.inner[this.innerDone], done = inner.parse.advance();
         if (done) {
             this.innerDone++;
@@ -4296,8 +4334,12 @@ class MixedParse {
     get parsedPos() {
         if (this.baseParse)
             return 0;
-        let next = this.inner[this.innerDone];
-        return next ? next.parse.parsedPos : this.input.length;
+        let pos = this.input.length;
+        for (let i = this.innerDone; i < this.inner.length; i++) {
+            if (this.inner[i].ranges[0].from < pos)
+                pos = Math.min(pos, this.inner[i].parse.parsedPos);
+        }
+        return pos;
     }
     stopAt(pos) {
         this.stoppedAt = pos;
@@ -4312,7 +4354,7 @@ class MixedParse {
         let overlay = null;
         let covered = null;
         let cursor = new TreeCursor(new TreeNode(this.baseTree, this.ranges[0].from, 0, null), 1 /* Full */);
-        scan: for (let nest, isCovered;;) {
+        scan: for (let nest, isCovered; this.stoppedAt == null || cursor.from < this.stoppedAt;) {
             let enter = true, range;
             if (fragmentCursor.hasNode(cursor)) {
                 if (overlay) {
@@ -4339,7 +4381,7 @@ class MixedParse {
                 else {
                     let ranges = punchRanges(this.ranges, nest.overlay || [new Range$1(cursor.from, cursor.to)]);
                     if (ranges.length)
-                        this.inner.push(new InnerParse(nest.parser, nest.parser.startParse(this.input, enterFragments(oldMounts, ranges), ranges), nest.overlay ? nest.overlay.map(r => new Range$1(r.from - cursor.from, r.to - cursor.from)) : null, cursor.tree));
+                        this.inner.push(new InnerParse(nest.parser, nest.parser.startParse(this.input, enterFragments(oldMounts, ranges), ranges), nest.overlay ? nest.overlay.map(r => new Range$1(r.from - cursor.from, r.to - cursor.from)) : null, cursor.tree, ranges));
                     if (!nest.overlay)
                         enter = false;
                     else if (ranges.length)
@@ -4367,7 +4409,7 @@ class MixedParse {
                     if (overlay && !--overlay.depth) {
                         let ranges = punchRanges(this.ranges, overlay.ranges);
                         if (ranges.length)
-                            this.inner.splice(overlay.index, 0, new InnerParse(overlay.parser, overlay.parser.startParse(this.input, enterFragments(overlay.mounts, ranges), ranges), overlay.ranges.map(r => new Range$1(r.from - overlay.start, r.to - overlay.start)), overlay.target));
+                            this.inner.splice(overlay.index, 0, new InnerParse(overlay.parser, overlay.parser.startParse(this.input, enterFragments(overlay.mounts, ranges), ranges), overlay.ranges.map(r => new Range$1(r.from - overlay.start, r.to - overlay.start)), overlay.target, ranges));
                         overlay = overlay.prev;
                     }
                     if (covered && !--covered.depth)
@@ -4467,10 +4509,13 @@ class StructureCursor {
 }
 class FragmentCursor$2 {
     constructor(fragments) {
+        var _a;
         this.fragments = fragments;
+        this.curTo = 0;
         this.fragI = 0;
         if (fragments.length) {
             let first = this.curFrag = fragments[0];
+            this.curTo = (_a = first.tree.prop(stoppedInner)) !== null && _a !== void 0 ? _a : first.to;
             this.inner = new StructureCursor(first.tree, -first.offset);
         }
         else {
@@ -4478,17 +4523,19 @@ class FragmentCursor$2 {
         }
     }
     hasNode(node) {
-        while (this.curFrag && node.from >= this.curFrag.to)
+        while (this.curFrag && node.from >= this.curTo)
             this.nextFrag();
-        return this.curFrag && this.curFrag.from <= node.from && this.curFrag.to >= node.to && this.inner.hasNode(node);
+        return this.curFrag && this.curFrag.from <= node.from && this.curTo >= node.to && this.inner.hasNode(node);
     }
     nextFrag() {
+        var _a;
         this.fragI++;
         if (this.fragI == this.fragments.length) {
             this.curFrag = this.inner = null;
         }
         else {
             let frag = this.curFrag = this.fragments[this.fragI];
+            this.curTo = (_a = frag.tree.prop(stoppedInner)) !== null && _a !== void 0 ? _a : frag.to;
             this.inner = new StructureCursor(frag.tree, -frag.offset);
         }
     }
@@ -5887,7 +5934,7 @@ function scrollRectIntoView(dom, rect, side, center) {
         }
     }
 }
-class DOMSelection {
+class DOMSelectionState {
     constructor() {
         this.anchorNode = null;
         this.anchorOffset = 0;
@@ -5898,11 +5945,14 @@ class DOMSelection {
         return this.anchorNode == domSel.anchorNode && this.anchorOffset == domSel.anchorOffset &&
             this.focusNode == domSel.focusNode && this.focusOffset == domSel.focusOffset;
     }
-    set(domSel) {
-        this.anchorNode = domSel.anchorNode;
-        this.anchorOffset = domSel.anchorOffset;
-        this.focusNode = domSel.focusNode;
-        this.focusOffset = domSel.focusOffset;
+    setRange(range) {
+        this.set(range.anchorNode, range.anchorOffset, range.focusNode, range.focusOffset);
+    }
+    set(anchorNode, anchorOffset, focusNode, focusOffset) {
+        this.anchorNode = anchorNode;
+        this.anchorOffset = anchorOffset;
+        this.focusNode = focusNode;
+        this.focusOffset = focusOffset;
     }
 }
 let preventScrollSupported = null;
@@ -5971,7 +6021,7 @@ class DOMPos {
     static before(dom, precise) { return new DOMPos(dom.parentNode, domIndex(dom), precise); }
     static after(dom, precise) { return new DOMPos(dom.parentNode, domIndex(dom) + 1, precise); }
 }
-const none$3 = [];
+const noChildren = [];
 class ContentView {
     constructor() {
         this.parent = null;
@@ -6137,12 +6187,12 @@ class ContentView {
             v = parent;
         }
     }
-    replaceChildren(from, to, children = none$3) {
+    replaceChildren(from, to, children = noChildren) {
         this.markDirty();
         for (let i = from; i < to; i++) {
             let child = this.children[i];
             if (child.parent == this)
-                child.parent = null;
+                child.destroy();
         }
         this.children.splice(from, to - from, ...children);
         for (let i = 0; i < children.length; i++)
@@ -6164,6 +6214,17 @@ class ContentView {
     }
     static get(node) { return node.cmView; }
     get isEditable() { return true; }
+    merge(from, to, source, hasStart, openStart, openEnd) {
+        return false;
+    }
+    become(other) { return false; }
+    // When this is a zero-length view with a side, this should return a
+    // number <= 0 to indicate it is before its position, or a
+    // number > 0 when after its position.
+    getSide() { return 0; }
+    destroy() {
+        this.parent = null;
+    }
 }
 ContentView.prototype.breakAfter = 0;
 // Remove a DOM node and return its next sibling.
@@ -6191,6 +6252,94 @@ class ChildCursor {
         }
     }
 }
+function replaceRange(parent, fromI, fromOff, toI, toOff, insert, breakAtStart, openStart, openEnd) {
+    let { children } = parent;
+    let before = children.length ? children[fromI] : null;
+    let last = insert.length ? insert[insert.length - 1] : null;
+    let breakAtEnd = last ? last.breakAfter : breakAtStart;
+    // Change within a single child
+    if (fromI == toI && before && !breakAtStart && !breakAtEnd && insert.length < 2 &&
+        before.merge(fromOff, toOff, insert.length ? last : null, fromOff == 0, openStart, openEnd))
+        return;
+    if (toI < children.length) {
+        let after = children[toI];
+        // Make sure the end of the child after the update is preserved in `after`
+        if (after && toOff < after.length) {
+            // If we're splitting a child, separate part of it to avoid that
+            // being mangled when updating the child before the update.
+            if (fromI == toI) {
+                after = after.split(toOff);
+                toOff = 0;
+            }
+            // If the element after the replacement should be merged with
+            // the last replacing element, update `content`
+            if (!breakAtEnd && last && after.merge(0, toOff, last, true, 0, openEnd)) {
+                insert[insert.length - 1] = after;
+            }
+            else {
+                // Remove the start of the after element, if necessary, and
+                // add it to `content`.
+                if (toOff)
+                    after.merge(0, toOff, null, false, 0, openEnd);
+                insert.push(after);
+            }
+        }
+        else if (after === null || after === void 0 ? void 0 : after.breakAfter) {
+            // The element at `toI` is entirely covered by this range.
+            // Preserve its line break, if any.
+            if (last)
+                last.breakAfter = 1;
+            else
+                breakAtStart = 1;
+        }
+        // Since we've handled the next element from the current elements
+        // now, make sure `toI` points after that.
+        toI++;
+    }
+    if (before) {
+        before.breakAfter = breakAtStart;
+        if (fromOff > 0) {
+            if (!breakAtStart && insert.length && before.merge(fromOff, before.length, insert[0], false, openStart, 0)) {
+                before.breakAfter = insert.shift().breakAfter;
+            }
+            else if (fromOff < before.length || before.children.length && before.children[before.children.length - 1].length == 0) {
+                before.merge(fromOff, before.length, null, false, openStart, 0);
+            }
+            fromI++;
+        }
+    }
+    // Try to merge widgets on the boundaries of the replacement
+    while (fromI < toI && insert.length) {
+        if (children[toI - 1].become(insert[insert.length - 1])) {
+            toI--;
+            insert.pop();
+            openEnd = insert.length ? 0 : openStart;
+        }
+        else if (children[fromI].become(insert[0])) {
+            fromI++;
+            insert.shift();
+            openStart = insert.length ? 0 : openEnd;
+        }
+        else {
+            break;
+        }
+    }
+    if (!insert.length && fromI && toI < children.length && !children[fromI - 1].breakAfter &&
+        children[toI].merge(0, 0, children[fromI - 1], false, openStart, openEnd))
+        fromI--;
+    if (fromI < toI || insert.length)
+        parent.replaceChildren(fromI, toI, insert);
+}
+function mergeChildrenInto(parent, from, to, insert, openStart, openEnd) {
+    let cur = parent.childCursor();
+    let { i: toI, off: toOff } = cur.findPos(to, 1);
+    let { i: fromI, off: fromOff } = cur.findPos(from, -1);
+    let dLen = from - to;
+    for (let view of insert)
+        dLen += view.length;
+    parent.length += dLen;
+    replaceRange(parent, fromI, fromOff, toI, toOff, insert, 0, openStart, openEnd);
+}
 
 let [nav, doc] = typeof navigator != "undefined"
     ? [navigator, document]
@@ -6222,21 +6371,8 @@ var browser = {
     tabSize: doc.documentElement.style.tabSize != null ? "tab-size" : "-moz-tab-size"
 };
 
-const none$2$1 = [];
-class InlineView extends ContentView {
-    /**
-    Return true when this view is equivalent to `other` and can take
-    on its role.
-    */
-    become(_other) { return false; }
-    // When this is a zero-length view with a side, this should return a
-    // negative number to indicate it is before its position, or a
-    // positive number when after its position.
-    getSide() { return 0; }
-}
-InlineView.prototype.children = none$2$1;
 const MaxJoinLen = 256;
-class TextView extends InlineView {
+class TextView extends ContentView {
     constructor(text) {
         super();
         this.text = text;
@@ -6267,7 +6403,7 @@ class TextView extends InlineView {
         this.markDirty();
         return true;
     }
-    slice(from) {
+    split(from) {
         let result = new TextView(this.text.slice(from));
         this.text = this.text.slice(0, from);
         return result;
@@ -6283,7 +6419,7 @@ class TextView extends InlineView {
         return textCoords(this.dom, pos, side);
     }
 }
-class MarkView extends InlineView {
+class MarkView extends ContentView {
     constructor(mark, children = [], length = 0) {
         super();
         this.mark = mark;
@@ -6306,20 +6442,20 @@ class MarkView extends InlineView {
             this.createDOM();
         super.sync(track);
     }
-    merge(from, to, source, openStart, openEnd) {
+    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;
-        mergeInlineChildren(this, from, to, source ? source.children : none$2$1, openStart - 1, openEnd - 1);
+        mergeChildrenInto(this, from, to, source ? source.children : [], openStart - 1, openEnd - 1);
         this.markDirty();
         return true;
     }
-    slice(from) {
+    split(from) {
         let result = [], off = 0, detachFrom = -1, i = 0;
         for (let elt of this.children) {
             let end = off + elt.length;
             if (end > from)
-                result.push(off < from ? elt.slice(from - off) : elt);
+                result.push(off < from ? elt.split(from - off) : elt);
             if (detachFrom < 0 && off >= from)
                 detachFrom = i;
             off = end;
@@ -6327,8 +6463,10 @@ class MarkView extends InlineView {
         }
         let length = this.length - from;
         this.length = from;
-        if (detachFrom > -1)
-            this.replaceChildren(detachFrom, this.children.length);
+        if (detachFrom > -1) {
+            this.children.length = detachFrom;
+            this.markDirty();
+        }
         return new MarkView(this.mark, result, length);
     }
     domAtPos(pos) {
@@ -6370,7 +6508,7 @@ function textCoords(text, pos, side) {
     return flatten ? flattenRect(rect, flatten < 0) : rect || null;
 }
 // Also used for collapsed ranges that don't have a placeholder widget!
-class WidgetView extends InlineView {
+class WidgetView extends ContentView {
     constructor(widget, length, side) {
         super();
         this.widget = widget;
@@ -6380,7 +6518,7 @@ class WidgetView extends InlineView {
     static create(widget, length, side) {
         return new (widget.customView || WidgetView)(widget, length, side);
     }
-    slice(from) {
+    split(from) {
         let result = WidgetView.create(this.widget, this.length - from, this.side);
         this.length -= from;
         return result;
@@ -6392,7 +6530,7 @@ class WidgetView extends InlineView {
         }
     }
     getSide() { return this.side; }
-    merge(from, to, source, openStart, openEnd) {
+    merge(from, to, source, hasStart, openStart, openEnd) {
         if (source && (!(source instanceof WidgetView) || !this.widget.compare(source.widget) ||
             from > 0 && openStart <= 0 || to < this.length && openEnd <= 0))
             return false;
@@ -6437,6 +6575,11 @@ class WidgetView extends InlineView {
         return (pos == 0 && side > 0 || pos == this.length && side <= 0) ? rect : flattenRect(rect, pos == 0);
     }
     get isEditable() { return false; }
+    destroy() {
+        super.destroy();
+        if (this.dom)
+            this.widget.destroy(this.dom);
+    }
 }
 class CompositionView extends WidgetView {
     domAtPos(pos) { return new DOMPos(this.widget.text, pos); }
@@ -6453,7 +6596,7 @@ class CompositionView extends WidgetView {
 // These are drawn around uneditable widgets to avoid a number of
 // browser bugs that show up when the cursor is directly next to
 // uneditable inline content.
-class WidgetBufferView extends InlineView {
+class WidgetBufferView extends ContentView {
     constructor(side) {
         super();
         this.side = side;
@@ -6463,7 +6606,7 @@ class WidgetBufferView extends InlineView {
     become(other) {
         return other instanceof WidgetBufferView && other.side == this.side;
     }
-    slice() { return new WidgetBufferView(this.side); }
+    split() { return new WidgetBufferView(this.side); }
     sync() {
         if (!this.dom)
             this.setDOM(document.createTextNode("\u200b"));
@@ -6481,90 +6624,7 @@ class WidgetBufferView extends InlineView {
         return Text.of([this.dom.nodeValue.replace(/\u200b/g, "")]);
     }
 }
-function mergeInlineChildren(parent, from, to, elts, openStart, openEnd) {
-    let cur = parent.childCursor();
-    let { i: toI, off: toOff } = cur.findPos(to, 1);
-    let { i: fromI, off: fromOff } = cur.findPos(from, -1);
-    let dLen = from - to;
-    for (let view of elts)
-        dLen += view.length;
-    parent.length += dLen;
-    let { children } = parent;
-    // Both from and to point into the same child view
-    if (fromI == toI && fromOff) {
-        let start = children[fromI];
-        // Maybe just update that view and be done
-        if (elts.length == 1 && start.merge(fromOff, toOff, elts[0], openStart, openEnd))
-            return;
-        if (elts.length == 0) {
-            start.merge(fromOff, toOff, null, openStart, openEnd);
-            return;
-        }
-        // Otherwise split it, so that we don't have to worry about aliasing front/end afterwards
-        let after = start.slice(toOff);
-        if (after.merge(0, 0, elts[elts.length - 1], 0, openEnd))
-            elts[elts.length - 1] = after;
-        else
-            elts.push(after);
-        toI++;
-        openEnd = toOff = 0;
-    }
-    // Make sure start and end positions fall on node boundaries
-    // (fromOff/toOff are no longer used after this), and that if the
-    // start or end of the elts can be merged with adjacent nodes,
-    // this is done
-    if (toOff) {
-        let end = children[toI];
-        if (elts.length && end.merge(0, toOff, elts[elts.length - 1], 0, openEnd)) {
-            elts.pop();
-            openEnd = elts.length ? 0 : openStart;
-        }
-        else {
-            end.merge(0, toOff, null, 0, 0);
-        }
-    }
-    else if (toI < children.length && elts.length &&
-        children[toI].merge(0, 0, elts[elts.length - 1], 0, openEnd)) {
-        elts.pop();
-        openEnd = elts.length ? 0 : openStart;
-    }
-    if (fromOff) {
-        let start = children[fromI];
-        if (elts.length && start.merge(fromOff, start.length, elts[0], openStart, 0)) {
-            elts.shift();
-            openStart = elts.length ? 0 : openEnd;
-        }
-        else {
-            start.merge(fromOff, start.length, null, 0, 0);
-        }
-        fromI++;
-    }
-    else if (fromI && elts.length) {
-        let end = children[fromI - 1];
-        if (end.merge(end.length, end.length, elts[0], openStart, 0)) {
-            elts.shift();
-            openStart = elts.length ? 0 : openEnd;
-        }
-    }
-    // Then try to merge any mergeable nodes at the start and end of
-    // the changed range
-    while (fromI < toI && elts.length && children[toI - 1].become(elts[elts.length - 1])) {
-        elts.pop();
-        toI--;
-        openEnd = elts.length ? 0 : openStart;
-    }
-    while (fromI < toI && elts.length && children[fromI].become(elts[0])) {
-        elts.shift();
-        fromI++;
-        openStart = elts.length ? 0 : openEnd;
-    }
-    if (!elts.length && fromI && toI < children.length &&
-        children[toI].merge(0, 0, children[fromI - 1], openStart, openEnd))
-        fromI--;
-    // And if anything remains, splice the child array to insert the new elts
-    if (elts.length || fromI != toI)
-        parent.replaceChildren(fromI, toI, elts);
-}
+TextView.prototype.children = WidgetView.prototype.children = WidgetBufferView.prototype.children = noChildren;
 function inlineDOMAtPos(dom, children, pos) {
     let i = 0;
     for (let off = 0; i < children.length; i++) {
@@ -6705,6 +6765,11 @@ class WidgetType {
     @internal
     */
     get customView() { return null; }
+    /**
+    This is called when the an instance of the widget is removed
+    from the editor view.
+    */
+    destroy(_dom) { }
 }
 /**
 The different types of blocks that can occur in an editor view.
@@ -6783,8 +6848,9 @@ class Decoration extends RangeValue {
     position.
     */
     static widget(spec) {
-        let side = spec.side || 0;
-        return new PointDecoration(spec, side, side, !!spec.block, spec.widget || null, false);
+        let side = spec.side || 0, block = !!spec.block;
+        side += block ? (side > 0 ? 300000000 /* BlockAfter */ : -400000000 /* BlockBefore */) : (side > 0 ? 100000000 /* InlineAfter */ : -100000000 /* InlineBefore */);
+        return new PointDecoration(spec, side, side, block, spec.widget || null, false);
     }
     /**
     Create a replace decoration which replaces the given range with
@@ -6793,8 +6859,8 @@ class Decoration extends RangeValue {
     static replace(spec) {
         let block = !!spec.block;
         let { start, end } = getInclusive(spec, block);
-        let startSide = 100000000 /* Big */ * (start ? -1 : 1) * (block ? 2 : 1);
-        let endSide = 100000000 /* Big */ * (end ? 1 : -1) * (block ? 2 : 1);
+        let startSide = block ? (start ? -300000000 /* BlockIncStart */ : -1 /* InlineIncStart */) : 400000000 /* NonIncStart */;
+        let endSide = block ? (end ? 200000000 /* BlockIncEnd */ : 1 /* InlineIncEnd */) : -500000000 /* NonIncEnd */;
         return new PointDecoration(spec, startSide, endSide, block, spec.widget || null, true);
     }
     /**
@@ -6824,7 +6890,7 @@ Decoration.none = RangeSet.empty;
 class MarkDecoration extends Decoration {
     constructor(spec) {
         let { start, end } = getInclusive(spec);
-        super(100000000 /* Big */ * (start ? -1 : 1), 100000000 /* Big */ * (end ? 1 : -1), null, spec);
+        super(start ? -1 /* InlineIncStart */ : 400000000 /* NonIncStart */, end ? 1 /* InlineIncEnd */ : -500000000 /* NonIncEnd */, null, spec);
         this.tagName = spec.tagName || "span";
         this.class = spec.class || "";
         this.attrs = spec.attributes || null;
@@ -6845,7 +6911,7 @@ class MarkDecoration extends Decoration {
 MarkDecoration.prototype.point = false;
 class LineDecoration extends Decoration {
     constructor(spec) {
-        super(-100000000 /* Big */, -100000000 /* Big */, null, spec);
+        super(-200000000 /* Line */, -200000000 /* Line */, null, spec);
     }
     eq(other) {
         return other instanceof LineDecoration && attrsEq(this.spec.attributes, other.spec.attributes);
@@ -6863,12 +6929,12 @@ class PointDecoration extends Decoration {
         super(startSide, endSide, widget, spec);
         this.block = block;
         this.isReplace = isReplace;
-        this.mapMode = !block ? MapMode.TrackDel : startSide < 0 ? MapMode.TrackBefore : MapMode.TrackAfter;
+        this.mapMode = !block ? MapMode.TrackDel : startSide <= 0 ? MapMode.TrackBefore : MapMode.TrackAfter;
     }
     // Only relevant when this.block == true
     get type() {
         return this.startSide < this.endSide ? BlockType.WidgetRange
-            : this.startSide < 0 ? BlockType.WidgetBefore : BlockType.WidgetAfter;
+            : this.startSide <= 0 ? BlockType.WidgetBefore : BlockType.WidgetAfter;
     }
     get heightRelevant() { return this.block || !!this.widget && this.widget.estimatedHeight >= 5; }
     eq(other) {
@@ -6878,7 +6944,7 @@ class PointDecoration extends Decoration {
             this.startSide == other.startSide && this.endSide == other.endSide;
     }
     range(from, to = from) {
-        if (this.isReplace && (from > to || (from == to && this.startSide > 0 && this.endSide < 0)))
+        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");
@@ -6915,16 +6981,16 @@ class LineView extends ContentView {
         this.breakAfter = 0;
     }
     // Consumes source
-    merge(from, to, source, takeDeco, openStart, openEnd) {
+    merge(from, to, source, hasStart, openStart, openEnd) {
         if (source) {
             if (!(source instanceof LineView))
                 return false;
             if (!this.dom)
                 source.transferDOM(this); // Reuse source.dom when appropriate
         }
-        if (takeDeco)
+        if (hasStart)
             this.setDeco(source ? source.attrs : null);
-        mergeInlineChildren(this, from, to, source ? source.children : none$1$1, openStart, openEnd);
+        mergeChildrenInto(this, from, to, source ? source.children : [], openStart, openEnd);
         return true;
     }
     split(at) {
@@ -6934,16 +7000,14 @@ class LineView extends ContentView {
             return end;
         let { i, off } = this.childPos(at);
         if (off) {
-            end.append(this.children[i].slice(off), 0);
-            this.children[i].merge(off, this.children[i].length, null, 0, 0);
+            end.append(this.children[i].split(off), 0);
+            this.children[i].merge(off, this.children[i].length, null, false, 0, 0);
             i++;
         }
         for (let j = i; j < this.children.length; j++)
             end.append(this.children[j], 0);
-        while (i > 0 && this.children[i - 1].length == 0) {
-            this.children[i - 1].parent = null;
-            i--;
-        }
+        while (i > 0 && this.children[i - 1].length == 0)
+            this.children[--i].destroy();
         this.children.length = i;
         this.markDirty();
         this.length = at;
@@ -6966,7 +7030,6 @@ class LineView extends ContentView {
             this.attrs = attrs;
         }
     }
-    // Only called when building a line view in ContentBuilder
     append(child, openStart) {
         joinInlineInto(this, child, openStart);
     }
@@ -7023,7 +7086,7 @@ class LineView extends ContentView {
     coordsAt(pos, side) {
         return coordsInChildren(this, pos, side);
     }
-    match(_other) { return false; }
+    become(_other) { return false; }
     get type() { return BlockType.Text; }
     static find(docView, pos) {
         for (let i = 0, off = 0;; i++) {
@@ -7038,7 +7101,6 @@ class LineView extends ContentView {
         }
     }
 }
-const none$1$1 = [];
 class BlockWidgetView extends ContentView {
     constructor(widget, length, type) {
         super();
@@ -7064,7 +7126,7 @@ class BlockWidgetView extends ContentView {
         end.breakAfter = this.breakAfter;
         return end;
     }
-    get children() { return none$1$1; }
+    get children() { return noChildren; }
     sync() {
         if (!this.dom || !this.widget.updateDOM(this.dom)) {
             this.setDOM(this.widget.toDOM(this.editorView));
@@ -7075,7 +7137,7 @@ class BlockWidgetView extends ContentView {
         return this.parent ? this.parent.view.state.doc.slice(this.posAtStart, this.posAtEnd) : Text.empty;
     }
     domBoundsAround() { return null; }
-    match(other) {
+    become(other) {
         if (other instanceof BlockWidgetView && other.type == this.type &&
             other.widget.constructor == this.widget.constructor) {
             if (!other.widget.eq(this.widget))
@@ -7089,6 +7151,11 @@ class BlockWidgetView extends ContentView {
     }
     ignoreMutation() { return true; }
     ignoreEvent(event) { return this.widget.ignoreEvent(event); }
+    destroy() {
+        super.destroy();
+        if (this.dom)
+            this.widget.destroy(this.dom);
+    }
 }
 
 class ContentBuilder {
@@ -7248,7 +7315,7 @@ class NullWidget extends WidgetType {
     updateDOM(elt) { return elt.nodeName.toLowerCase() == this.tag; }
 }
 
-const none$4 = [];
+const none$3 = [];
 const clickAddsSelectionRange = /*@__PURE__*/Facet.define();
 const dragMovesSelection$1 = /*@__PURE__*/Facet.define();
 const mouseSelectionStyle = /*@__PURE__*/Facet.define();
@@ -7424,36 +7491,39 @@ class PluginInstance {
         this.value = null;
     }
     takeField(type, target) {
-        for (let { field, get } of this.spec.fields)
-            if (field == type)
-                target.push(get(this.value));
+        if (this.spec)
+            for (let { field, get } of this.spec.fields)
+                if (field == type)
+                    target.push(get(this.value));
     }
     update(view) {
         if (!this.value) {
-            try {
-                this.value = this.spec.create(view);
-            }
-            catch (e) {
-                logException(view.state, e, "CodeMirror plugin crashed");
-                return PluginInstance.dummy;
+            if (this.spec) {
+                try {
+                    this.value = this.spec.create(view);
+                }
+                catch (e) {
+                    logException(view.state, e, "CodeMirror plugin crashed");
+                    this.deactivate();
+                }
             }
         }
         else if (this.mustUpdate) {
             let update = this.mustUpdate;
             this.mustUpdate = null;
-            if (!this.value.update)
-                return this;
-            try {
-                this.value.update(update);
-            }
-            catch (e) {
-                logException(update.state, e, "CodeMirror plugin crashed");
-                if (this.value.destroy)
-                    try {
-                        this.value.destroy();
-                    }
-                    catch (_) { }
-                return PluginInstance.dummy;
+            if (this.value.update) {
+                try {
+                    this.value.update(update);
+                }
+                catch (e) {
+                    logException(update.state, e, "CodeMirror plugin crashed");
+                    if (this.value.destroy)
+                        try {
+                            this.value.destroy();
+                        }
+                        catch (_) { }
+                    this.deactivate();
+                }
             }
         }
         return this;
@@ -7469,20 +7539,12 @@ class PluginInstance {
             }
         }
     }
+    deactivate() {
+        this.spec = this.value = null;
+    }
 }
-PluginInstance.dummy = /*@__PURE__*/new PluginInstance(/*@__PURE__*/ViewPlugin.define(() => ({})));
-function combineFacetAttrs(values) {
-    let result = {};
-    for (let i = values.length - 1; i >= 0; i--)
-        combineAttrs(values[i], result);
-    return result;
-}
-const editorAttributes = /*@__PURE__*/Facet.define({
-    combine: combineFacetAttrs
-});
-const contentAttributes = /*@__PURE__*/Facet.define({
-    combine: combineFacetAttrs
-});
+const editorAttributes = /*@__PURE__*/Facet.define();
+const contentAttributes = /*@__PURE__*/Facet.define();
 // Provide decorations
 const decorations = /*@__PURE__*/Facet.define();
 const styleModule = /*@__PURE__*/Facet.define();
@@ -7555,7 +7617,7 @@ class ViewUpdate {
     /**
     The transactions involved in the update. May be empty.
     */
-    transactions = none$4) {
+    transactions = none$3) {
         this.view = view;
         this.state = state;
         this.transactions = transactions;
@@ -7609,7 +7671,7 @@ class ViewUpdate {
     Whether the document changed in this update.
     */
     get docChanged() {
-        return this.transactions.some(tr => tr.docChanged);
+        return !this.changes.empty;
     }
     /**
     Whether the selection was explicitly set in this update.
@@ -7630,12 +7692,12 @@ class DocView extends ContentView {
         this.compositionDeco = Decoration.none;
         this.decorations = [];
         // Track a minimum width for the editor. When measuring sizes in
-        // checkLayout, this is updated to point at the width of a given
-        // element and its extent in the document. When a change happens in
-        // that range, these are reset. That way, once we've seen a
-        // line/element of a given length, we keep the editor wide enough to
-        // fit at least that element, until it is changed, at which point we
-        // forget it again.
+        // measureVisibleLineHeights, this is updated to point at the width
+        // of a given element and its extent in the document. When a change
+        // happens in that range, these are reset. That way, once we've seen
+        // a line/element of a given length, we keep the editor wide enough
+        // to fit at least that element, until it is changed, at which point
+        // we forget it again.
         this.minWidth = 0;
         this.minWidthFrom = 0;
         this.minWidthTo = 0;
@@ -7643,9 +7705,10 @@ class DocView extends ContentView {
         // we don't mess it up when reading it back it
         this.impreciseAnchor = null;
         this.impreciseHead = null;
+        this.forceSelection = false;
         // Used by the resize observer to ignore resizes that we caused
         // ourselves
-        this.lastUpdate = 0;
+        this.lastUpdate = Date.now();
         this.setDOM(view.contentDOM);
         this.children = [new LineView];
         this.children[0].setParent(this);
@@ -7659,7 +7722,6 @@ class DocView extends ContentView {
     // position, if we know the editor is going to scroll that position
     // into view.
     update(update) {
-        this.lastUpdate = Date.now();
         let changedRanges = update.changedRanges;
         if (this.minWidth > 0 && changedRanges.length) {
             if (!changedRanges.every(({ fromA, toA }) => toA < this.minWidthFrom || fromA > this.minWidthTo)) {
@@ -7679,21 +7741,19 @@ class DocView extends ContentView {
         // getSelection than the one that it actually shows to the user.
         // This forces a selection update when lines are joined to work
         // around that. Issue #54
-        let forceSelection = (browser.ie || browser.chrome) && !this.compositionDeco.size && update &&
-            update.state.doc.lines != update.startState.doc.lines;
+        if ((browser.ie || browser.chrome) && !this.compositionDeco.size && update &&
+            update.state.doc.lines != update.startState.doc.lines)
+            this.forceSelection = true;
         let prevDeco = this.decorations, deco = this.updateDeco();
         let decoDiff = findChangedDeco(prevDeco, deco, update.changes);
         changedRanges = ChangedRange.extendWithRanges(changedRanges, decoDiff);
-        let pointerSel = update.transactions.some(tr => tr.isUserEvent("select.pointer"));
-        if (this.dirty == 0 /* Not */ && changedRanges.length == 0 &&
-            !(update.flags & 4 /* Viewport */) &&
-            update.state.selection.main.from >= this.view.viewport.from &&
-            update.state.selection.main.to <= this.view.viewport.to) {
-            this.updateSelection(forceSelection, pointerSel);
+        if (this.dirty == 0 /* Not */ && changedRanges.length == 0) {
             return false;
         }
         else {
-            this.updateInner(changedRanges, deco, update.startState.doc.length, forceSelection, pointerSel);
+            this.updateInner(changedRanges, deco, update.startState.doc.length);
+            if (update.transactions.length)
+                this.lastUpdate = Date.now();
             return true;
         }
     }
@@ -7701,13 +7761,16 @@ class DocView extends ContentView {
         if (this.dirty) {
             this.view.observer.ignore(() => this.view.docView.sync());
             this.dirty = 0 /* Not */;
+            this.updateSelection(true);
         }
-        if (sel)
+        else {
             this.updateSelection();
+        }
     }
-    // Used both by update and checkLayout do perform the actual DOM
+    // Used by update and the constructor do perform the actual DOM
     // update
-    updateInner(changes, deco, oldLength, forceSelection = false, pointerSel = false) {
+    updateInner(changes, deco, oldLength) {
+        this.view.viewState.mustMeasureContent = true;
         this.updateChildren(changes, deco, oldLength);
         let { observer } = this.view;
         observer.ignore(() => {
@@ -7715,7 +7778,7 @@ class DocView extends ContentView {
             // messes with the scroll position during DOM mutation (though
             // no relayout is triggered and I cannot imagine how it can
             // recompute the scroll position without a layout)
-            this.dom.style.height = this.view.viewState.domHeight + "px";
+            this.dom.style.height = this.view.viewState.contentHeight + "px";
             this.dom.style.minWidth = this.minWidth ? this.minWidth + "px" : "";
             // Chrome will sometimes, when DOM mutations occur directly
             // around the selection, get confused and report a different
@@ -7725,8 +7788,7 @@ class DocView extends ContentView {
             this.sync(track);
             this.dirty = 0 /* Not */;
             if (track && (track.written || observer.selectionRange.focusNode != track.node))
-                forceSelection = true;
-            this.updateSelection(forceSelection, pointerSel);
+                this.forceSelection = true;
             this.dom.style.height = "";
         });
         let gaps = [];
@@ -7746,76 +7808,18 @@ class DocView extends ContentView {
             let { content, breakAtStart, openStart, openEnd } = ContentBuilder.build(this.view.state.doc, fromB, toB, deco);
             let { i: toI, off: toOff } = cursor.findPos(toA, 1);
             let { i: fromI, off: fromOff } = cursor.findPos(fromA, -1);
-            this.replaceRange(fromI, fromOff, toI, toOff, content, breakAtStart, openStart, openEnd);
+            replaceRange(this, fromI, fromOff, toI, toOff, content, breakAtStart, openStart, openEnd);
         }
     }
-    replaceRange(fromI, fromOff, toI, toOff, content, breakAtStart, openStart, openEnd) {
-        let before = this.children[fromI], last = content.length ? content[content.length - 1] : null;
-        let breakAtEnd = last ? last.breakAfter : breakAtStart;
-        // Change within a single line
-        if (fromI == toI && !breakAtStart && !breakAtEnd && content.length < 2 &&
-            before.merge(fromOff, toOff, content.length ? last : null, fromOff == 0, openStart, openEnd))
-            return;
-        let after = this.children[toI];
-        // Make sure the end of the line after the update is preserved in `after`
-        if (toOff < after.length) {
-            // If we're splitting a line, separate part of the start line to
-            // avoid that being mangled when updating the start line.
-            if (fromI == toI) {
-                after = after.split(toOff);
-                toOff = 0;
-            }
-            // If the element after the replacement should be merged with
-            // the last replacing element, update `content`
-            if (!breakAtEnd && last && after.merge(0, toOff, last, true, 0, openEnd)) {
-                content[content.length - 1] = after;
-            }
-            else {
-                // Remove the start of the after element, if necessary, and
-                // add it to `content`.
-                if (toOff)
-                    after.merge(0, toOff, null, false, 0, openEnd);
-                content.push(after);
-            }
-        }
-        else if (after.breakAfter) {
-            // The element at `toI` is entirely covered by this range.
-            // Preserve its line break, if any.
-            if (last)
-                last.breakAfter = 1;
-            else
-                breakAtStart = 1;
-        }
-        // Since we've handled the next element from the current elements
-        // now, make sure `toI` points after that.
-        toI++;
-        before.breakAfter = breakAtStart;
-        if (fromOff > 0) {
-            if (!breakAtStart && content.length && before.merge(fromOff, before.length, content[0], false, openStart, 0)) {
-                before.breakAfter = content.shift().breakAfter;
-            }
-            else if (fromOff < before.length || before.children.length && before.children[before.children.length - 1].length == 0) {
-                before.merge(fromOff, before.length, null, false, openStart, 0);
-            }
-            fromI++;
-        }
-        // Try to merge widgets on the boundaries of the replacement
-        while (fromI < toI && content.length) {
-            if (this.children[toI - 1].match(content[content.length - 1]))
-                toI--, content.pop();
-            else if (this.children[fromI].match(content[0]))
-                fromI++, content.shift();
-            else
-                break;
-        }
-        if (fromI < toI || content.length)
-            this.replaceChildren(fromI, toI, content);
-    }
     // Sync the DOM selection to this.state.selection
-    updateSelection(force = false, fromPointer = false) {
+    updateSelection(mustRead = false, fromPointer = false) {
+        if (mustRead)
+            this.view.observer.readSelectionRange();
         if (!(fromPointer || this.mayControlSelection()) ||
             browser.ios && this.view.inputState.rapidCompositionStart)
             return;
+        let force = this.forceSelection;
+        this.forceSelection = false;
         let main = this.view.state.selection.main;
         // FIXME need to handle the case where the selection falls inside a block range
         let anchor = this.domAtPos(main.anchor);
@@ -7997,7 +8001,7 @@ class DocView extends ContentView {
             let next = i == vs.viewports.length ? null : vs.viewports[i];
             let end = next ? next.from - 1 : this.length;
             if (end > pos) {
-                let height = vs.lineAt(end, 0).bottom - vs.lineAt(pos, 0).top;
+                let height = vs.lineBlockAt(end).bottom - vs.lineBlockAt(pos).top;
                 deco.push(Decoration.replace({ widget: new BlockGapWidget(height), block: true, inclusive: true }).range(pos, end));
             }
             if (!next)
@@ -8069,15 +8073,10 @@ function computeCompositionDeco(view, changes) {
     if (!textNode)
         return Decoration.none;
     let cView = view.docView.nearest(textNode);
+    if (!cView)
+        return Decoration.none;
     let from, to, topNode = textNode;
-    if (cView instanceof InlineView) {
-        while (cView.parent instanceof InlineView)
-            cView = cView.parent;
-        from = cView.posAtStart;
-        to = from + cView.length;
-        topNode = cView.dom;
-    }
-    else if (cView instanceof LineView) {
+    if (cView instanceof LineView) {
         while (topNode.parentNode != cView.dom)
             topNode = topNode.parentNode;
         let prev = topNode.previousSibling;
@@ -8086,7 +8085,17 @@ function computeCompositionDeco(view, changes) {
         from = to = prev ? ContentView.get(prev).posAtEnd : cView.posAtStart;
     }
     else {
-        return Decoration.none;
+        for (;;) {
+            let { parent } = cView;
+            if (!parent)
+                return Decoration.none;
+            if (parent instanceof LineView)
+                break;
+            cView = parent;
+        }
+        from = cView.posAtStart;
+        to = from + cView.length;
+        topNode = cView.dom;
     }
     let newFrom = changes.mapPos(from, 1), newTo = Math.max(newFrom, changes.mapPos(to, -1));
     let text = textNode.nodeValue, { state } = view;
@@ -8603,13 +8612,14 @@ function domPosInText(node, x, y) {
 }
 function posAtCoords(view, { x, y }, precise, bias = -1) {
     var _a;
-    let content = view.contentDOM.getBoundingClientRect(), block;
+    let content = view.contentDOM.getBoundingClientRect(), docTop = content.top + view.viewState.paddingTop;
     let halfLine = view.defaultLineHeight / 2;
+    let block, yOffset = y - docTop;
     for (let bounced = false;;) {
-        block = view.blockAtHeight(y, content.top);
-        if (block.top > y || block.bottom < y) {
-            bias = block.top > y ? -1 : 1;
-            y = Math.min(block.bottom - halfLine, Math.max(block.top + halfLine, y));
+        block = view.elementAtHeight(yOffset);
+        if (block.top > yOffset || block.bottom < yOffset) {
+            bias = block.top > yOffset ? -1 : 1;
+            yOffset = Math.min(block.bottom - halfLine, Math.max(block.top + halfLine, yOffset));
             if (bounced)
                 return precise ? null : 0;
             else
@@ -8617,11 +8627,12 @@ function posAtCoords(view, { x, y }, precise, bias = -1) {
         }
         if (block.type == BlockType.Text)
             break;
-        y = bias > 0 ? block.bottom + halfLine : block.top - halfLine;
+        yOffset = bias > 0 ? block.bottom + halfLine : block.top - halfLine;
     }
+    y = docTop + yOffset;
     let lineStart = block.from;
     // Clip x to the viewport sides
-    x = Math.max(content.left + 1, Math.min(content.right - 1, x));
+    x = Math.max(content.left + 1, Math.min(Math.max(content.right, content.left + view.docView.minWidth) - 1, x));
     // If this is outside of the rendered viewport, we can't determine a position
     if (lineStart < view.viewport.from)
         return view.viewport.from == 0 ? 0 : posAtCoordsImprecise(view, content, block, x, y);
@@ -8731,17 +8742,17 @@ function moveVertically(view, start, forward, distance) {
         return EditorSelection.cursor(startPos);
     let goal = start.goalColumn, startY;
     let rect = view.contentDOM.getBoundingClientRect();
-    let startCoords = view.coordsAtPos(startPos);
+    let startCoords = view.coordsAtPos(startPos), docTop = view.documentTop;
     if (startCoords) {
         if (goal == null)
             goal = startCoords.left - rect.left;
         startY = dir < 0 ? startCoords.top : startCoords.bottom;
     }
     else {
-        let line = view.viewState.lineAt(startPos, view.dom.getBoundingClientRect().top);
+        let line = view.viewState.lineBlockAt(startPos - docTop);
         if (goal == null)
             goal = Math.min(rect.right - rect.left, view.defaultCharacterWidth * (startPos - line.from));
-        startY = dir < 0 ? line.top : line.bottom;
+        startY = (dir < 0 ? line.top : line.bottom) + docTop;
     }
     let resolvedGoal = rect.left + goal;
     let dist = distance !== null && distance !== void 0 ? distance : (view.defaultLineHeight >> 1);
@@ -8992,7 +9003,7 @@ class MouseSelection {
         this.extend = startEvent.shiftKey;
         this.multiple = view.state.facet(EditorState.allowMultipleSelections) && addsSelectionRange(view, startEvent);
         this.dragMove = dragMovesSelection(view, startEvent);
-        this.dragging = isInPrimarySelection(view, startEvent) ? null : false;
+        this.dragging = isInPrimarySelection(view, startEvent) && getClickType(startEvent) == 1 ? null : false;
         // When clicking outside of the selection, immediately apply the
         // effect of starting the selection
         if (this.dragging === false) {
@@ -9213,7 +9224,7 @@ function basicMouseSelection(view, event) {
     let last = start, lastEvent = event;
     return {
         update(update) {
-            if (update.changes) {
+            if (update.docChanged) {
                 if (start)
                     start.pos = update.changes.mapPos(start.pos);
                 startSel = startSel.map(update.changes);
@@ -9477,7 +9488,10 @@ class HeightOracle {
         return lines * this.lineHeight;
     }
     setDoc(doc) { this.doc = doc; return this; }
-    mustRefresh(lineHeights, whiteSpace, direction) {
+    mustRefreshForStyle(whiteSpace, direction) {
+        return (wrappingWhiteSpace.indexOf(whiteSpace) > -1) != this.lineWrapping || this.direction != direction;
+    }
+    mustRefreshForHeights(lineHeights) {
         let newHeight = false;
         for (let i = 0; i < lineHeights.length; i++) {
             let h = lineHeights[i];
@@ -9489,7 +9503,7 @@ class HeightOracle {
                 this.heightSamples[Math.floor(h * 10)] = true;
             }
         }
-        return newHeight || (wrappingWhiteSpace.indexOf(whiteSpace) > -1) != this.lineWrapping || this.direction != direction;
+        return newHeight;
     }
     refresh(whiteSpace, direction, lineHeight, charWidth, lineLength, knownHeights) {
         let lineWrapping = wrappingWhiteSpace.indexOf(whiteSpace) > -1;
@@ -9543,7 +9557,8 @@ class BlockInfo {
     */
     length, 
     /**
-    The top position of the element.
+    The top position of the element (relative to the top of the
+    document).
     */
     top, 
     /**
@@ -9577,13 +9592,19 @@ class BlockInfo {
             .concat(Array.isArray(other.type) ? other.type : [other]);
         return new BlockInfo(this.from, this.length + other.length, this.top, this.height + other.height, detail);
     }
+    /**
+    FIXME remove on next breaking release @internal
+    */
+    moveY(offset) {
+        return !offset ? this : new BlockInfo(this.from, this.length, this.top + offset, this.height, Array.isArray(this.type) ? this.type.map(b => b.moveY(offset)) : this.type);
+    }
 }
 var QueryType = /*@__PURE__*/(function (QueryType) {
     QueryType[QueryType["ByPos"] = 0] = "ByPos";
     QueryType[QueryType["ByHeight"] = 1] = "ByHeight";
     QueryType[QueryType["ByPosNoHeight"] = 2] = "ByPosNoHeight";
 return QueryType})(QueryType || (QueryType = {}));
-const Epsilon = 1e-4;
+const Epsilon = 1e-3;
 class HeightMap {
     constructor(length, // The number of characters covered
     height, // Height of this part of the document
@@ -9810,22 +9831,30 @@ class HeightMapGap extends HeightMap {
             // can't be widgets or collapsed ranges in those lines, because
             // they would already have been added to the heightmap (gaps
             // only contain plain text).
-            let nodes = [], pos = Math.max(offset, measured.from);
+            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;
                 if (nodes.length)
                     nodes.push(null);
-                let line = new HeightMapText(len, measured.heights[measured.index++]);
+                let height = measured.heights[measured.index++];
+                if (singleHeight == -1)
+                    singleHeight = height;
+                else if (Math.abs(height - singleHeight) >= Epsilon)
+                    singleHeight = -2;
+                let line = new HeightMapText(len, height);
                 line.outdated = false;
                 nodes.push(line);
                 pos += len + 1;
             }
             if (pos <= end)
                 nodes.push(null, new HeightMapGap(end - pos).updateHeight(oracle, pos));
-            oracle.heightChanged = true;
-            return HeightMap.of(nodes);
+            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;
+            return result;
         }
         else if (force || this.outdated) {
             this.setHeight(oracle, oracle.heightForGap(offset, offset + this.length));
@@ -10183,7 +10212,8 @@ class ViewState {
         this.inView = true;
         this.paddingTop = 0;
         this.paddingBottom = 0;
-        this.contentWidth = 0;
+        this.contentDOMWidth = 0;
+        this.contentDOMHeight = 0;
         this.editorHeight = 0;
         this.heightOracle = new HeightOracle;
         // See VP.MaxDOMHeight
@@ -10191,6 +10221,9 @@ class ViewState {
         this.scrollTarget = null;
         // Briefly set to true when printing, to disable viewport limiting
         this.printing = false;
+        // Flag set when editor content was redrawn, so that the next
+        // measure stage knows it must read DOM layout
+        this.mustMeasureContent = true;
         this.visibleRanges = [];
         // Cursor 'assoc' is only significant when the cursor is on a line
         // wrap point, where it must stick to the character that it is
@@ -10203,6 +10236,7 @@ class ViewState {
         this.mustEnforceCursorAssoc = false;
         this.heightMap = HeightMap.empty().applyChanges(state.facet(decorations), Text.empty, this.heightOracle.setDoc(state.doc), [new ChangedRange(0, 0, 0, state.doc.length)]);
         this.viewport = this.getViewport(0, null);
+        this.updateViewportLines();
         this.updateForViewport();
         this.lineGaps = this.ensureLineGaps([]);
         this.lineGapDeco = Decoration.set(this.lineGaps.map(gap => gap.draw(false)));
@@ -10213,7 +10247,7 @@ class ViewState {
         for (let i = 0; i <= 1; i++) {
             let pos = i ? main.head : main.anchor;
             if (!viewports.some(({ from, to }) => pos >= from && pos <= to)) {
-                let { from, to } = this.lineAt(pos, 0);
+                let { from, to } = this.lineBlockAt(pos);
                 viewports.push(new Viewport(from, to));
             }
         }
@@ -10221,6 +10255,12 @@ class ViewState {
         this.scaler = this.heightMap.height <= 7000000 /* MaxDOMHeight */ ? IdScaler :
             new BigScaler(this.heightOracle.doc, this.heightMap, this.viewports);
     }
+    updateViewportLines() {
+        this.viewportLines = [];
+        this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.state.doc, 0, 0, block => {
+            this.viewportLines.push(this.scaler.scale == 1 ? block : scaleBlock(block, this.scaler));
+        });
+    }
     update(update, scrollTarget = null) {
         let prev = this.state;
         this.state = update.state;
@@ -10235,7 +10275,11 @@ class ViewState {
         if (scrollTarget && (scrollTarget.range.head < viewport.from || scrollTarget.range.head > viewport.to) ||
             !this.viewportIsAppropriate(viewport))
             viewport = this.getViewport(0, scrollTarget);
+        let updateLines = !update.changes.empty || (update.flags & 2 /* Height */) ||
+            viewport.from != this.viewport.from || viewport.to != this.viewport.to;
         this.viewport = viewport;
+        if (updateLines)
+            this.updateViewportLines();
         this.updateForViewport();
         if (this.lineGaps.length || this.viewport.to - this.viewport.from > 4000 /* DoubleMargin */)
             this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps, update.changes)));
@@ -10246,13 +10290,17 @@ class ViewState {
             update.state.selection.main.empty && update.state.selection.main.assoc)
             this.mustEnforceCursorAssoc = true;
     }
-    measure(docView, repeated) {
-        let dom = docView.dom, whiteSpace = "", direction = Direction.LTR;
-        let result = 0;
-        if (!repeated) {
+    measure(view) {
+        let dom = view.contentDOM, style = window.getComputedStyle(dom);
+        let oracle = this.heightOracle;
+        let whiteSpace = style.whiteSpace, direction = style.direction == "rtl" ? Direction.RTL : Direction.LTR;
+        let refresh = this.heightOracle.mustRefreshForStyle(whiteSpace, direction);
+        let measureContent = refresh || this.mustMeasureContent || this.contentDOMHeight != dom.clientHeight;
+        let result = 0, bias = 0;
+        if (measureContent) {
+            this.mustMeasureContent = false;
+            this.contentDOMHeight = dom.clientHeight;
             // Vertical padding
-            let style = window.getComputedStyle(dom);
-            whiteSpace = style.whiteSpace, direction = (style.direction == "rtl" ? Direction.RTL : Direction.LTR);
             let paddingTop = parseInt(style.paddingTop) || 0, paddingBottom = parseInt(style.paddingBottom) || 0;
             if (this.paddingTop != paddingTop || this.paddingBottom != paddingBottom) {
                 result |= 8 /* Geometry */;
@@ -10267,39 +10315,42 @@ class ViewState {
         this.inView = this.pixelViewport.bottom > this.pixelViewport.top && this.pixelViewport.right > this.pixelViewport.left;
         if (!this.inView)
             return 0;
-        let lineHeights = docView.measureVisibleLineHeights();
-        let refresh = false, bias = 0, oracle = this.heightOracle;
-        if (!repeated) {
-            let contentWidth = docView.dom.clientWidth;
-            if (oracle.mustRefresh(lineHeights, whiteSpace, direction) ||
-                oracle.lineWrapping && Math.abs(contentWidth - this.contentWidth) > oracle.charWidth) {
-                let { lineHeight, charWidth } = docView.measureTextSize();
+        if (measureContent) {
+            let lineHeights = view.docView.measureVisibleLineHeights();
+            if (oracle.mustRefreshForHeights(lineHeights))
+                refresh = true;
+            let contentWidth = dom.clientWidth;
+            if (refresh || oracle.lineWrapping && Math.abs(contentWidth - this.contentDOMWidth) > oracle.charWidth) {
+                let { lineHeight, charWidth } = view.docView.measureTextSize();
                 refresh = oracle.refresh(whiteSpace, direction, lineHeight, charWidth, contentWidth / charWidth, lineHeights);
                 if (refresh) {
-                    docView.minWidth = 0;
+                    view.docView.minWidth = 0;
                     result |= 8 /* Geometry */;
                 }
             }
-            if (this.contentWidth != contentWidth) {
-                this.contentWidth = contentWidth;
+            if (this.contentDOMWidth != contentWidth) {
+                this.contentDOMWidth = contentWidth;
                 result |= 8 /* Geometry */;
             }
-            if (this.editorHeight != docView.view.scrollDOM.clientHeight) {
-                this.editorHeight = docView.view.scrollDOM.clientHeight;
+            if (this.editorHeight != view.scrollDOM.clientHeight) {
+                this.editorHeight = view.scrollDOM.clientHeight;
                 result |= 8 /* Geometry */;
             }
             if (dTop > 0 && dBottom > 0)
                 bias = Math.max(dTop, dBottom);
             else if (dTop < 0 && dBottom < 0)
                 bias = Math.min(dTop, dBottom);
-        }
-        oracle.heightChanged = false;
-        this.heightMap = this.heightMap.updateHeight(oracle, 0, refresh, new MeasuredHeights(this.viewport.from, lineHeights));
-        if (oracle.heightChanged)
-            result |= 2 /* Height */;
-        if (!this.viewportIsAppropriate(this.viewport, bias) ||
-            this.scrollTarget && (this.scrollTarget.range.head < this.viewport.from || this.scrollTarget.range.head > this.viewport.to))
+            oracle.heightChanged = false;
+            this.heightMap = this.heightMap.updateHeight(oracle, 0, refresh, new MeasuredHeights(this.viewport.from, lineHeights));
+            if (oracle.heightChanged)
+                result |= 2 /* Height */;
+        }
+        let viewportChange = !this.viewportIsAppropriate(this.viewport, bias) ||
+            this.scrollTarget && (this.scrollTarget.range.head < this.viewport.from || this.scrollTarget.range.head > this.viewport.to);
+        if (viewportChange)
             this.viewport = this.getViewport(bias, this.scrollTarget);
+        if ((result & 2 /* Height */) || viewportChange)
+            this.updateViewportLines();
         this.updateForViewport();
         if (this.lineGaps.length || this.viewport.to - this.viewport.from > 4000 /* DoubleMargin */)
             this.updateLineGaps(this.ensureLineGaps(refresh ? [] : this.lineGaps));
@@ -10310,12 +10361,12 @@ class ViewState {
             // to a line end is going to trigger a layout anyway, so it
             // can't be a pure write. It should be rare that it does any
             // writing.
-            docView.enforceCursorAssoc();
+            view.docView.enforceCursorAssoc();
         }
         return result;
     }
-    get visibleTop() { return this.scaler.fromDOM(this.pixelViewport.top, 0); }
-    get visibleBottom() { return this.scaler.fromDOM(this.pixelViewport.bottom, 0); }
+    get visibleTop() { return this.scaler.fromDOM(this.pixelViewport.top); }
+    get visibleBottom() { return this.scaler.fromDOM(this.pixelViewport.bottom); }
     getViewport(bias, scrollTarget) {
         // This will divide VP.Margin between the top and the
         // bottom, depending on the bias (the change in viewport position
@@ -10375,12 +10426,12 @@ class ViewState {
         // This won't work at all in predominantly right-to-left text.
         if (this.heightOracle.direction != Direction.LTR)
             return gaps;
-        this.heightMap.forEachLine(this.viewport.from, this.viewport.to, this.state.doc, 0, 0, line => {
+        for (let line of this.viewportLines) {
             if (line.length < 4000 /* DoubleMargin */)
-                return;
+                continue;
             let structure = lineStructure(line.from, line.to, this.state);
             if (structure.total < 4000 /* DoubleMargin */)
-                return;
+                continue;
             let viewFrom, viewTo;
             if (this.heightOracle.lineWrapping) {
                 let marginHeight = (2000 /* Margin */ / this.heightOracle.lineLength) * this.heightOracle.lineHeight;
@@ -10410,7 +10461,7 @@ class ViewState {
                         Math.abs(gap.from - from) < 1000 /* HalfMargin */ && Math.abs(gap.to - to) < 1000 /* HalfMargin */) ||
                         new LineGap(from, to, this.gapSize(line, from, to, structure)));
                 }
-        });
+        }
         return gaps;
     }
     gapSize(line, from, to, structure) {
@@ -10442,27 +10493,18 @@ class ViewState {
         this.visibleRanges = ranges;
         return changed ? 4 /* Viewport */ : 0;
     }
-    lineAt(pos, editorTop) {
-        editorTop += this.paddingTop;
-        return scaleBlock(this.heightMap.lineAt(pos, QueryType.ByPos, this.state.doc, editorTop, 0), this.scaler, editorTop);
+    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);
     }
-    lineAtHeight(height, editorTop) {
-        editorTop += this.paddingTop;
-        return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height, editorTop), QueryType.ByHeight, this.state.doc, editorTop, 0), this.scaler, editorTop);
+    lineBlockAtHeight(height) {
+        return scaleBlock(this.heightMap.lineAt(this.scaler.fromDOM(height), QueryType.ByHeight, this.state.doc, 0, 0), this.scaler);
     }
-    blockAtHeight(height, editorTop) {
-        editorTop += this.paddingTop;
-        return scaleBlock(this.heightMap.blockAt(this.scaler.fromDOM(height, editorTop), this.state.doc, editorTop, 0), this.scaler, editorTop);
-    }
-    forEachLine(from, to, f, editorTop) {
-        editorTop += this.paddingTop;
-        return this.heightMap.forEachLine(from, to, this.state.doc, editorTop, 0, this.scaler.scale == 1 ? f : b => f(scaleBlock(b, this.scaler, editorTop)));
+    elementAtHeight(height) {
+        return scaleBlock(this.heightMap.blockAt(this.scaler.fromDOM(height), this.state.doc, 0, 0), this.scaler);
     }
     get contentHeight() {
-        return this.domHeight + this.paddingTop + this.paddingBottom;
-    }
-    get domHeight() {
-        return this.scaler.toDOM(this.heightMap.height, this.paddingTop);
+        return this.scaler.toDOM(this.heightMap.height) + this.paddingTop + this.paddingBottom;
     }
 }
 class Viewport {
@@ -10559,36 +10601,34 @@ class BigScaler {
             base = obj.bottom;
         }
     }
-    toDOM(n, top) {
-        n -= top;
+    toDOM(n) {
         for (let i = 0, base = 0, domBase = 0;; i++) {
             let vp = i < this.viewports.length ? this.viewports[i] : null;
             if (!vp || n < vp.top)
-                return domBase + (n - base) * this.scale + top;
+                return domBase + (n - base) * this.scale;
             if (n <= vp.bottom)
-                return vp.domTop + (n - vp.top) + top;
+                return vp.domTop + (n - vp.top);
             base = vp.bottom;
             domBase = vp.domBottom;
         }
     }
-    fromDOM(n, top) {
-        n -= top;
+    fromDOM(n) {
         for (let i = 0, base = 0, domBase = 0;; i++) {
             let vp = i < this.viewports.length ? this.viewports[i] : null;
             if (!vp || n < vp.domTop)
-                return base + (n - domBase) / this.scale + top;
+                return base + (n - domBase) / this.scale;
             if (n <= vp.domBottom)
-                return vp.top + (n - vp.domTop) + top;
+                return vp.top + (n - vp.domTop);
             base = vp.bottom;
             domBase = vp.domBottom;
         }
     }
 }
-function scaleBlock(block, scaler, top) {
+function scaleBlock(block, scaler) {
     if (scaler.scale == 1)
         return block;
-    let bTop = scaler.toDOM(block.top, top), bBottom = scaler.toDOM(block.bottom, top);
-    return new BlockInfo(block.from, block.length, bTop, bBottom - bTop, Array.isArray(block.type) ? block.type.map(b => scaleBlock(b, scaler, top)) : block.type);
+    let bTop = scaler.toDOM(block.top), bBottom = scaler.toDOM(block.bottom);
+    return new BlockInfo(block.from, block.length, bTop, bBottom - bTop, Array.isArray(block.type) ? block.type.map(b => scaleBlock(b, scaler)) : block.type);
 }
 
 const theme = /*@__PURE__*/Facet.define({ combine: strs => strs.join(" ") });
@@ -10725,7 +10765,7 @@ const baseTheme$8 = /*@__PURE__*/buildTheme("." + baseThemeID, {
         color: "inherit",
         fontSize: "70%",
         padding: ".2em 1em",
-        borderRadius: "3px"
+        borderRadius: "1px"
     },
     "&light .cm-button": {
         backgroundImage: "linear-gradient(#eff1f5, #d9d9df)",
@@ -10773,25 +10813,30 @@ class DOMObserver {
         this.onChange = onChange;
         this.onScrollChanged = onScrollChanged;
         this.active = false;
-        this.ignoreSelection = new DOMSelection;
+        // The known selection. Kept in our own object, as opposed to just
+        // directly accessing the selection because:
+        //  - Safari doesn't report the right selection in shadow DOM
+        //  - Reading from the selection forces a DOM layout
+        //  - This way, we can ignore selectionchange events if we have
+        //    already seen the 'new' selection
+        this.selectionRange = new DOMSelectionState;
+        // Set when a selection change is detected, cleared on flush
+        this.selectionChanged = false;
         this.delayedFlush = -1;
+        this.resizeTimeout = -1;
         this.queue = [];
-        this.lastFlush = 0;
         this.scrollTargets = [];
         this.intersection = null;
         this.resize = null;
         this.intersecting = false;
         this.gapIntersection = null;
         this.gaps = [];
-        // Used to work around a Safari Selection/shadow DOM bug (#414)
-        this._selectionRange = null;
         // Timeout for scheduling check of the parents that need scroll handlers
         this.parentCheck = -1;
         this.dom = view.contentDOM;
         this.observer = new MutationObserver(mutations => {
             for (let mut of mutations)
                 this.queue.push(mut);
-            this._selectionRange = null;
             // IE11 will sometimes (on typing over a selection or
             // backspacing out a single character text node) call the
             // observer callback before actually updating the DOM.
@@ -10818,8 +10863,11 @@ class DOMObserver {
         this.onSelectionChange = this.onSelectionChange.bind(this);
         if (typeof ResizeObserver == "function") {
             this.resize = new ResizeObserver(() => {
-                if (this.view.docView.lastUpdate < Date.now() - 100)
-                    this.view.requestMeasure();
+                if (this.view.docView.lastUpdate < Date.now() - 75 && this.resizeTimeout < 0)
+                    this.resizeTimeout = setTimeout(() => {
+                        this.resizeTimeout = -1;
+                        this.view.requestMeasure();
+                    }, 50);
             });
             this.resize.observe(view.scrollDOM);
         }
@@ -10843,10 +10891,12 @@ class DOMObserver {
             }, {});
         }
         this.listenForScroll();
+        this.readSelectionRange();
+        this.dom.ownerDocument.addEventListener("selectionchange", this.onSelectionChange);
     }
     onScroll(e) {
         if (this.intersecting)
-            this.flush();
+            this.flush(false);
         this.onScrollChanged(e);
     }
     updateGaps(gaps) {
@@ -10858,8 +10908,8 @@ class DOMObserver {
         }
     }
     onSelectionChange(event) {
-        if (this.lastFlush < Date.now() - 50)
-            this._selectionRange = null;
+        if (!this.readSelectionRange())
+            return;
         let { view } = this, sel = this.selectionRange;
         if (view.state.facet(editable) ? view.root.activeElement != this.dom : !hasSelection(view.dom, sel))
             return;
@@ -10874,24 +10924,22 @@ class DOMObserver {
             sel.focusNode && isEquivalentPosition(sel.focusNode, sel.focusOffset, sel.anchorNode, sel.anchorOffset))
             this.flushSoon();
         else
-            this.flush();
-    }
-    get selectionRange() {
-        if (!this._selectionRange) {
-            let { root } = this.view, sel = getSelection(root);
-            // The Selection object is broken in shadow roots in Safari. See
-            // https://github.com/codemirror/codemirror.next/issues/414
-            if (browser.safari && root.nodeType == 11 && deepActiveElement() == this.view.contentDOM)
-                sel = safariSelectionRangeHack(this.view) || sel;
-            this._selectionRange = sel;
-        }
-        return this._selectionRange;
+            this.flush(false);
+    }
+    readSelectionRange() {
+        let { root } = this.view, domSel = getSelection(root);
+        // The Selection object is broken in shadow roots in Safari. See
+        // https://github.com/codemirror/codemirror.next/issues/414
+        let range = browser.safari && root.nodeType == 11 && deepActiveElement() == this.view.contentDOM &&
+            safariSelectionRangeHack(this.view) || domSel;
+        if (this.selectionRange.eq(range))
+            return false;
+        this.selectionRange.setRange(range);
+        return this.selectionChanged = true;
     }
     setSelectionRange(anchor, head) {
-        var _a;
-        if (!((_a = this._selectionRange) === null || _a === void 0 ? void 0 : _a.type))
-            this._selectionRange = { anchorNode: anchor.node, anchorOffset: anchor.offset,
-                focusNode: head.node, focusOffset: head.offset };
+        this.selectionRange.set(anchor.node, anchor.offset, head.node, head.offset);
+        this.selectionChanged = false;
     }
     listenForScroll() {
         this.parentCheck = -1;
@@ -10938,7 +10986,6 @@ class DOMObserver {
         if (this.active)
             return;
         this.observer.observe(this.dom, observeOptions);
-        this.dom.ownerDocument.addEventListener("selectionchange", this.onSelectionChange);
         if (useCharData)
             this.dom.addEventListener("DOMCharacterDataModified", this.onCharData);
         this.active = true;
@@ -10948,18 +10995,14 @@ class DOMObserver {
             return;
         this.active = false;
         this.observer.disconnect();
-        this.dom.ownerDocument.removeEventListener("selectionchange", this.onSelectionChange);
         if (useCharData)
             this.dom.removeEventListener("DOMCharacterDataModified", this.onCharData);
     }
-    clearSelection() {
-        this.ignoreSelection.set(this.selectionRange);
-    }
     // Throw away any pending changes
     clear() {
         this.observer.takeRecords();
         this.queue.length = 0;
-        this.clearSelection();
+        this.selectionChanged = false;
     }
     flushSoon() {
         if (this.delayedFlush < 0)
@@ -10996,24 +11039,24 @@ class DOMObserver {
         return { from, to, typeOver };
     }
     // Apply pending changes, if any
-    flush() {
+    flush(readSelection = true) {
+        if (readSelection)
+            this.readSelectionRange();
         // 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
         if (this.delayedFlush >= 0 || this.view.inputState.pendingAndroidKey)
             return;
-        this.lastFlush = Date.now();
         let { from, to, typeOver } = this.processRecords();
-        let selection = this.selectionRange;
-        let newSel = !this.ignoreSelection.eq(selection) && hasSelection(this.dom, selection);
+        let newSel = this.selectionChanged && hasSelection(this.dom, this.selectionRange);
         if (from < 0 && !newSel)
             return;
+        this.selectionChanged = false;
         let startState = this.view.state;
         this.onChange(from, to, typeOver);
         // The view wasn't updated
         if (this.view.state == startState)
             this.view.docView.reset(newSel);
-        this.clearSelection();
     }
     readMutation(rec) {
         let cView = this.view.docView.nearest(rec.target);
@@ -11044,7 +11087,9 @@ class DOMObserver {
         for (let dom of this.scrollTargets)
             dom.removeEventListener("scroll", this.onScroll);
         window.removeEventListener("scroll", this.onScroll);
+        this.dom.ownerDocument.removeEventListener("selectionchange", this.onSelectionChange);
         clearTimeout(this.parentCheck);
+        clearTimeout(this.resizeTimeout);
     }
 }
 function findChild(cView, dom, dir) {
@@ -11057,6 +11102,7 @@ function findChild(cView, dom, dir) {
     }
     return null;
 }
+// Used to work around a Safari Selection/shadow DOM bug (#414)
 function safariSelectionRangeHack(view) {
     let found = null;
     // Because Safari (at least in 2018-2021) doesn't provide regular
@@ -11338,6 +11384,7 @@ class EditorView {
     */
     config = {}) {
         this.plugins = [];
+        this.pluginMap = new Map;
         this.editorAttrs = {};
         this.contentAttrs = {};
         this.bidiCache = [];
@@ -11476,6 +11523,7 @@ class EditorView {
                 this.mountStyles();
             this.updateAttrs();
             this.showAnnouncements(transactions);
+            this.docView.updateSelection(redrawn, transactions.some(tr => tr.isUserEvent("select.pointer")));
         }
         finally {
             this.updateState = 0 /* Idle */;
@@ -11506,6 +11554,7 @@ class EditorView {
                 plugin.destroy(this);
             this.viewState = new ViewState(newState);
             this.plugins = newState.facet(viewPlugin).map(spec => new PluginInstance(spec).update(this));
+            this.pluginMap.clear();
             this.docView = new DocView(this);
             this.inputState.ensureHandlers(this);
             this.mountStyles();
@@ -11536,6 +11585,7 @@ class EditorView {
                 if (plugin.mustUpdate != update)
                     plugin.destroy(this);
             this.plugins = newPlugins;
+            this.pluginMap.clear();
             this.inputState.ensureHandlers(this);
         }
         else {
@@ -11543,7 +11593,7 @@ class EditorView {
                 p.mustUpdate = update;
         }
         for (let i = 0; i < this.plugins.length; i++)
-            this.plugins[i] = this.plugins[i].update(this);
+            this.plugins[i].update(this);
     }
     /**
     @internal
@@ -11561,11 +11611,11 @@ class EditorView {
             for (let i = 0;; i++) {
                 this.updateState = 1 /* Measuring */;
                 let oldViewport = this.viewport;
-                let changed = this.viewState.measure(this.docView, i > 0);
+                let changed = this.viewState.measure(this);
                 if (!changed && !this.measureRequests.length && this.viewState.scrollTarget == null)
                     break;
                 if (i > 5) {
-                    console.warn("Viewport failed to stabilize");
+                    console.warn(this.measureRequests.length ? "Measure loop restarted more than 5 times" : "Viewport failed to stabilize");
                     break;
                 }
                 let measuring = [];
@@ -11581,7 +11631,7 @@ class EditorView {
                         return BadMeasure;
                     }
                 });
-                let update = new ViewUpdate(this, this.state);
+                let update = new ViewUpdate(this, this.state), redrawn = false;
                 update.flags |= changed;
                 if (!updated)
                     updated = update;
@@ -11591,14 +11641,15 @@ class EditorView {
                 if (!update.empty) {
                     this.updatePlugins(update);
                     this.inputState.update(update);
+                    this.updateAttrs();
+                    redrawn = this.docView.update(update);
                 }
-                this.updateAttrs();
-                if (changed)
-                    this.docView.update(update);
                 for (let i = 0; i < measuring.length; i++)
                     if (measured[i] != BadMeasure) {
                         try {
-                            measuring[i].write(measured[i], this);
+                            let m = measuring[i];
+                            if (m.write)
+                                m.write(measured[i], this);
                         }
                         catch (e) {
                             logException(this.state, e);
@@ -11608,6 +11659,8 @@ class EditorView {
                     this.docView.scrollIntoView(this.viewState.scrollTarget);
                     this.viewState.scrollTarget = null;
                 }
+                if (redrawn)
+                    this.docView.updateSelection(true);
                 if (this.viewport.from == oldViewport.from && this.viewport.to == oldViewport.to && this.measureRequests.length == 0)
                     break;
             }
@@ -11629,11 +11682,9 @@ class EditorView {
             this.state.facet(theme);
     }
     updateAttrs() {
-        let editorAttrs = combineAttrs(this.state.facet(editorAttributes), {
+        let editorAttrs = attrsFromFacet(this, editorAttributes, {
             class: "cm-editor" + (this.hasFocus ? " cm-focused " : " ") + this.themeClasses
         });
-        updateAttrs(this.dom, this.editorAttrs, editorAttrs);
-        this.editorAttrs = editorAttrs;
         let contentAttrs = {
             spellcheck: "false",
             autocorrect: "off",
@@ -11647,8 +11698,12 @@ class EditorView {
         };
         if (this.state.readOnly)
             contentAttrs["aria-readonly"] = "true";
-        combineAttrs(this.state.facet(contentAttributes), contentAttrs);
-        updateAttrs(this.contentDOM, this.contentAttrs, contentAttrs);
+        attrsFromFacet(this, contentAttributes, contentAttrs);
+        this.observer.ignore(() => {
+            updateAttrs(this.contentDOM, this.contentAttrs, contentAttrs);
+            updateAttrs(this.dom, this.editorAttrs, editorAttrs);
+        });
+        this.editorAttrs = editorAttrs;
         this.contentAttrs = contentAttrs;
     }
     showAnnouncements(trs) {
@@ -11712,10 +11767,24 @@ class EditorView {
     the return value of this method.
     */
     plugin(plugin) {
-        for (let inst of this.plugins)
-            if (inst.spec == plugin)
-                return inst.update(this).value;
-        return null;
+        let known = this.pluginMap.get(plugin);
+        if (known === undefined || known && known.spec != plugin)
+            this.pluginMap.set(plugin, known = this.plugins.find(p => p.spec == plugin) || null);
+        return known && known.update(this).value;
+    }
+    /**
+    The top position of the document, in screen coordinates. This
+    may be negative when the editor is scrolled down. Points
+    directly to the top of the first line, not above the padding.
+    */
+    get documentTop() {
+        return this.contentDOM.getBoundingClientRect().top + this.viewState.paddingTop;
+    }
+    /**
+    Reports the padding above and below the document.
+    */
+    get documentPadding() {
+        return { top: this.viewState.paddingTop, bottom: this.viewState.paddingBottom };
     }
     /**
     Find the line or block widget at the given vertical position.
@@ -11727,10 +11796,21 @@ class EditorView {
     position, or a precomputed document top
     (`view.contentDOM.getBoundingClientRect().top`) to limit layout
     queries.
+    
+    *Deprecated: use `blockAtHeight` instead.*
     */
     blockAtHeight(height, docTop) {
+        let top = ensureTop(docTop, this);
+        return this.elementAtHeight(height - top).moveY(top);
+    }
+    /**
+    Find the text line or block widget at the given vertical
+    position (which is interpreted as relative to the [top of the
+    document](https://codemirror.net/6/docs/ref/#view.EditorView.documentTop)
+    */
+    elementAtHeight(height) {
         this.readMeasured();
-        return this.viewState.blockAtHeight(height, ensureTop(docTop, this.contentDOM));
+        return this.viewState.elementAtHeight(height);
     }
     /**
     Find information for the visual line (see
@@ -11742,20 +11822,43 @@ class EditorView {
     Defaults to treating `height` as a screen position. See
     [`blockAtHeight`](https://codemirror.net/6/docs/ref/#view.EditorView.blockAtHeight) for the
     interpretation of the `docTop` parameter.
+    
+    *Deprecated: use `lineBlockAtHeight` instead.*
     */
     visualLineAtHeight(height, docTop) {
+        let top = ensureTop(docTop, this);
+        return this.lineBlockAtHeight(height - top).moveY(top);
+    }
+    /**
+    Find the line block (see
+    [`lineBlockAt`](https://codemirror.net/6/docs/ref/#view.EditorView.lineBlockAt) at the given
+    height.
+    */
+    lineBlockAtHeight(height) {
         this.readMeasured();
-        return this.viewState.lineAtHeight(height, ensureTop(docTop, this.contentDOM));
+        return this.viewState.lineBlockAtHeight(height);
     }
     /**
     Iterate over the height information of the visual lines in the
     viewport. The heights of lines are reported relative to the
     given document top, which defaults to the screen position of the
     document (forcing a layout).
+    
+    *Deprecated: use `viewportLineBlocks` instead.*
     */
     viewportLines(f, docTop) {
-        let { from, to } = this.viewport;
-        this.viewState.forEachLine(from, to, f, ensureTop(docTop, this.contentDOM));
+        let top = ensureTop(docTop, this);
+        for (let line of this.viewportLineBlocks)
+            f(line.moveY(top));
+    }
+    /**
+    Get the extent and vertical position of all [line
+    blocks](https://codemirror.net/6/docs/ref/#view.EditorView.lineBlockAt) in the viewport. Positions
+    are relative to the [top of the
+    document](https://codemirror.net/6/docs/ref/#view.EditorView.documentTop);
+    */
+    get viewportLineBlocks() {
+        return this.viewState.viewportLines;
     }
     /**
     Find the extent and height of the visual line (a range delimited
@@ -11766,9 +11869,22 @@ class EditorView {
     argument, which defaults to 0 for this method. You can pass
     `view.contentDOM.getBoundingClientRect().top` here to get screen
     coordinates.
+    
+    *Deprecated: use `lineBlockAt` instead.*
     */
     visualLineAt(pos, docTop = 0) {
-        return this.viewState.lineAt(pos, docTop);
+        return this.lineBlockAt(pos).moveY(docTop + this.viewState.paddingTop);
+    }
+    /**
+    Find the line block around the given document position. A line
+    block is a range delimited on both sides by either a
+    non-[hidden](https://codemirror.net/6/docs/ref/#view.Decoration^range) line breaks, or the
+    start/end of the document. It will usually just hold a line of
+    text, but may be broken into multiple textblocks by block
+    widgets.
+    */
+    lineBlockAt(pos) {
+        return this.viewState.lineBlockAt(pos);
     }
     /**
     The editor's total content height.
@@ -12101,8 +12217,9 @@ search match).
 EditorView.announce = /*@__PURE__*/StateEffect.define();
 // Maximum line length for which we compute accurate bidi info
 const MaxBidiLine = 4096;
-function ensureTop(given, dom) {
-    return given == null ? dom.getBoundingClientRect().top : given;
+// FIXME remove this and its callers on next breaking release
+function ensureTop(given, view) {
+    return (given == null ? view.contentDOM.getBoundingClientRect().top : given) + view.viewState.paddingTop;
 }
 let resizeDebounce = -1;
 function ensureGlobalHandler() {
@@ -12140,6 +12257,14 @@ class CachedOrder {
         return result;
     }
 }
+function attrsFromFacet(view, facet, base) {
+    for (let sources = view.state.facet(facet), i = sources.length - 1; i >= 0; i--) {
+        let source = sources[i], value = typeof source == "function" ? source(view) : source;
+        if (value)
+            combineAttrs(value, base);
+    }
+    return base;
+}
 
 const currentPlatform = browser.mac ? "mac" : browser.windows ? "win" : browser.linux ? "linux" : "key";
 function normalizeKeyName(name, platform) {
@@ -12453,7 +12578,7 @@ function wrappedLine(view, pos, inside) {
         type: BlockType.Text };
 }
 function blockAt(view, pos) {
-    let line = view.visualLineAt(pos);
+    let line = view.lineBlockAt(pos);
     if (Array.isArray(line.type))
         for (let l of line.type) {
             if (l.to > pos || l.to == pos && (l.to == line.to || l.type == BlockType.Text))
@@ -13083,12 +13208,12 @@ class ParseContext {
         }
         return this.withContext(() => {
             var _a;
+            let endTime = Date.now() + time;
             if (!this.parse)
                 this.parse = this.startParse();
             if (upto != null && (this.parse.stoppedAt == null || this.parse.stoppedAt > upto) &&
                 upto < this.state.doc.length)
                 this.parse.stopAt(upto);
-            let endTime = Date.now() + time;
             for (;;) {
                 let done = this.parse.advance();
                 if (done) {
@@ -13111,10 +13236,11 @@ class ParseContext {
     */
     takeTree() {
         let pos, tree;
-        if (this.parse && (pos = this.parse.parsedPos) > this.treeLen) {
+        if (this.parse && (pos = this.parse.parsedPos) >= this.treeLen) {
             if (this.parse.stoppedAt == null || this.parse.stoppedAt > pos)
                 this.parse.stopAt(pos);
             this.withContext(() => { while (!(tree = this.parse.advance())) { } });
+            this.treeLen = pos;
             this.tree = tree;
             this.fragments = this.withoutTempSkipped(TreeFragment.addTree(this.tree, this.fragments, true));
             this.parse = null;
@@ -13232,13 +13358,8 @@ class ParseContext {
     /**
     @internal
     */
-    movedPast(pos) {
-        return this.treeLen < pos && this.parse && this.parse.parsedPos >= pos;
-    }
-    /**
-    @internal
-    */
     isDone(upto) {
+        upto = Math.min(upto, this.state.doc.length);
         let frags = this.fragments;
         return this.treeLen >= upto && frags.length && frags[0].from == 0 && frags[0].to >= upto;
     }
@@ -13268,13 +13389,14 @@ class LanguageState {
         // state updates with parse work beyond the viewport.
         let upto = this.context.treeLen == tr.startState.doc.length ? undefined
             : Math.max(tr.changes.mapPos(this.context.treeLen), newCx.viewport.to);
-        if (!newCx.work(25 /* Apply */, upto))
+        if (!newCx.work(20 /* Apply */, upto))
             newCx.takeTree();
         return new LanguageState(newCx);
     }
     static init(state) {
-        let parseState = new ParseContext(state.facet(language$1).parser, state, [], Tree.empty, 0, { from: 0, to: state.doc.length }, [], null);
-        if (!parseState.work(25 /* Apply */))
+        let vpTo = Math.min(3000 /* InitViewport */, state.doc.length);
+        let parseState = new ParseContext(state.facet(language$1).parser, state, [], Tree.empty, 0, { from: 0, to: vpTo }, [], null);
+        if (!parseState.work(20 /* Apply */, vpTo))
             parseState.takeTree();
         return new LanguageState(parseState);
     }
@@ -13290,13 +13412,21 @@ Language.state = /*@__PURE__*/StateField.define({
         return value.apply(tr);
     }
 });
-let requestIdle = typeof window != "undefined" && window.requestIdleCallback ||
-    ((callback, { timeout }) => setTimeout(callback, timeout));
-let cancelIdle = typeof window != "undefined" && window.cancelIdleCallback || clearTimeout;
+let requestIdle = (callback) => {
+    let timeout = setTimeout(() => callback(), 500 /* MaxPause */);
+    return () => clearTimeout(timeout);
+};
+if (typeof requestIdleCallback != "undefined")
+    requestIdle = (callback) => {
+        let idle = -1, timeout = setTimeout(() => {
+            idle = requestIdleCallback(callback, { timeout: 500 /* MaxPause */ - 100 /* MinPause */ });
+        }, 100 /* MinPause */);
+        return () => idle < 0 ? clearTimeout(timeout) : cancelIdleCallback(idle);
+    };
 const parseWorker = /*@__PURE__*/ViewPlugin.fromClass(class ParseWorker {
     constructor(view) {
         this.view = view;
-        this.working = -1;
+        this.working = null;
         this.workScheduled = 0;
         // End of the current time chunk
         this.chunkEnd = -1;
@@ -13317,14 +13447,14 @@ const parseWorker = /*@__PURE__*/ViewPlugin.fromClass(class ParseWorker {
         this.checkAsyncSchedule(cx);
     }
     scheduleWork() {
-        if (this.working > -1)
+        if (this.working)
             return;
         let { state } = this.view, field = state.field(Language.state);
         if (field.tree != field.context.tree || !field.context.isDone(state.doc.length))
-            this.working = requestIdle(this.work, { timeout: 500 /* Pause */ });
+            this.working = requestIdle(this.work);
     }
     work(deadline) {
-        this.working = -1;
+        this.working = null;
         let now = Date.now();
         if (this.chunkEnd < now && (this.chunkEnd < 0 || this.view.hasFocus)) { // Start a new chunk
             this.chunkEnd = now + 30000 /* ChunkTime */;
@@ -13333,16 +13463,17 @@ const parseWorker = /*@__PURE__*/ViewPlugin.fromClass(class ParseWorker {
         if (this.chunkBudget <= 0)
             return; // No more budget
         let { state, viewport: { to: vpTo } } = this.view, field = state.field(Language.state);
-        if (field.tree == field.context.tree && field.context.treeLen >= vpTo + 1000000 /* MaxParseAhead */)
+        if (field.tree == field.context.tree && field.context.isDone(vpTo + 100000 /* MaxParseAhead */))
             return;
-        let time = Math.min(this.chunkBudget, deadline ? Math.max(25 /* MinSlice */, deadline.timeRemaining()) : 100 /* Slice */);
-        let done = field.context.work(time, vpTo + 1000000 /* MaxParseAhead */);
+        let time = Math.min(this.chunkBudget, 100 /* Slice */, deadline ? Math.max(25 /* MinSlice */, deadline.timeRemaining() - 5) : 1e9);
+        let viewportFirst = field.context.treeLen < vpTo && state.doc.length > vpTo + 1000;
+        let done = field.context.work(time, vpTo + (viewportFirst ? 0 : 100000 /* MaxParseAhead */));
         this.chunkBudget -= Date.now() - now;
-        if (done || this.chunkBudget <= 0 || field.context.movedPast(vpTo)) {
+        if (done || this.chunkBudget <= 0) {
             field.context.takeTree();
             this.view.dispatch({ effects: Language.setState.of(new LanguageState(field.context)) });
         }
-        if (!done && this.chunkBudget > 0)
+        if (this.chunkBudget > 0 && !(done && !viewportFirst))
             this.scheduleWork();
         this.checkAsyncSchedule(field.context);
     }
@@ -13357,11 +13488,11 @@ const parseWorker = /*@__PURE__*/ViewPlugin.fromClass(class ParseWorker {
         }
     }
     destroy() {
-        if (this.working >= 0)
-            cancelIdle(this.working);
+        if (this.working)
+            this.working();
     }
     isWorking() {
-        return this.working >= 0 || this.workScheduled > 0;
+        return this.working || this.workScheduled > 0;
     }
 }, {
     eventHandlers: { focus() { this.scheduleWork(); } }
@@ -16072,7 +16203,12 @@ class Stack {
     }
     /// @internal
     forceAll() {
-        while (!this.p.parser.stateFlag(this.state, 2 /* Accepting */) && this.forceReduce()) { }
+        while (!this.p.parser.stateFlag(this.state, 2 /* Accepting */)) {
+            if (!this.forceReduce()) {
+                this.storeNode(0 /* Err */, this.pos, this.pos, 4, true);
+                break;
+            }
+        }
         return this;
     }
     /// Check whether this state has no further actions (assumed to be a direct descendant of the
@@ -16321,8 +16457,8 @@ class InputStream {
                 result = this.chunk2.charCodeAt(0);
             }
         }
-        if (pos > this.token.lookAhead)
-            this.token.lookAhead = pos;
+        if (pos >= this.token.lookAhead)
+            this.token.lookAhead = pos + 1;
         return result;
     }
     /// Accept a token. By default, the end of the token is set to the
@@ -16374,8 +16510,8 @@ class InputStream {
             this.pos = this.range.from;
         }
         this.pos += n;
-        if (this.pos > this.token.lookAhead)
-            this.token.lookAhead = this.pos;
+        if (this.pos >= this.token.lookAhead)
+            this.token.lookAhead = this.pos + 1;
         return this.readNext();
     }
     setDone() {
@@ -16388,7 +16524,8 @@ class InputStream {
     reset(pos, token) {
         if (token) {
             this.token = token;
-            token.start = token.lookAhead = pos;
+            token.start = pos;
+            token.lookAhead = pos + 1;
             token.value = token.extended = -1;
         }
         else {
@@ -16786,7 +16923,7 @@ class Parse {
         this.input = input;
         this.ranges = ranges;
         this.recovering = 0;
-        this.nextStackID = 0x2654;
+        this.nextStackID = 0x2654; // ♔, ♕, ♖, ♗, ♘, ♙, ♠, ♡, ♢, ♣, ♤, ♥, ♦, ♧
         this.minStackPos = 0;
         this.reused = [];
         this.stoppedAt = null;
@@ -16850,7 +16987,8 @@ class Parse {
                 this.recovering = 5 /* Distance */;
         }
         if (this.recovering && stopped) {
-            let finished = this.runRecovery(stopped, stoppedTokens, newStacks);
+            let finished = this.stoppedAt != null && stopped[0].pos > this.stoppedAt ? stopped[0]
+                : this.runRecovery(stopped, stoppedTokens, newStacks);
             if (finished)
                 return this.stackToTree(finished.forceAll());
         }
@@ -17834,7 +17972,8 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
     constructor(view) {
         this.view = view;
         this.inView = true;
-        this.lastLayoutWrite = 0;
+        this.lastTransaction = 0;
+        this.intersectionTimeout = -1;
         let config = view.state.facet(tooltipConfig);
         this.position = config.position;
         this.parent = config.parent;
@@ -17843,9 +17982,12 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
         this.measureReq = { read: this.readMeasure.bind(this), write: this.writeMeasure.bind(this), key: this };
         this.manager = new TooltipViewManager(view, showTooltip, t => this.createTooltip(t));
         this.intersectionObserver = typeof IntersectionObserver == "function" ? new IntersectionObserver(entries => {
-            if (Date.now() > this.lastLayoutWrite - 20 &&
+            if (this.intersectionTimeout < 0 && Date.now() > this.lastTransaction - 50 &&
                 entries.length > 0 && entries[entries.length - 1].intersectionRatio < 1)
-                this.maybeMeasure();
+                this.intersectionTimeout = setTimeout(() => {
+                    this.intersectionTimeout = -1;
+                    this.maybeMeasure();
+                }, 50);
         }, { threshold: [1] }) : null;
         this.observeIntersection();
         this.maybeMeasure();
@@ -17869,6 +18011,8 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
         }
     }
     update(update) {
+        if (update.transactions.length)
+            this.lastTransaction = Date.now();
         let updated = this.manager.update(update);
         if (updated)
             this.observeIntersection();
@@ -17915,6 +18059,7 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
         for (let { dom } of this.manager.tooltipViews)
             dom.remove();
         (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        clearTimeout(this.intersectionTimeout);
     }
     readMeasure() {
         let editor = this.view.dom.getBoundingClientRect();
@@ -17927,7 +18072,6 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
         };
     }
     writeMeasure(measured) {
-        this.lastLayoutWrite = Date.now();
         let { editor, space } = measured;
         let others = [];
         for (let i = 0; i < this.manager.tooltips.length; i++) {
@@ -17945,13 +18089,14 @@ const tooltipPlugin = /*@__PURE__*/ViewPlugin.fromClass(class {
             let arrowHeight = arrow ? 7 /* Size */ : 0;
             let width = size.right - size.left, height = size.bottom - size.top;
             let offset = tView.offset || noOffset, ltr = this.view.textDirection == Direction.LTR;
-            let left = ltr
-                ? Math.min(pos.left - (arrow ? 14 /* Offset */ : 0) + offset.x, space.right - width)
-                : Math.max(space.left, pos.left - width + (arrow ? 14 /* Offset */ : 0) - offset.x);
+            let left = size.width > space.right - space.left ? (ltr ? space.left : space.right - size.width)
+                : ltr ? Math.min(pos.left - (arrow ? 14 /* Offset */ : 0) + offset.x, space.right - width)
+                    : Math.max(space.left, pos.left - width + (arrow ? 14 /* Offset */ : 0) - offset.x);
             let above = !!tooltip.above;
             if (!tooltip.strictSide && (above
                 ? pos.top - (size.bottom - size.top) - offset.y < space.top
-                : pos.bottom + (size.bottom - size.top) + offset.y > space.bottom))
+                : pos.bottom + (size.bottom - size.top) + offset.y > space.bottom) &&
+                above == (space.bottom - pos.bottom > pos.top - space.top))
                 above = !above;
             let top = above ? pos.top - height - arrowHeight - offset.y : pos.bottom + arrowHeight + offset.y;
             let right = left + width;
@@ -18525,9 +18670,9 @@ class CompletionTooltip {
         if (!sel || !this.info)
             return null;
         let rect = this.dom.getBoundingClientRect(), infoRect = this.info.getBoundingClientRect();
-        let top = Math.min(sel.getBoundingClientRect().top, innerHeight - infoRect.height) - rect.top;
-        if (top < 0 || top > this.list.clientHeight - 10)
+        if (rect.top > innerHeight - 10 || rect.bottom < 10)
             return null;
+        let top = Math.max(0, Math.min(sel.getBoundingClientRect().top, innerHeight - infoRect.height)) - rect.top;
         let left = this.view.textDirection == Direction.RTL;
         let spaceLeft = rect.left, spaceRight = innerWidth - rect.right;
         if (left && spaceLeft < Math.min(infoRect.width, spaceRight))
@@ -18537,10 +18682,12 @@ class CompletionTooltip {
         return { top, left };
     }
     positionInfo(pos) {
-        if (this.info && pos) {
-            this.info.style.top = pos.top + "px";
-            this.info.classList.toggle("cm-completionInfo-left", pos.left);
-            this.info.classList.toggle("cm-completionInfo-right", !pos.left);
+        if (this.info) {
+            this.info.style.top = (pos ? pos.top : -1e6) + "px";
+            if (pos) {
+                this.info.classList.toggle("cm-completionInfo-left", pos.left);
+                this.info.classList.toggle("cm-completionInfo-right", !pos.left);
+            }
         }
     }
     createListBox(options, id, range) {
@@ -19489,6 +19636,11 @@ class GutterMarker extends RangeValue {
     Compare this marker to another marker of the same type.
     */
     eq(other) { return false; }
+    /**
+    Called if the marker has a `toDOM` method and its representation
+    was removed from a gutter.
+    */
+    destroy(dom) { }
 }
 GutterMarker.prototype.elementClass = "";
 GutterMarker.prototype.toDOM = undefined;
@@ -19588,6 +19740,7 @@ function gutters(config) {
 const gutterView = /*@__PURE__*/ViewPlugin.fromClass(class {
     constructor(view) {
         this.view = view;
+        this.prevViewport = view.viewport;
         this.dom = document.createElement("div");
         this.dom.className = "cm-gutters";
         this.dom.setAttribute("aria-hidden", "true");
@@ -19602,24 +19755,34 @@ const gutterView = /*@__PURE__*/ViewPlugin.fromClass(class {
             // gutter (or just force fixed=false on IE11?)
             this.dom.style.position = "sticky";
         }
+        this.syncGutters(false);
         view.scrollDOM.insertBefore(this.dom, view.contentDOM);
-        this.syncGutters();
     }
     update(update) {
-        if (this.updateGutters(update))
-            this.syncGutters();
+        if (this.updateGutters(update)) {
+            // Detach during sync when the viewport changed significantly
+            // (such as during scrolling), since for large updates that is
+            // faster.
+            let vpA = this.prevViewport, vpB = update.view.viewport;
+            let vpOverlap = Math.min(vpA.to, vpB.to) - Math.max(vpA.from, vpB.from);
+            this.syncGutters(vpOverlap < (vpB.to - vpB.from) * 0.8);
+        }
         if (update.geometryChanged)
             this.dom.style.minHeight = this.view.contentHeight + "px";
         if (this.view.state.facet(unfixGutters) != !this.fixed) {
             this.fixed = !this.fixed;
             this.dom.style.position = this.fixed ? "sticky" : "";
         }
+        this.prevViewport = update.view.viewport;
     }
-    syncGutters() {
+    syncGutters(detach) {
+        let after = this.dom.nextSibling;
+        if (detach)
+            this.dom.remove();
         let lineClasses = RangeSet.iter(this.view.state.facet(gutterLineClass), this.view.viewport.from);
         let classSet = [];
-        let contexts = this.gutters.map(gutter => new UpdateContext(gutter, this.view.viewport));
-        this.view.viewportLines(line => {
+        let contexts = this.gutters.map(gutter => new UpdateContext(gutter, this.view.viewport, -this.view.documentPadding.top));
+        for (let line of this.view.viewportLineBlocks) {
             let text;
             if (Array.isArray(line.type)) {
                 for (let b of line.type)
@@ -19632,15 +19795,17 @@ const gutterView = /*@__PURE__*/ViewPlugin.fromClass(class {
                 text = line.type == BlockType.Text ? line : undefined;
             }
             if (!text)
-                return;
+                continue;
             if (classSet.length)
                 classSet = [];
             advanceCursor(lineClasses, classSet, line.from);
             for (let cx of contexts)
                 cx.line(this.view, text, classSet);
-        }, 0);
+        }
         for (let cx of contexts)
             cx.finish();
+        if (detach)
+            this.view.scrollDOM.insertBefore(this.dom, after);
     }
     updateGutters(update) {
         let prev = update.startState.facet(activeGutters), cur = update.state.facet(activeGutters);
@@ -19664,8 +19829,11 @@ const gutterView = /*@__PURE__*/ViewPlugin.fromClass(class {
                     gutters.push(this.gutters[known]);
                 }
             }
-            for (let g of this.gutters)
+            for (let g of this.gutters) {
                 g.dom.remove();
+                if (gutters.indexOf(g) < 0)
+                    g.destroy();
+            }
             for (let g of gutters)
                 this.dom.appendChild(g.dom);
             this.gutters = gutters;
@@ -19673,6 +19841,8 @@ const gutterView = /*@__PURE__*/ViewPlugin.fromClass(class {
         return change;
     }
     destroy() {
+        for (let view of this.gutters)
+            view.destroy();
         this.dom.remove();
     }
 }, {
@@ -19691,11 +19861,11 @@ function advanceCursor(cursor, collect, pos) {
     }
 }
 class UpdateContext {
-    constructor(gutter, viewport) {
+    constructor(gutter, viewport, height) {
         this.gutter = gutter;
+        this.height = height;
         this.localMarkers = [];
         this.i = 0;
-        this.height = 0;
         this.cursor = RangeSet.iter(gutter.markers, viewport.from);
     }
     line(view, line, extraMarkers) {
@@ -19716,18 +19886,18 @@ class UpdateContext {
             gutter.dom.appendChild(newElt.dom);
         }
         else {
-            let elt = gutter.elements[this.i];
-            if (sameMarkers(localMarkers, elt.markers))
-                localMarkers = elt.markers;
-            elt.update(view, line.height, above, localMarkers);
+            gutter.elements[this.i].update(view, line.height, above, localMarkers);
         }
         this.height = line.bottom;
         this.i++;
     }
     finish() {
         let gutter = this.gutter;
-        while (gutter.elements.length > this.i)
-            gutter.dom.removeChild(gutter.elements.pop().dom);
+        while (gutter.elements.length > this.i) {
+            let last = gutter.elements.pop();
+            gutter.dom.removeChild(last.dom);
+            last.destroy();
+        }
     }
 }
 class SingleGutterView {
@@ -19740,7 +19910,7 @@ class SingleGutterView {
         this.dom.className = "cm-gutter" + (this.config.class ? " " + this.config.class : "");
         for (let prop in config.domEventHandlers) {
             this.dom.addEventListener(prop, (event) => {
-                let line = view.visualLineAtHeight(event.clientY, view.contentDOM.getBoundingClientRect().top);
+                let line = view.lineBlockAtHeight(event.clientY - view.documentTop);
                 if (config.domEventHandlers[prop](view, line, event))
                     event.preventDefault();
             });
@@ -19764,11 +19934,16 @@ class SingleGutterView {
         return !RangeSet.eq(this.markers, prevMarkers, vp.from, vp.to) ||
             (this.config.lineMarkerChange ? this.config.lineMarkerChange(update) : false);
     }
+    destroy() {
+        for (let elt of this.elements)
+            elt.destroy();
+    }
 }
 class GutterElement {
     constructor(view, height, above, markers) {
         this.height = -1;
         this.above = 0;
+        this.markers = [];
         this.dom = document.createElement("div");
         this.update(view, height, above, markers);
     }
@@ -19777,20 +19952,52 @@ class GutterElement {
             this.dom.style.height = (this.height = height) + "px";
         if (this.above != above)
             this.dom.style.marginTop = (this.above = above) ? above + "px" : "";
-        if (this.markers != markers) {
-            this.markers = markers;
-            for (let ch; ch = this.dom.lastChild;)
-                ch.remove();
-            let cls = "cm-gutterElement";
-            for (let m of markers) {
-                if (m.toDOM)
-                    this.dom.appendChild(m.toDOM(view));
-                let c = m.elementClass;
+        if (!sameMarkers(this.markers, markers))
+            this.setMarkers(view, markers);
+    }
+    setMarkers(view, markers) {
+        let cls = "cm-gutterElement", domPos = this.dom.firstChild;
+        for (let iNew = 0, iOld = 0;;) {
+            let skipTo = iOld, marker = iNew < markers.length ? markers[iNew++] : null, matched = false;
+            if (marker) {
+                let c = marker.elementClass;
                 if (c)
                     cls += " " + c;
+                for (let i = iOld; i < this.markers.length; i++)
+                    if (this.markers[i].compare(marker)) {
+                        skipTo = i;
+                        matched = true;
+                        break;
+                    }
             }
-            this.dom.className = cls;
+            else {
+                skipTo = this.markers.length;
+            }
+            while (iOld < skipTo) {
+                let next = this.markers[iOld++];
+                if (next.toDOM) {
+                    next.destroy(domPos);
+                    let after = domPos.nextSibling;
+                    domPos.remove();
+                    domPos = after;
+                }
+            }
+            if (!marker)
+                break;
+            if (marker.toDOM) {
+                if (matched)
+                    domPos = domPos.nextSibling;
+                else
+                    this.dom.insertBefore(marker.toDOM(view), domPos);
+            }
+            if (matched)
+                iOld++;
         }
+        this.dom.className = cls;
+        this.markers = markers;
+    }
+    destroy() {
+        this.setMarkers(null, []); // First argument not used unless creating markers
     }
 }
 function sameMarkers(a, b) {
@@ -21246,7 +21453,7 @@ function selectedLines(view) {
     for (let { head } of view.state.selection.ranges) {
         if (lines.some(l => l.from <= head && l.to >= head))
             continue;
-        lines.push(view.visualLineAt(head));
+        lines.push(view.lineBlockAt(head));
     }
     return lines;
 }
@@ -21336,10 +21543,10 @@ Fold all top-level foldable ranges.
 const foldAll = view => {
     let { state } = view, effects = [];
     for (let pos = 0; pos < state.doc.length;) {
-        let line = view.visualLineAt(pos), range = foldable(state, line.from, line.to);
+        let line = view.lineBlockAt(pos), range = foldable(state, line.from, line.to);
         if (range)
             effects.push(foldEffect.of(range));
-        pos = (range ? view.visualLineAt(range.to) : line).to + 1;
+        pos = (range ? view.lineBlockAt(range.to) : line).to + 1;
     }
     if (effects.length)
         view.dispatch({ effects: maybeEnable(view.state, effects) });
@@ -21392,7 +21599,7 @@ const foldWidget = /*@__PURE__*/Decoration.replace({ widget: /*@__PURE__*/new cl
         toDOM(view) {
             let { state } = view, conf = state.facet(foldConfig);
             let onclick = (event) => {
-                let line = view.visualLineAt(view.posAtDOM(event.target));
+                let line = view.lineBlockAt(view.posAtDOM(event.target));
                 let folded = foldInside(view.state, line.from, line.to);
                 if (folded)
                     view.dispatch({ effects: unfoldEffect.of(folded) });
@@ -21451,12 +21658,12 @@ function foldGutter(config = {}) {
         }
         buildMarkers(view) {
             let builder = new RangeSetBuilder();
-            view.viewportLines(line => {
+            for (let line of view.viewportLineBlocks) {
                 let mark = foldInside(view.state, line.from, line.to) ? canUnfold
                     : foldable(view.state, line.from, line.to) ? canFold : null;
                 if (mark)
                     builder.add(line.from, line.from, mark);
-            });
+            }
             return builder.finish();
         }
     });
@@ -22885,11 +23092,13 @@ function buildPanel(conf) {
         button("select", () => selectMatches(conf.view), [phrase("all")]),
         crelt("label", null, [caseField, phrase("match case")]),
         crelt("label", null, [reField, phrase("regexp")]),
-        crelt("br"),
-        replaceField,
-        button("replace", () => replaceNext(conf.view), [phrase("replace")]),
-        button("replaceAll", () => replaceAll(conf.view), [phrase("replace all")]),
-        crelt("button", { name: "close", onclick: () => closeSearchPanel(conf.view), "aria-label": phrase("close"), type: "button" }, ["×"])
+        ...conf.view.state.readOnly ? [] : [
+            crelt("br"),
+            replaceField,
+            button("replace", () => replaceNext(conf.view), [phrase("replace")]),
+            button("replaceAll", () => replaceAll(conf.view), [phrase("replace all")]),
+            crelt("button", { name: "close", onclick: () => closeSearchPanel(conf.view), "aria-label": phrase("close"), type: "button" }, ["×"])
+        ]
     ]);
     return panel;
 }
@@ -26203,12 +26412,12 @@ const GlobalAttrs = {
 };
 const AllTags = /*@__PURE__*/Object.keys(Tags);
 const GlobalAttrNames = /*@__PURE__*/Object.keys(GlobalAttrs);
-function elementName(doc, tree) {
+function elementName(doc, tree, max = doc.length) {
     if (!tree)
         return "";
     let tag = tree.firstChild;
     let name = tag && tag.getChild("TagName");
-    return name ? doc.sliceString(name.from, name.to) : "";
+    return name ? doc.sliceString(name.from, Math.min(name.to, max)) : "";
 }
 function findParentElement(tree, skip = false) {
     for (let cur = tree.parent; cur; cur = cur.parent)
@@ -26433,18 +26642,18 @@ const autoCloseTags = /*@__PURE__*/EditorView.inputHandler.of((view, from, to, t
     let { state } = view;
     let changes = state.changeByRange(range => {
         var _a, _b, _c;
-        let around = syntaxTree(state).resolveInner(range.head, -1), name;
+        let { head } = range, around = syntaxTree(state).resolveInner(head, -1), name;
         if (around.name == "TagName" || around.name == "StartTag")
             around = around.parent;
         if (text == ">" && around.name == "OpenTag") {
-            if (((_b = (_a = around.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name = elementName(state.doc, around.parent)))
-                return { range: EditorSelection.cursor(range.head + 1), changes: { from: range.head, insert: `></${name}>` } };
+            if (((_b = (_a = around.parent) === null || _a === void 0 ? void 0 : _a.lastChild) === null || _b === void 0 ? void 0 : _b.name) != "CloseTag" && (name = elementName(state.doc, around.parent, head)))
+                return { range: EditorSelection.cursor(head + 1), changes: { from: head, insert: `></${name}>` } };
         }
         else if (text == "/" && around.name == "OpenTag") {
             let empty = around.parent, base = empty === null || empty === void 0 ? void 0 : empty.parent;
-            if (empty.from == range.head - 1 && ((_c = base.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name = elementName(state.doc, base))) {
+            if (empty.from == head - 1 && ((_c = base.lastChild) === null || _c === void 0 ? void 0 : _c.name) != "CloseTag" && (name = elementName(state.doc, base, head))) {
                 let insert = `/${name}>`;
-                return { range: EditorSelection.cursor(range.head + insert.length), changes: { from: range.head, insert } };
+                return { range: EditorSelection.cursor(head + insert.length), changes: { from: head, insert } };
             }
         }
         return { range };
diff --git a/package-lock.json b/package-lock.json
index f84c3dd..0942e6c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -165,9 +165,9 @@
       }
     },
     "node_modules/@codemirror/autocomplete": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-0.19.8.tgz",
-      "integrity": "sha512-o4I1pRlFjhBHOYab+QfpKcW0B8FqAH+2pdmCYrkTz3bm1djVwhlMEhv1s/aTKhdjLtkfZFUbdHBi+8xe22wUCA==",
+      "version": "0.19.9",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-0.19.9.tgz",
+      "integrity": "sha512-Ph1LWHtFFqNUIqEVrws6I263ihe5TH+TRBPwxQ78j7st7Q67FDAmgKX6mNbUPh02dxfqQrc9qxlo5JIqKeiVdg==",
       "dependencies": {
         "@codemirror/language": "^0.19.0",
         "@codemirror/state": "^0.19.4",
@@ -271,25 +271,25 @@
       }
     },
     "node_modules/@codemirror/fold": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/fold/-/fold-0.19.1.tgz",
-      "integrity": "sha512-3GwQpxgv03urb8BPBvX1JSjl+uMXKqngRG6qHZXSM2FefxFKvTuyL44MCb35aodtfKjGwoxizk+7b6CbAOLyOw==",
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/fold/-/fold-0.19.2.tgz",
+      "integrity": "sha512-FLi6RBhHPBnSbKZEu1S98z+VYSP5678cMdYVqhR58OWWTkEiLRVPeCTj8FhRKNL9B8Gx+lBQhGq3uwr3KtSs8w==",
       "dependencies": {
         "@codemirror/gutter": "^0.19.0",
         "@codemirror/language": "^0.19.0",
         "@codemirror/rangeset": "^0.19.0",
         "@codemirror/state": "^0.19.0",
-        "@codemirror/view": "^0.19.0"
+        "@codemirror/view": "^0.19.22"
       }
     },
     "node_modules/@codemirror/gutter": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@codemirror/gutter/-/gutter-0.19.5.tgz",
-      "integrity": "sha512-Vqy+RXgBdnmbxNYx4/irQcfU9ecFz8SB/vhDOeHHSGtDqs+TihYHnHgBZLz6uILEG0YIjp0/zYY3P2NgZ/iyEg==",
+      "version": "0.19.9",
+      "resolved": "https://registry.npmjs.org/@codemirror/gutter/-/gutter-0.19.9.tgz",
+      "integrity": "sha512-PFrtmilahin1g6uL27aG5tM/rqR9DZzZYZsIrCXA5Uc2OFTFqx4owuhoU9hqfYxHp5ovfvBwQ+txFzqS4vog6Q==",
       "dependencies": {
         "@codemirror/rangeset": "^0.19.0",
         "@codemirror/state": "^0.19.0",
-        "@codemirror/view": "^0.19.0"
+        "@codemirror/view": "^0.19.23"
       }
     },
     "node_modules/@codemirror/highlight": {
@@ -327,9 +327,9 @@
       }
     },
     "node_modules/@codemirror/lang-html": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-0.19.3.tgz",
-      "integrity": "sha512-QlZN8VhQ+vlOpDMbcfXcG3HiiNeklAfIYnKonPM902SM3nJc4rJ66X9O8mzy0TUDBmew9zaYDubvQcqw7rc5Bg==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-0.19.4.tgz",
+      "integrity": "sha512-GpiEikNuCBeFnS+/TJSeanwqaOfNm8Kkp9WpVNEPZCLyW1mAMCuFJu/3xlWYeWc778Hc3vJqGn3bn+cLNubgCA==",
       "dependencies": {
         "@codemirror/autocomplete": "^0.19.0",
         "@codemirror/highlight": "^0.19.6",
@@ -392,9 +392,9 @@
       }
     },
     "node_modules/@codemirror/language": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-0.19.5.tgz",
-      "integrity": "sha512-FnIST07vaM99mv1mJaMMLvxiHSDGgP3wdlcEZzmidndWdbxjrYYYnJzVUOEkeZJNGOfrtPRMF62UCyrTjQMR3g==",
+      "version": "0.19.7",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-0.19.7.tgz",
+      "integrity": "sha512-pNNUtYWMIMG0lUSKyUXJr8U0rFiCKsKFXbA2Oj17PC+S1FY99hV0z1vcntW67ekAIZw9DMEUQnLsKBuIbAUX7Q==",
       "dependencies": {
         "@codemirror/state": "^0.19.0",
         "@codemirror/text": "^0.19.0",
@@ -464,9 +464,9 @@
       }
     },
     "node_modules/@codemirror/search": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-0.19.3.tgz",
-      "integrity": "sha512-T8AcSGNYuYtmOUXzI0VtCa9SMA0C90/Zk7fxnabgy0dpViwokucCMY2+aBZMPncIatkgojzbiRn7d5Qo1Ugx9w==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-0.19.4.tgz",
+      "integrity": "sha512-Oogbi/Ep7suM3Q6eCeRdaPBHyJtuFnYo287H9uXwrbS7nCCoqYBy272tUt0OMt3GhJ3yK0/g+XMDveb+HVKRtA==",
       "dependencies": {
         "@codemirror/panel": "^0.19.0",
         "@codemirror/rangeset": "^0.19.0",
@@ -503,18 +503,18 @@
       "integrity": "sha512-Syu5Xc7tZzeUAM/y4fETkT0zgGr48rDG+w4U38bPwSIUr+L9S/7w2wDE1WGNzjaZPz12F6gb1gxWiSTg9ocLow=="
     },
     "node_modules/@codemirror/tooltip": {
-      "version": "0.19.9",
-      "resolved": "https://registry.npmjs.org/@codemirror/tooltip/-/tooltip-0.19.9.tgz",
-      "integrity": "sha512-tgDUEjPtB6K4gjo5i5yLCDHKQjP1KBCmJbqoIBZYKYYzHpu28G8+Az+ywPMI6Qu2j61Y+vrdRnR3B/ntJSE69A==",
+      "version": "0.19.10",
+      "resolved": "https://registry.npmjs.org/@codemirror/tooltip/-/tooltip-0.19.10.tgz",
+      "integrity": "sha512-xqIhCHr+IYoamdNLvBnU/oDh92zPnsbT1zLaFtKTFi9GI9SxOfBhWY3jfMENlK0j1C9rk8+AvwpXblPGvY/O6w==",
       "dependencies": {
         "@codemirror/state": "^0.19.0",
         "@codemirror/view": "^0.19.0"
       }
     },
     "node_modules/@codemirror/view": {
-      "version": "0.19.20",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-0.19.20.tgz",
-      "integrity": "sha512-j4cI/Egdhha77pMfKQQWZmpkcF7vhe21LqdZs8hsG09OtvsPVCHUXmfB0u7nMpcX1JR8aZ3ob9g6FMr+OVtjgA==",
+      "version": "0.19.26",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-0.19.26.tgz",
+      "integrity": "sha512-7QfXtFLDqXY2TfdxPCQ/NvXjINGaqXQ6SAHKQmxZ+jDcTCWmhFcxaAkrDneqcfGmtp72tUPOXG9PiwCbRWgRLw==",
       "dependencies": {
         "@codemirror/rangeset": "^0.19.0",
         "@codemirror/state": "^0.19.3",
@@ -524,9 +524,9 @@
       }
     },
     "node_modules/@lezer/common": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-0.15.8.tgz",
-      "integrity": "sha512-zpS/xty48huX4uBidupmWDYCRBYpVtoTiFhzYhd6GsQwU67WsdSImdWzZJDrF/DhcQ462wyrZahHlo2grFB5ig=="
+      "version": "0.15.10",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-0.15.10.tgz",
+      "integrity": "sha512-vlr+be73zTDoQBIknBVOh/633tmbQcjxUu9PIeVeYESeBK3V6TuBW96RRFg93Y2cyK9lglz241gOgSn452HFvA=="
     },
     "node_modules/@lezer/css": {
       "version": "0.15.2",
@@ -566,9 +566,9 @@
       }
     },
     "node_modules/@lezer/lr": {
-      "version": "0.15.4",
-      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-0.15.4.tgz",
-      "integrity": "sha512-vwgG80sihEGJn6wJp6VijXrnzVai/KPva/OzYKaWvIx0IiXKjoMQ8UAwcgpSBwfS4Fbz3IKOX/cCNXU3r1FvpQ==",
+      "version": "0.15.5",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-0.15.5.tgz",
+      "integrity": "sha512-DEcLyhdmBxD1foQe7RegLrSlfS/XaTMGLkO5evkzHWAQKh/JnFWp7j7iNB7s2EpxzRrBCh0U+W7JDCeFhv2mng==",
       "dependencies": {
         "@lezer/common": "^0.15.0"
       }
@@ -657,9 +657,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "16.11.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.9.tgz",
-      "integrity": "sha512-MKmdASMf3LtPzwLyRrFjtFFZ48cMf8jmX5VRYrDQiJa8Ybu5VAmkqBWqKU8fdCwD8ysw4mQ9nrEHvzg6gunR7A==",
+      "version": "16.11.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.11.tgz",
+      "integrity": "sha512-KB0sixD67CeecHC33MYn+eYARkqTheIRNuu97y2XMjR7Wu3XibO1vaY6VBV6O/a89SPI81cEUIYT87UqUWlZNw==",
       "dev": true
     },
     "node_modules/@types/resolve": {
@@ -1781,9 +1781,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.60.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.60.1.tgz",
-      "integrity": "sha512-akwfnpjY0rXEDSn1UTVfKXJhPsEBu+imi1gqBA1ZkHGydUnkV/fWCC90P7rDaLEW8KTwBcS1G3N4893Ndz+jwg==",
+      "version": "2.60.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.60.2.tgz",
+      "integrity": "sha512-1Bgjpq61sPjgoZzuiDSGvbI1tD91giZABgjCQBKM5aYLnzjq52GoDuWVwT/cm/MCxCMPU8gqQvkj8doQ5C8Oqw==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -2162,9 +2162,9 @@
       "dev": true
     },
     "node_modules/ws": {
-      "version": "8.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.3.0.tgz",
+      "integrity": "sha512-Gs5EZtpqZzLvmIM59w4igITU57lrtYVFneaa434VROv4thzJyV6UjIL3D42lslWlI+D4KzLYnxSwtfuiO79sNw==",
       "dev": true,
       "engines": {
         "node": ">=10.0.0"
@@ -2386,9 +2386,9 @@
       }
     },
     "@codemirror/autocomplete": {
-      "version": "0.19.8",
-      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-0.19.8.tgz",
-      "integrity": "sha512-o4I1pRlFjhBHOYab+QfpKcW0B8FqAH+2pdmCYrkTz3bm1djVwhlMEhv1s/aTKhdjLtkfZFUbdHBi+8xe22wUCA==",
+      "version": "0.19.9",
+      "resolved": "https://registry.npmjs.org/@codemirror/autocomplete/-/autocomplete-0.19.9.tgz",
+      "integrity": "sha512-Ph1LWHtFFqNUIqEVrws6I263ihe5TH+TRBPwxQ78j7st7Q67FDAmgKX6mNbUPh02dxfqQrc9qxlo5JIqKeiVdg==",
       "requires": {
         "@codemirror/language": "^0.19.0",
         "@codemirror/state": "^0.19.4",
@@ -2484,25 +2484,25 @@
       }
     },
     "@codemirror/fold": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/fold/-/fold-0.19.1.tgz",
-      "integrity": "sha512-3GwQpxgv03urb8BPBvX1JSjl+uMXKqngRG6qHZXSM2FefxFKvTuyL44MCb35aodtfKjGwoxizk+7b6CbAOLyOw==",
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/fold/-/fold-0.19.2.tgz",
+      "integrity": "sha512-FLi6RBhHPBnSbKZEu1S98z+VYSP5678cMdYVqhR58OWWTkEiLRVPeCTj8FhRKNL9B8Gx+lBQhGq3uwr3KtSs8w==",
       "requires": {
         "@codemirror/gutter": "^0.19.0",
         "@codemirror/language": "^0.19.0",
         "@codemirror/rangeset": "^0.19.0",
         "@codemirror/state": "^0.19.0",
-        "@codemirror/view": "^0.19.0"
+        "@codemirror/view": "^0.19.22"
       }
     },
     "@codemirror/gutter": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@codemirror/gutter/-/gutter-0.19.5.tgz",
-      "integrity": "sha512-Vqy+RXgBdnmbxNYx4/irQcfU9ecFz8SB/vhDOeHHSGtDqs+TihYHnHgBZLz6uILEG0YIjp0/zYY3P2NgZ/iyEg==",
+      "version": "0.19.9",
+      "resolved": "https://registry.npmjs.org/@codemirror/gutter/-/gutter-0.19.9.tgz",
+      "integrity": "sha512-PFrtmilahin1g6uL27aG5tM/rqR9DZzZYZsIrCXA5Uc2OFTFqx4owuhoU9hqfYxHp5ovfvBwQ+txFzqS4vog6Q==",
       "requires": {
         "@codemirror/rangeset": "^0.19.0",
         "@codemirror/state": "^0.19.0",
-        "@codemirror/view": "^0.19.0"
+        "@codemirror/view": "^0.19.23"
       }
     },
     "@codemirror/highlight": {
@@ -2540,9 +2540,9 @@
       }
     },
     "@codemirror/lang-html": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-0.19.3.tgz",
-      "integrity": "sha512-QlZN8VhQ+vlOpDMbcfXcG3HiiNeklAfIYnKonPM902SM3nJc4rJ66X9O8mzy0TUDBmew9zaYDubvQcqw7rc5Bg==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-0.19.4.tgz",
+      "integrity": "sha512-GpiEikNuCBeFnS+/TJSeanwqaOfNm8Kkp9WpVNEPZCLyW1mAMCuFJu/3xlWYeWc778Hc3vJqGn3bn+cLNubgCA==",
       "requires": {
         "@codemirror/autocomplete": "^0.19.0",
         "@codemirror/highlight": "^0.19.6",
@@ -2605,9 +2605,9 @@
       }
     },
     "@codemirror/language": {
-      "version": "0.19.5",
-      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-0.19.5.tgz",
-      "integrity": "sha512-FnIST07vaM99mv1mJaMMLvxiHSDGgP3wdlcEZzmidndWdbxjrYYYnJzVUOEkeZJNGOfrtPRMF62UCyrTjQMR3g==",
+      "version": "0.19.7",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-0.19.7.tgz",
+      "integrity": "sha512-pNNUtYWMIMG0lUSKyUXJr8U0rFiCKsKFXbA2Oj17PC+S1FY99hV0z1vcntW67ekAIZw9DMEUQnLsKBuIbAUX7Q==",
       "requires": {
         "@codemirror/state": "^0.19.0",
         "@codemirror/text": "^0.19.0",
@@ -2677,9 +2677,9 @@
       }
     },
     "@codemirror/search": {
-      "version": "0.19.3",
-      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-0.19.3.tgz",
-      "integrity": "sha512-T8AcSGNYuYtmOUXzI0VtCa9SMA0C90/Zk7fxnabgy0dpViwokucCMY2+aBZMPncIatkgojzbiRn7d5Qo1Ugx9w==",
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/search/-/search-0.19.4.tgz",
+      "integrity": "sha512-Oogbi/Ep7suM3Q6eCeRdaPBHyJtuFnYo287H9uXwrbS7nCCoqYBy272tUt0OMt3GhJ3yK0/g+XMDveb+HVKRtA==",
       "requires": {
         "@codemirror/panel": "^0.19.0",
         "@codemirror/rangeset": "^0.19.0",
@@ -2716,18 +2716,18 @@
       "integrity": "sha512-Syu5Xc7tZzeUAM/y4fETkT0zgGr48rDG+w4U38bPwSIUr+L9S/7w2wDE1WGNzjaZPz12F6gb1gxWiSTg9ocLow=="
     },
     "@codemirror/tooltip": {
-      "version": "0.19.9",
-      "resolved": "https://registry.npmjs.org/@codemirror/tooltip/-/tooltip-0.19.9.tgz",
-      "integrity": "sha512-tgDUEjPtB6K4gjo5i5yLCDHKQjP1KBCmJbqoIBZYKYYzHpu28G8+Az+ywPMI6Qu2j61Y+vrdRnR3B/ntJSE69A==",
+      "version": "0.19.10",
+      "resolved": "https://registry.npmjs.org/@codemirror/tooltip/-/tooltip-0.19.10.tgz",
+      "integrity": "sha512-xqIhCHr+IYoamdNLvBnU/oDh92zPnsbT1zLaFtKTFi9GI9SxOfBhWY3jfMENlK0j1C9rk8+AvwpXblPGvY/O6w==",
       "requires": {
         "@codemirror/state": "^0.19.0",
         "@codemirror/view": "^0.19.0"
       }
     },
     "@codemirror/view": {
-      "version": "0.19.20",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-0.19.20.tgz",
-      "integrity": "sha512-j4cI/Egdhha77pMfKQQWZmpkcF7vhe21LqdZs8hsG09OtvsPVCHUXmfB0u7nMpcX1JR8aZ3ob9g6FMr+OVtjgA==",
+      "version": "0.19.26",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-0.19.26.tgz",
+      "integrity": "sha512-7QfXtFLDqXY2TfdxPCQ/NvXjINGaqXQ6SAHKQmxZ+jDcTCWmhFcxaAkrDneqcfGmtp72tUPOXG9PiwCbRWgRLw==",
       "requires": {
         "@codemirror/rangeset": "^0.19.0",
         "@codemirror/state": "^0.19.3",
@@ -2737,9 +2737,9 @@
       }
     },
     "@lezer/common": {
-      "version": "0.15.8",
-      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-0.15.8.tgz",
-      "integrity": "sha512-zpS/xty48huX4uBidupmWDYCRBYpVtoTiFhzYhd6GsQwU67WsdSImdWzZJDrF/DhcQ462wyrZahHlo2grFB5ig=="
+      "version": "0.15.10",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-0.15.10.tgz",
+      "integrity": "sha512-vlr+be73zTDoQBIknBVOh/633tmbQcjxUu9PIeVeYESeBK3V6TuBW96RRFg93Y2cyK9lglz241gOgSn452HFvA=="
     },
     "@lezer/css": {
       "version": "0.15.2",
@@ -2776,9 +2776,9 @@
       }
     },
     "@lezer/lr": {
-      "version": "0.15.4",
-      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-0.15.4.tgz",
-      "integrity": "sha512-vwgG80sihEGJn6wJp6VijXrnzVai/KPva/OzYKaWvIx0IiXKjoMQ8UAwcgpSBwfS4Fbz3IKOX/cCNXU3r1FvpQ==",
+      "version": "0.15.5",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-0.15.5.tgz",
+      "integrity": "sha512-DEcLyhdmBxD1foQe7RegLrSlfS/XaTMGLkO5evkzHWAQKh/JnFWp7j7iNB7s2EpxzRrBCh0U+W7JDCeFhv2mng==",
       "requires": {
         "@lezer/common": "^0.15.0"
       }
@@ -2847,9 +2847,9 @@
       "dev": true
     },
     "@types/node": {
-      "version": "16.11.9",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.9.tgz",
-      "integrity": "sha512-MKmdASMf3LtPzwLyRrFjtFFZ48cMf8jmX5VRYrDQiJa8Ybu5VAmkqBWqKU8fdCwD8ysw4mQ9nrEHvzg6gunR7A==",
+      "version": "16.11.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-16.11.11.tgz",
+      "integrity": "sha512-KB0sixD67CeecHC33MYn+eYARkqTheIRNuu97y2XMjR7Wu3XibO1vaY6VBV6O/a89SPI81cEUIYT87UqUWlZNw==",
       "dev": true
     },
     "@types/resolve": {
@@ -3702,9 +3702,9 @@
       }
     },
     "rollup": {
-      "version": "2.60.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.60.1.tgz",
-      "integrity": "sha512-akwfnpjY0rXEDSn1UTVfKXJhPsEBu+imi1gqBA1ZkHGydUnkV/fWCC90P7rDaLEW8KTwBcS1G3N4893Ndz+jwg==",
+      "version": "2.60.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.60.2.tgz",
+      "integrity": "sha512-1Bgjpq61sPjgoZzuiDSGvbI1tD91giZABgjCQBKM5aYLnzjq52GoDuWVwT/cm/MCxCMPU8gqQvkj8doQ5C8Oqw==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -3998,9 +3998,9 @@
       "dev": true
     },
     "ws": {
-      "version": "8.2.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.2.3.tgz",
-      "integrity": "sha512-wBuoj1BDpC6ZQ1B7DWQBYVLphPWkm8i9Y0/3YdHjHKHiohOJ1ws+3OccDWtH+PoC9DZD5WOTrJvNbWvjS6JWaA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.3.0.tgz",
+      "integrity": "sha512-Gs5EZtpqZzLvmIM59w4igITU57lrtYVFneaa434VROv4thzJyV6UjIL3D42lslWlI+D4KzLYnxSwtfuiO79sNw==",
       "dev": true,
       "requires": {}
     },