You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					1001 lines
				
				35 KiB
			
		
		
			
		
	
	
					1001 lines
				
				35 KiB
			| 
								 
											3 years ago
										 
									 | 
							
								import { Slice, Fragment, Mark, Node } from 'prosemirror-model';
							 | 
						||
| 
								 | 
							
								import { ReplaceStep, ReplaceAroundStep, Transform } from 'prosemirror-transform';
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								const classesById = Object.create(null);
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								Superclass for editor selections. Every selection type should
							 | 
						||
| 
								 | 
							
								extend this. Should not be instantiated directly.
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class Selection {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Initialize a selection with the head and anchor and ranges. If no
							 | 
						||
| 
								 | 
							
								    ranges are given, constructs a single range across `$anchor` and
							 | 
						||
| 
								 | 
							
								    `$head`.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The resolved anchor of the selection (the side that stays in
							 | 
						||
| 
								 | 
							
								    place when the selection is modified).
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    $anchor, 
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The resolved head of the selection (the side that moves when
							 | 
						||
| 
								 | 
							
								    the selection is modified).
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    $head, ranges) {
							 | 
						||
| 
								 | 
							
								        this.$anchor = $anchor;
							 | 
						||
| 
								 | 
							
								        this.$head = $head;
							 | 
						||
| 
								 | 
							
								        this.ranges = ranges || [new SelectionRange($anchor.min($head), $anchor.max($head))];
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The selection's anchor, as an unresolved position.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get anchor() { return this.$anchor.pos; }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The selection's head.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get head() { return this.$head.pos; }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The lower bound of the selection's main range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get from() { return this.$from.pos; }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The upper bound of the selection's main range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get to() { return this.$to.pos; }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The resolved lower  bound of the selection's main range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get $from() {
							 | 
						||
| 
								 | 
							
								        return this.ranges[0].$from;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The resolved upper bound of the selection's main range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get $to() {
							 | 
						||
| 
								 | 
							
								        return this.ranges[0].$to;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Indicates whether the selection contains any content.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get empty() {
							 | 
						||
| 
								 | 
							
								        let ranges = this.ranges;
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < ranges.length; i++)
							 | 
						||
| 
								 | 
							
								            if (ranges[i].$from.pos != ranges[i].$to.pos)
							 | 
						||
| 
								 | 
							
								                return false;
							 | 
						||
| 
								 | 
							
								        return true;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Get the content of this selection as a slice.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    content() {
							 | 
						||
| 
								 | 
							
								        return this.$from.doc.slice(this.from, this.to, true);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Replace the selection with a slice or, if no slice is given,
							 | 
						||
| 
								 | 
							
								    delete the selection. Will append to the given transaction.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    replace(tr, content = Slice.empty) {
							 | 
						||
| 
								 | 
							
								        // Put the new selection at the position after the inserted
							 | 
						||
| 
								 | 
							
								        // content. When that ended in an inline node, search backwards,
							 | 
						||
| 
								 | 
							
								        // to get the position after that node. If not, search forward.
							 | 
						||
| 
								 | 
							
								        let lastNode = content.content.lastChild, lastParent = null;
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < content.openEnd; i++) {
							 | 
						||
| 
								 | 
							
								            lastParent = lastNode;
							 | 
						||
| 
								 | 
							
								            lastNode = lastNode.lastChild;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        let mapFrom = tr.steps.length, ranges = this.ranges;
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < ranges.length; i++) {
							 | 
						||
| 
								 | 
							
								            let { $from, $to } = ranges[i], mapping = tr.mapping.slice(mapFrom);
							 | 
						||
| 
								 | 
							
								            tr.replaceRange(mapping.map($from.pos), mapping.map($to.pos), i ? Slice.empty : content);
							 | 
						||
| 
								 | 
							
								            if (i == 0)
							 | 
						||
| 
								 | 
							
								                selectionToInsertionEnd(tr, mapFrom, (lastNode ? lastNode.isInline : lastParent && lastParent.isTextblock) ? -1 : 1);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Replace the selection with the given node, appending the changes
							 | 
						||
| 
								 | 
							
								    to the given transaction.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    replaceWith(tr, node) {
							 | 
						||
| 
								 | 
							
								        let mapFrom = tr.steps.length, ranges = this.ranges;
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < ranges.length; i++) {
							 | 
						||
| 
								 | 
							
								            let { $from, $to } = ranges[i], mapping = tr.mapping.slice(mapFrom);
							 | 
						||
| 
								 | 
							
								            let from = mapping.map($from.pos), to = mapping.map($to.pos);
							 | 
						||
| 
								 | 
							
								            if (i) {
							 | 
						||
| 
								 | 
							
								                tr.deleteRange(from, to);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            else {
							 | 
						||
| 
								 | 
							
								                tr.replaceRangeWith(from, to, node);
							 | 
						||
| 
								 | 
							
								                selectionToInsertionEnd(tr, mapFrom, node.isInline ? -1 : 1);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Find a valid cursor or leaf node selection starting at the given
							 | 
						||
| 
								 | 
							
								    position and searching back if `dir` is negative, and forward if
							 | 
						||
| 
								 | 
							
								    positive. When `textOnly` is true, only consider cursor
							 | 
						||
| 
								 | 
							
								    selections. Will return null when no valid selection position is
							 | 
						||
| 
								 | 
							
								    found.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static findFrom($pos, dir, textOnly = false) {
							 | 
						||
| 
								 | 
							
								        let inner = $pos.parent.inlineContent ? new TextSelection($pos)
							 | 
						||
| 
								 | 
							
								            : findSelectionIn($pos.node(0), $pos.parent, $pos.pos, $pos.index(), dir, textOnly);
							 | 
						||
| 
								 | 
							
								        if (inner)
							 | 
						||
| 
								 | 
							
								            return inner;
							 | 
						||
| 
								 | 
							
								        for (let depth = $pos.depth - 1; depth >= 0; depth--) {
							 | 
						||
| 
								 | 
							
								            let found = dir < 0
							 | 
						||
| 
								 | 
							
								                ? findSelectionIn($pos.node(0), $pos.node(depth), $pos.before(depth + 1), $pos.index(depth), dir, textOnly)
							 | 
						||
| 
								 | 
							
								                : findSelectionIn($pos.node(0), $pos.node(depth), $pos.after(depth + 1), $pos.index(depth) + 1, dir, textOnly);
							 | 
						||
| 
								 | 
							
								            if (found)
							 | 
						||
| 
								 | 
							
								                return found;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        return null;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Find a valid cursor or leaf node selection near the given
							 | 
						||
| 
								 | 
							
								    position. Searches forward first by default, but if `bias` is
							 | 
						||
| 
								 | 
							
								    negative, it will search backwards first.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static near($pos, bias = 1) {
							 | 
						||
| 
								 | 
							
								        return this.findFrom($pos, bias) || this.findFrom($pos, -bias) || new AllSelection($pos.node(0));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Find the cursor or leaf node selection closest to the start of
							 | 
						||
| 
								 | 
							
								    the given document. Will return an
							 | 
						||
| 
								 | 
							
								    [`AllSelection`](https://prosemirror.net/docs/ref/#state.AllSelection) if no valid position
							 | 
						||
| 
								 | 
							
								    exists.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static atStart(doc) {
							 | 
						||
| 
								 | 
							
								        return findSelectionIn(doc, doc, 0, 0, 1) || new AllSelection(doc);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Find the cursor or leaf node selection closest to the end of the
							 | 
						||
| 
								 | 
							
								    given document.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static atEnd(doc) {
							 | 
						||
| 
								 | 
							
								        return findSelectionIn(doc, doc, doc.content.size, doc.childCount, -1) || new AllSelection(doc);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Deserialize the JSON representation of a selection. Must be
							 | 
						||
| 
								 | 
							
								    implemented for custom classes (as a static class method).
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static fromJSON(doc, json) {
							 | 
						||
| 
								 | 
							
								        if (!json || !json.type)
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Invalid input for Selection.fromJSON");
							 | 
						||
| 
								 | 
							
								        let cls = classesById[json.type];
							 | 
						||
| 
								 | 
							
								        if (!cls)
							 | 
						||
| 
								 | 
							
								            throw new RangeError(`No selection type ${json.type} defined`);
							 | 
						||
| 
								 | 
							
								        return cls.fromJSON(doc, json);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    To be able to deserialize selections from JSON, custom selection
							 | 
						||
| 
								 | 
							
								    classes must register themselves with an ID string, so that they
							 | 
						||
| 
								 | 
							
								    can be disambiguated. Try to pick something that's unlikely to
							 | 
						||
| 
								 | 
							
								    clash with classes from other modules.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static jsonID(id, selectionClass) {
							 | 
						||
| 
								 | 
							
								        if (id in classesById)
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Duplicate use of selection JSON ID " + id);
							 | 
						||
| 
								 | 
							
								        classesById[id] = selectionClass;
							 | 
						||
| 
								 | 
							
								        selectionClass.prototype.jsonID = id;
							 | 
						||
| 
								 | 
							
								        return selectionClass;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Get a [bookmark](https://prosemirror.net/docs/ref/#state.SelectionBookmark) for this selection,
							 | 
						||
| 
								 | 
							
								    which is a value that can be mapped without having access to a
							 | 
						||
| 
								 | 
							
								    current document, and later resolved to a real selection for a
							 | 
						||
| 
								 | 
							
								    given document again. (This is used mostly by the history to
							 | 
						||
| 
								 | 
							
								    track and restore old selections.) The default implementation of
							 | 
						||
| 
								 | 
							
								    this method just converts the selection to a text selection and
							 | 
						||
| 
								 | 
							
								    returns the bookmark for that.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    getBookmark() {
							 | 
						||
| 
								 | 
							
								        return TextSelection.between(this.$anchor, this.$head).getBookmark();
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								Selection.prototype.visible = true;
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								Represents a selected range in a document.
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class SelectionRange {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The lower bound of the range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    $from, 
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The upper bound of the range.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    $to) {
							 | 
						||
| 
								 | 
							
								        this.$from = $from;
							 | 
						||
| 
								 | 
							
								        this.$to = $to;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								let warnedAboutTextSelection = false;
							 | 
						||
| 
								 | 
							
								function checkTextSelection($pos) {
							 | 
						||
| 
								 | 
							
								    if (!warnedAboutTextSelection && !$pos.parent.inlineContent) {
							 | 
						||
| 
								 | 
							
								        warnedAboutTextSelection = true;
							 | 
						||
| 
								 | 
							
								        console["warn"]("TextSelection endpoint not pointing into a node with inline content (" + $pos.parent.type.name + ")");
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								A text selection represents a classical editor selection, with a
							 | 
						||
| 
								 | 
							
								head (the moving side) and anchor (immobile side), both of which
							 | 
						||
| 
								 | 
							
								point into textblock nodes. It can be empty (a regular cursor
							 | 
						||
| 
								 | 
							
								position).
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class TextSelection extends Selection {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Construct a text selection between the given points.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor($anchor, $head = $anchor) {
							 | 
						||
| 
								 | 
							
								        checkTextSelection($anchor);
							 | 
						||
| 
								 | 
							
								        checkTextSelection($head);
							 | 
						||
| 
								 | 
							
								        super($anchor, $head);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Returns a resolved position if this is a cursor selection (an
							 | 
						||
| 
								 | 
							
								    empty text selection), and null otherwise.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get $cursor() { return this.$anchor.pos == this.$head.pos ? this.$head : null; }
							 | 
						||
| 
								 | 
							
								    map(doc, mapping) {
							 | 
						||
| 
								 | 
							
								        let $head = doc.resolve(mapping.map(this.head));
							 | 
						||
| 
								 | 
							
								        if (!$head.parent.inlineContent)
							 | 
						||
| 
								 | 
							
								            return Selection.near($head);
							 | 
						||
| 
								 | 
							
								        let $anchor = doc.resolve(mapping.map(this.anchor));
							 | 
						||
| 
								 | 
							
								        return new TextSelection($anchor.parent.inlineContent ? $anchor : $head, $head);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    replace(tr, content = Slice.empty) {
							 | 
						||
| 
								 | 
							
								        super.replace(tr, content);
							 | 
						||
| 
								 | 
							
								        if (content == Slice.empty) {
							 | 
						||
| 
								 | 
							
								            let marks = this.$from.marksAcross(this.$to);
							 | 
						||
| 
								 | 
							
								            if (marks)
							 | 
						||
| 
								 | 
							
								                tr.ensureMarks(marks);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    eq(other) {
							 | 
						||
| 
								 | 
							
								        return other instanceof TextSelection && other.anchor == this.anchor && other.head == this.head;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    getBookmark() {
							 | 
						||
| 
								 | 
							
								        return new TextBookmark(this.anchor, this.head);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    toJSON() {
							 | 
						||
| 
								 | 
							
								        return { type: "text", anchor: this.anchor, head: this.head };
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static fromJSON(doc, json) {
							 | 
						||
| 
								 | 
							
								        if (typeof json.anchor != "number" || typeof json.head != "number")
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Invalid input for TextSelection.fromJSON");
							 | 
						||
| 
								 | 
							
								        return new TextSelection(doc.resolve(json.anchor), doc.resolve(json.head));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a text selection from non-resolved positions.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static create(doc, anchor, head = anchor) {
							 | 
						||
| 
								 | 
							
								        let $anchor = doc.resolve(anchor);
							 | 
						||
| 
								 | 
							
								        return new this($anchor, head == anchor ? $anchor : doc.resolve(head));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Return a text selection that spans the given positions or, if
							 | 
						||
| 
								 | 
							
								    they aren't text positions, find a text selection near them.
							 | 
						||
| 
								 | 
							
								    `bias` determines whether the method searches forward (default)
							 | 
						||
| 
								 | 
							
								    or backwards (negative number) first. Will fall back to calling
							 | 
						||
| 
								 | 
							
								    [`Selection.near`](https://prosemirror.net/docs/ref/#state.Selection^near) when the document
							 | 
						||
| 
								 | 
							
								    doesn't contain a valid text position.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static between($anchor, $head, bias) {
							 | 
						||
| 
								 | 
							
								        let dPos = $anchor.pos - $head.pos;
							 | 
						||
| 
								 | 
							
								        if (!bias || dPos)
							 | 
						||
| 
								 | 
							
								            bias = dPos >= 0 ? 1 : -1;
							 | 
						||
| 
								 | 
							
								        if (!$head.parent.inlineContent) {
							 | 
						||
| 
								 | 
							
								            let found = Selection.findFrom($head, bias, true) || Selection.findFrom($head, -bias, true);
							 | 
						||
| 
								 | 
							
								            if (found)
							 | 
						||
| 
								 | 
							
								                $head = found.$head;
							 | 
						||
| 
								 | 
							
								            else
							 | 
						||
| 
								 | 
							
								                return Selection.near($head, bias);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        if (!$anchor.parent.inlineContent) {
							 | 
						||
| 
								 | 
							
								            if (dPos == 0) {
							 | 
						||
| 
								 | 
							
								                $anchor = $head;
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            else {
							 | 
						||
| 
								 | 
							
								                $anchor = (Selection.findFrom($anchor, -bias, true) || Selection.findFrom($anchor, bias, true)).$anchor;
							 | 
						||
| 
								 | 
							
								                if (($anchor.pos < $head.pos) != (dPos < 0))
							 | 
						||
| 
								 | 
							
								                    $anchor = $head;
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        return new TextSelection($anchor, $head);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								Selection.jsonID("text", TextSelection);
							 | 
						||
| 
								 | 
							
								class TextBookmark {
							 | 
						||
| 
								 | 
							
								    constructor(anchor, head) {
							 | 
						||
| 
								 | 
							
								        this.anchor = anchor;
							 | 
						||
| 
								 | 
							
								        this.head = head;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    map(mapping) {
							 | 
						||
| 
								 | 
							
								        return new TextBookmark(mapping.map(this.anchor), mapping.map(this.head));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    resolve(doc) {
							 | 
						||
| 
								 | 
							
								        return TextSelection.between(doc.resolve(this.anchor), doc.resolve(this.head));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								A node selection is a selection that points at a single node. All
							 | 
						||
| 
								 | 
							
								nodes marked [selectable](https://prosemirror.net/docs/ref/#model.NodeSpec.selectable) can be the
							 | 
						||
| 
								 | 
							
								target of a node selection. In such a selection, `from` and `to`
							 | 
						||
| 
								 | 
							
								point directly before and after the selected node, `anchor` equals
							 | 
						||
| 
								 | 
							
								`from`, and `head` equals `to`..
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class NodeSelection extends Selection {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a node selection. Does not verify the validity of its
							 | 
						||
| 
								 | 
							
								    argument.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor($pos) {
							 | 
						||
| 
								 | 
							
								        let node = $pos.nodeAfter;
							 | 
						||
| 
								 | 
							
								        let $end = $pos.node(0).resolve($pos.pos + node.nodeSize);
							 | 
						||
| 
								 | 
							
								        super($pos, $end);
							 | 
						||
| 
								 | 
							
								        this.node = node;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    map(doc, mapping) {
							 | 
						||
| 
								 | 
							
								        let { deleted, pos } = mapping.mapResult(this.anchor);
							 | 
						||
| 
								 | 
							
								        let $pos = doc.resolve(pos);
							 | 
						||
| 
								 | 
							
								        if (deleted)
							 | 
						||
| 
								 | 
							
								            return Selection.near($pos);
							 | 
						||
| 
								 | 
							
								        return new NodeSelection($pos);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    content() {
							 | 
						||
| 
								 | 
							
								        return new Slice(Fragment.from(this.node), 0, 0);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    eq(other) {
							 | 
						||
| 
								 | 
							
								        return other instanceof NodeSelection && other.anchor == this.anchor;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    toJSON() {
							 | 
						||
| 
								 | 
							
								        return { type: "node", anchor: this.anchor };
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    getBookmark() { return new NodeBookmark(this.anchor); }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static fromJSON(doc, json) {
							 | 
						||
| 
								 | 
							
								        if (typeof json.anchor != "number")
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Invalid input for NodeSelection.fromJSON");
							 | 
						||
| 
								 | 
							
								        return new NodeSelection(doc.resolve(json.anchor));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a node selection from non-resolved positions.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static create(doc, from) {
							 | 
						||
| 
								 | 
							
								        return new NodeSelection(doc.resolve(from));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Determines whether the given node may be selected as a node
							 | 
						||
| 
								 | 
							
								    selection.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static isSelectable(node) {
							 | 
						||
| 
								 | 
							
								        return !node.isText && node.type.spec.selectable !== false;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								NodeSelection.prototype.visible = false;
							 | 
						||
| 
								 | 
							
								Selection.jsonID("node", NodeSelection);
							 | 
						||
| 
								 | 
							
								class NodeBookmark {
							 | 
						||
| 
								 | 
							
								    constructor(anchor) {
							 | 
						||
| 
								 | 
							
								        this.anchor = anchor;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    map(mapping) {
							 | 
						||
| 
								 | 
							
								        let { deleted, pos } = mapping.mapResult(this.anchor);
							 | 
						||
| 
								 | 
							
								        return deleted ? new TextBookmark(pos, pos) : new NodeBookmark(pos);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    resolve(doc) {
							 | 
						||
| 
								 | 
							
								        let $pos = doc.resolve(this.anchor), node = $pos.nodeAfter;
							 | 
						||
| 
								 | 
							
								        if (node && NodeSelection.isSelectable(node))
							 | 
						||
| 
								 | 
							
								            return new NodeSelection($pos);
							 | 
						||
| 
								 | 
							
								        return Selection.near($pos);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								A selection type that represents selecting the whole document
							 | 
						||
| 
								 | 
							
								(which can not necessarily be expressed with a text selection, when
							 | 
						||
| 
								 | 
							
								there are for example leaf block nodes at the start or end of the
							 | 
						||
| 
								 | 
							
								document).
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class AllSelection extends Selection {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create an all-selection over the given document.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(doc) {
							 | 
						||
| 
								 | 
							
								        super(doc.resolve(0), doc.resolve(doc.content.size));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    replace(tr, content = Slice.empty) {
							 | 
						||
| 
								 | 
							
								        if (content == Slice.empty) {
							 | 
						||
| 
								 | 
							
								            tr.delete(0, tr.doc.content.size);
							 | 
						||
| 
								 | 
							
								            let sel = Selection.atStart(tr.doc);
							 | 
						||
| 
								 | 
							
								            if (!sel.eq(tr.selection))
							 | 
						||
| 
								 | 
							
								                tr.setSelection(sel);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        else {
							 | 
						||
| 
								 | 
							
								            super.replace(tr, content);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    toJSON() { return { type: "all" }; }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static fromJSON(doc) { return new AllSelection(doc); }
							 | 
						||
| 
								 | 
							
								    map(doc) { return new AllSelection(doc); }
							 | 
						||
| 
								 | 
							
								    eq(other) { return other instanceof AllSelection; }
							 | 
						||
| 
								 | 
							
								    getBookmark() { return AllBookmark; }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								Selection.jsonID("all", AllSelection);
							 | 
						||
| 
								 | 
							
								const AllBookmark = {
							 | 
						||
| 
								 | 
							
								    map() { return this; },
							 | 
						||
| 
								 | 
							
								    resolve(doc) { return new AllSelection(doc); }
							 | 
						||
| 
								 | 
							
								};
							 | 
						||
| 
								 | 
							
								// FIXME we'll need some awareness of text direction when scanning for selections
							 | 
						||
| 
								 | 
							
								// Try to find a selection inside the given node. `pos` points at the
							 | 
						||
| 
								 | 
							
								// position where the search starts. When `text` is true, only return
							 | 
						||
| 
								 | 
							
								// text selections.
							 | 
						||
| 
								 | 
							
								function findSelectionIn(doc, node, pos, index, dir, text = false) {
							 | 
						||
| 
								 | 
							
								    if (node.inlineContent)
							 | 
						||
| 
								 | 
							
								        return TextSelection.create(doc, pos);
							 | 
						||
| 
								 | 
							
								    for (let i = index - (dir > 0 ? 0 : 1); dir > 0 ? i < node.childCount : i >= 0; i += dir) {
							 | 
						||
| 
								 | 
							
								        let child = node.child(i);
							 | 
						||
| 
								 | 
							
								        if (!child.isAtom) {
							 | 
						||
| 
								 | 
							
								            let inner = findSelectionIn(doc, child, pos + dir, dir < 0 ? child.childCount : 0, dir, text);
							 | 
						||
| 
								 | 
							
								            if (inner)
							 | 
						||
| 
								 | 
							
								                return inner;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        else if (!text && NodeSelection.isSelectable(child)) {
							 | 
						||
| 
								 | 
							
								            return NodeSelection.create(doc, pos - (dir < 0 ? child.nodeSize : 0));
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        pos += child.nodeSize * dir;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    return null;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								function selectionToInsertionEnd(tr, startLen, bias) {
							 | 
						||
| 
								 | 
							
								    let last = tr.steps.length - 1;
							 | 
						||
| 
								 | 
							
								    if (last < startLen)
							 | 
						||
| 
								 | 
							
								        return;
							 | 
						||
| 
								 | 
							
								    let step = tr.steps[last];
							 | 
						||
| 
								 | 
							
								    if (!(step instanceof ReplaceStep || step instanceof ReplaceAroundStep))
							 | 
						||
| 
								 | 
							
								        return;
							 | 
						||
| 
								 | 
							
								    let map = tr.mapping.maps[last], end;
							 | 
						||
| 
								 | 
							
								    map.forEach((_from, _to, _newFrom, newTo) => { if (end == null)
							 | 
						||
| 
								 | 
							
								        end = newTo; });
							 | 
						||
| 
								 | 
							
								    tr.setSelection(Selection.near(tr.doc.resolve(end), bias));
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								const UPDATED_SEL = 1, UPDATED_MARKS = 2, UPDATED_SCROLL = 4;
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								An editor state transaction, which can be applied to a state to
							 | 
						||
| 
								 | 
							
								create an updated state. Use
							 | 
						||
| 
								 | 
							
								[`EditorState.tr`](https://prosemirror.net/docs/ref/#state.EditorState.tr) to create an instance.
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								Transactions track changes to the document (they are a subclass of
							 | 
						||
| 
								 | 
							
								[`Transform`](https://prosemirror.net/docs/ref/#transform.Transform)), but also other state changes,
							 | 
						||
| 
								 | 
							
								like selection updates and adjustments of the set of [stored
							 | 
						||
| 
								 | 
							
								marks](https://prosemirror.net/docs/ref/#state.EditorState.storedMarks). In addition, you can store
							 | 
						||
| 
								 | 
							
								metadata properties in a transaction, which are extra pieces of
							 | 
						||
| 
								 | 
							
								information that client code or plugins can use to describe what a
							 | 
						||
| 
								 | 
							
								transaction represents, so that they can update their [own
							 | 
						||
| 
								 | 
							
								state](https://prosemirror.net/docs/ref/#state.StateField) accordingly.
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								The [editor view](https://prosemirror.net/docs/ref/#view.EditorView) uses a few metadata properties:
							 | 
						||
| 
								 | 
							
								it will attach a property `"pointer"` with the value `true` to
							 | 
						||
| 
								 | 
							
								selection transactions directly caused by mouse or touch input, and
							 | 
						||
| 
								 | 
							
								a `"uiEvent"` property of that may be `"paste"`, `"cut"`, or `"drop"`.
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class Transaction extends Transform {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(state) {
							 | 
						||
| 
								 | 
							
								        super(state.doc);
							 | 
						||
| 
								 | 
							
								        // The step count for which the current selection is valid.
							 | 
						||
| 
								 | 
							
								        this.curSelectionFor = 0;
							 | 
						||
| 
								 | 
							
								        // Bitfield to track which aspects of the state were updated by
							 | 
						||
| 
								 | 
							
								        // this transaction.
							 | 
						||
| 
								 | 
							
								        this.updated = 0;
							 | 
						||
| 
								 | 
							
								        // Object used to store metadata properties for the transaction.
							 | 
						||
| 
								 | 
							
								        this.meta = Object.create(null);
							 | 
						||
| 
								 | 
							
								        this.time = Date.now();
							 | 
						||
| 
								 | 
							
								        this.curSelection = state.selection;
							 | 
						||
| 
								 | 
							
								        this.storedMarks = state.storedMarks;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The transaction's current selection. This defaults to the editor
							 | 
						||
| 
								 | 
							
								    selection [mapped](https://prosemirror.net/docs/ref/#state.Selection.map) through the steps in the
							 | 
						||
| 
								 | 
							
								    transaction, but can be overwritten with
							 | 
						||
| 
								 | 
							
								    [`setSelection`](https://prosemirror.net/docs/ref/#state.Transaction.setSelection).
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get selection() {
							 | 
						||
| 
								 | 
							
								        if (this.curSelectionFor < this.steps.length) {
							 | 
						||
| 
								 | 
							
								            this.curSelection = this.curSelection.map(this.doc, this.mapping.slice(this.curSelectionFor));
							 | 
						||
| 
								 | 
							
								            this.curSelectionFor = this.steps.length;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        return this.curSelection;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Update the transaction's current selection. Will determine the
							 | 
						||
| 
								 | 
							
								    selection that the editor gets when the transaction is applied.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    setSelection(selection) {
							 | 
						||
| 
								 | 
							
								        if (selection.$from.doc != this.doc)
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Selection passed to setSelection must point at the current document");
							 | 
						||
| 
								 | 
							
								        this.curSelection = selection;
							 | 
						||
| 
								 | 
							
								        this.curSelectionFor = this.steps.length;
							 | 
						||
| 
								 | 
							
								        this.updated = (this.updated | UPDATED_SEL) & ~UPDATED_MARKS;
							 | 
						||
| 
								 | 
							
								        this.storedMarks = null;
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Whether the selection was explicitly updated by this transaction.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get selectionSet() {
							 | 
						||
| 
								 | 
							
								        return (this.updated & UPDATED_SEL) > 0;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Set the current stored marks.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    setStoredMarks(marks) {
							 | 
						||
| 
								 | 
							
								        this.storedMarks = marks;
							 | 
						||
| 
								 | 
							
								        this.updated |= UPDATED_MARKS;
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Make sure the current stored marks or, if that is null, the marks
							 | 
						||
| 
								 | 
							
								    at the selection, match the given set of marks. Does nothing if
							 | 
						||
| 
								 | 
							
								    this is already the case.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    ensureMarks(marks) {
							 | 
						||
| 
								 | 
							
								        if (!Mark.sameSet(this.storedMarks || this.selection.$from.marks(), marks))
							 | 
						||
| 
								 | 
							
								            this.setStoredMarks(marks);
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Add a mark to the set of stored marks.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    addStoredMark(mark) {
							 | 
						||
| 
								 | 
							
								        return this.ensureMarks(mark.addToSet(this.storedMarks || this.selection.$head.marks()));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Remove a mark or mark type from the set of stored marks.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    removeStoredMark(mark) {
							 | 
						||
| 
								 | 
							
								        return this.ensureMarks(mark.removeFromSet(this.storedMarks || this.selection.$head.marks()));
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Whether the stored marks were explicitly set for this transaction.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get storedMarksSet() {
							 | 
						||
| 
								 | 
							
								        return (this.updated & UPDATED_MARKS) > 0;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    addStep(step, doc) {
							 | 
						||
| 
								 | 
							
								        super.addStep(step, doc);
							 | 
						||
| 
								 | 
							
								        this.updated = this.updated & ~UPDATED_MARKS;
							 | 
						||
| 
								 | 
							
								        this.storedMarks = null;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Update the timestamp for the transaction.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    setTime(time) {
							 | 
						||
| 
								 | 
							
								        this.time = time;
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Replace the current selection with the given slice.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    replaceSelection(slice) {
							 | 
						||
| 
								 | 
							
								        this.selection.replace(this, slice);
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Replace the selection with the given node. When `inheritMarks` is
							 | 
						||
| 
								 | 
							
								    true and the content is inline, it inherits the marks from the
							 | 
						||
| 
								 | 
							
								    place where it is inserted.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    replaceSelectionWith(node, inheritMarks = true) {
							 | 
						||
| 
								 | 
							
								        let selection = this.selection;
							 | 
						||
| 
								 | 
							
								        if (inheritMarks)
							 | 
						||
| 
								 | 
							
								            node = node.mark(this.storedMarks || (selection.empty ? selection.$from.marks() : (selection.$from.marksAcross(selection.$to) || Mark.none)));
							 | 
						||
| 
								 | 
							
								        selection.replaceWith(this, node);
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Delete the selection.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    deleteSelection() {
							 | 
						||
| 
								 | 
							
								        this.selection.replace(this);
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Replace the given range, or the selection if no range is given,
							 | 
						||
| 
								 | 
							
								    with a text node containing the given string.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    insertText(text, from, to) {
							 | 
						||
| 
								 | 
							
								        let schema = this.doc.type.schema;
							 | 
						||
| 
								 | 
							
								        if (from == null) {
							 | 
						||
| 
								 | 
							
								            if (!text)
							 | 
						||
| 
								 | 
							
								                return this.deleteSelection();
							 | 
						||
| 
								 | 
							
								            return this.replaceSelectionWith(schema.text(text), true);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        else {
							 | 
						||
| 
								 | 
							
								            if (to == null)
							 | 
						||
| 
								 | 
							
								                to = from;
							 | 
						||
| 
								 | 
							
								            to = to == null ? from : to;
							 | 
						||
| 
								 | 
							
								            if (!text)
							 | 
						||
| 
								 | 
							
								                return this.deleteRange(from, to);
							 | 
						||
| 
								 | 
							
								            let marks = this.storedMarks;
							 | 
						||
| 
								 | 
							
								            if (!marks) {
							 | 
						||
| 
								 | 
							
								                let $from = this.doc.resolve(from);
							 | 
						||
| 
								 | 
							
								                marks = to == from ? $from.marks() : $from.marksAcross(this.doc.resolve(to));
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            this.replaceRangeWith(from, to, schema.text(text, marks));
							 | 
						||
| 
								 | 
							
								            if (!this.selection.empty)
							 | 
						||
| 
								 | 
							
								                this.setSelection(Selection.near(this.selection.$to));
							 | 
						||
| 
								 | 
							
								            return this;
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Store a metadata property in this transaction, keyed either by
							 | 
						||
| 
								 | 
							
								    name or by plugin.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    setMeta(key, value) {
							 | 
						||
| 
								 | 
							
								        this.meta[typeof key == "string" ? key : key.key] = value;
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Retrieve a metadata property for a given name or plugin.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    getMeta(key) {
							 | 
						||
| 
								 | 
							
								        return this.meta[typeof key == "string" ? key : key.key];
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Returns true if this transaction doesn't contain any metadata,
							 | 
						||
| 
								 | 
							
								    and can thus safely be extended.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get isGeneric() {
							 | 
						||
| 
								 | 
							
								        for (let _ in this.meta)
							 | 
						||
| 
								 | 
							
								            return false;
							 | 
						||
| 
								 | 
							
								        return true;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Indicate that the editor should scroll the selection into view
							 | 
						||
| 
								 | 
							
								    when updated to the state produced by this transaction.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    scrollIntoView() {
							 | 
						||
| 
								 | 
							
								        this.updated |= UPDATED_SCROLL;
							 | 
						||
| 
								 | 
							
								        return this;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    True when this transaction has had `scrollIntoView` called on it.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get scrolledIntoView() {
							 | 
						||
| 
								 | 
							
								        return (this.updated & UPDATED_SCROLL) > 0;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								function bind(f, self) {
							 | 
						||
| 
								 | 
							
								    return !self || !f ? f : f.bind(self);
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								class FieldDesc {
							 | 
						||
| 
								 | 
							
								    constructor(name, desc, self) {
							 | 
						||
| 
								 | 
							
								        this.name = name;
							 | 
						||
| 
								 | 
							
								        this.init = bind(desc.init, self);
							 | 
						||
| 
								 | 
							
								        this.apply = bind(desc.apply, self);
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								const baseFields = [
							 | 
						||
| 
								 | 
							
								    new FieldDesc("doc", {
							 | 
						||
| 
								 | 
							
								        init(config) { return config.doc || config.schema.topNodeType.createAndFill(); },
							 | 
						||
| 
								 | 
							
								        apply(tr) { return tr.doc; }
							 | 
						||
| 
								 | 
							
								    }),
							 | 
						||
| 
								 | 
							
								    new FieldDesc("selection", {
							 | 
						||
| 
								 | 
							
								        init(config, instance) { return config.selection || Selection.atStart(instance.doc); },
							 | 
						||
| 
								 | 
							
								        apply(tr) { return tr.selection; }
							 | 
						||
| 
								 | 
							
								    }),
							 | 
						||
| 
								 | 
							
								    new FieldDesc("storedMarks", {
							 | 
						||
| 
								 | 
							
								        init(config) { return config.storedMarks || null; },
							 | 
						||
| 
								 | 
							
								        apply(tr, _marks, _old, state) { return state.selection.$cursor ? tr.storedMarks : null; }
							 | 
						||
| 
								 | 
							
								    }),
							 | 
						||
| 
								 | 
							
								    new FieldDesc("scrollToSelection", {
							 | 
						||
| 
								 | 
							
								        init() { return 0; },
							 | 
						||
| 
								 | 
							
								        apply(tr, prev) { return tr.scrolledIntoView ? prev + 1 : prev; }
							 | 
						||
| 
								 | 
							
								    })
							 | 
						||
| 
								 | 
							
								];
							 | 
						||
| 
								 | 
							
								// Object wrapping the part of a state object that stays the same
							 | 
						||
| 
								 | 
							
								// across transactions. Stored in the state's `config` property.
							 | 
						||
| 
								 | 
							
								class Configuration {
							 | 
						||
| 
								 | 
							
								    constructor(schema, plugins) {
							 | 
						||
| 
								 | 
							
								        this.schema = schema;
							 | 
						||
| 
								 | 
							
								        this.plugins = [];
							 | 
						||
| 
								 | 
							
								        this.pluginsByKey = Object.create(null);
							 | 
						||
| 
								 | 
							
								        this.fields = baseFields.slice();
							 | 
						||
| 
								 | 
							
								        if (plugins)
							 | 
						||
| 
								 | 
							
								            plugins.forEach(plugin => {
							 | 
						||
| 
								 | 
							
								                if (this.pluginsByKey[plugin.key])
							 | 
						||
| 
								 | 
							
								                    throw new RangeError("Adding different instances of a keyed plugin (" + plugin.key + ")");
							 | 
						||
| 
								 | 
							
								                this.plugins.push(plugin);
							 | 
						||
| 
								 | 
							
								                this.pluginsByKey[plugin.key] = plugin;
							 | 
						||
| 
								 | 
							
								                if (plugin.spec.state)
							 | 
						||
| 
								 | 
							
								                    this.fields.push(new FieldDesc(plugin.key, plugin.spec.state, plugin));
							 | 
						||
| 
								 | 
							
								            });
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								The state of a ProseMirror editor is represented by an object of
							 | 
						||
| 
								 | 
							
								this type. A state is a persistent data structure—it isn't
							 | 
						||
| 
								 | 
							
								updated, but rather a new state value is computed from an old one
							 | 
						||
| 
								 | 
							
								using the [`apply`](https://prosemirror.net/docs/ref/#state.EditorState.apply) method.
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								A state holds a number of built-in fields, and plugins can
							 | 
						||
| 
								 | 
							
								[define](https://prosemirror.net/docs/ref/#state.PluginSpec.state) additional fields.
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class EditorState {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    config) {
							 | 
						||
| 
								 | 
							
								        this.config = config;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The schema of the state's document.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get schema() {
							 | 
						||
| 
								 | 
							
								        return this.config.schema;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The plugins that are active in this state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get plugins() {
							 | 
						||
| 
								 | 
							
								        return this.config.plugins;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Apply the given transaction to produce a new state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    apply(tr) {
							 | 
						||
| 
								 | 
							
								        return this.applyTransaction(tr).state;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    filterTransaction(tr, ignore = -1) {
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < this.config.plugins.length; i++)
							 | 
						||
| 
								 | 
							
								            if (i != ignore) {
							 | 
						||
| 
								 | 
							
								                let plugin = this.config.plugins[i];
							 | 
						||
| 
								 | 
							
								                if (plugin.spec.filterTransaction && !plugin.spec.filterTransaction.call(plugin, tr, this))
							 | 
						||
| 
								 | 
							
								                    return false;
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        return true;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Verbose variant of [`apply`](https://prosemirror.net/docs/ref/#state.EditorState.apply) that
							 | 
						||
| 
								 | 
							
								    returns the precise transactions that were applied (which might
							 | 
						||
| 
								 | 
							
								    be influenced by the [transaction
							 | 
						||
| 
								 | 
							
								    hooks](https://prosemirror.net/docs/ref/#state.PluginSpec.filterTransaction) of
							 | 
						||
| 
								 | 
							
								    plugins) along with the new state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    applyTransaction(rootTr) {
							 | 
						||
| 
								 | 
							
								        if (!this.filterTransaction(rootTr))
							 | 
						||
| 
								 | 
							
								            return { state: this, transactions: [] };
							 | 
						||
| 
								 | 
							
								        let trs = [rootTr], newState = this.applyInner(rootTr), seen = null;
							 | 
						||
| 
								 | 
							
								        // This loop repeatedly gives plugins a chance to respond to
							 | 
						||
| 
								 | 
							
								        // transactions as new transactions are added, making sure to only
							 | 
						||
| 
								 | 
							
								        // pass the transactions the plugin did not see before.
							 | 
						||
| 
								 | 
							
								        for (;;) {
							 | 
						||
| 
								 | 
							
								            let haveNew = false;
							 | 
						||
| 
								 | 
							
								            for (let i = 0; i < this.config.plugins.length; i++) {
							 | 
						||
| 
								 | 
							
								                let plugin = this.config.plugins[i];
							 | 
						||
| 
								 | 
							
								                if (plugin.spec.appendTransaction) {
							 | 
						||
| 
								 | 
							
								                    let n = seen ? seen[i].n : 0, oldState = seen ? seen[i].state : this;
							 | 
						||
| 
								 | 
							
								                    let tr = n < trs.length &&
							 | 
						||
| 
								 | 
							
								                        plugin.spec.appendTransaction.call(plugin, n ? trs.slice(n) : trs, oldState, newState);
							 | 
						||
| 
								 | 
							
								                    if (tr && newState.filterTransaction(tr, i)) {
							 | 
						||
| 
								 | 
							
								                        tr.setMeta("appendedTransaction", rootTr);
							 | 
						||
| 
								 | 
							
								                        if (!seen) {
							 | 
						||
| 
								 | 
							
								                            seen = [];
							 | 
						||
| 
								 | 
							
								                            for (let j = 0; j < this.config.plugins.length; j++)
							 | 
						||
| 
								 | 
							
								                                seen.push(j < i ? { state: newState, n: trs.length } : { state: this, n: 0 });
							 | 
						||
| 
								 | 
							
								                        }
							 | 
						||
| 
								 | 
							
								                        trs.push(tr);
							 | 
						||
| 
								 | 
							
								                        newState = newState.applyInner(tr);
							 | 
						||
| 
								 | 
							
								                        haveNew = true;
							 | 
						||
| 
								 | 
							
								                    }
							 | 
						||
| 
								 | 
							
								                    if (seen)
							 | 
						||
| 
								 | 
							
								                        seen[i] = { state: newState, n: trs.length };
							 | 
						||
| 
								 | 
							
								                }
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            if (!haveNew)
							 | 
						||
| 
								 | 
							
								                return { state: newState, transactions: trs };
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    @internal
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    applyInner(tr) {
							 | 
						||
| 
								 | 
							
								        if (!tr.before.eq(this.doc))
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Applying a mismatched transaction");
							 | 
						||
| 
								 | 
							
								        let newInstance = new EditorState(this.config), fields = this.config.fields;
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < fields.length; i++) {
							 | 
						||
| 
								 | 
							
								            let field = fields[i];
							 | 
						||
| 
								 | 
							
								            newInstance[field.name] = field.apply(tr, this[field.name], this, newInstance);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        return newInstance;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Start a [transaction](https://prosemirror.net/docs/ref/#state.Transaction) from this state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get tr() { return new Transaction(this); }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a new state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static create(config) {
							 | 
						||
| 
								 | 
							
								        let $config = new Configuration(config.doc ? config.doc.type.schema : config.schema, config.plugins);
							 | 
						||
| 
								 | 
							
								        let instance = new EditorState($config);
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < $config.fields.length; i++)
							 | 
						||
| 
								 | 
							
								            instance[$config.fields[i].name] = $config.fields[i].init(config, instance);
							 | 
						||
| 
								 | 
							
								        return instance;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a new state based on this one, but with an adjusted set
							 | 
						||
| 
								 | 
							
								    of active plugins. State fields that exist in both sets of
							 | 
						||
| 
								 | 
							
								    plugins are kept unchanged. Those that no longer exist are
							 | 
						||
| 
								 | 
							
								    dropped, and those that are new are initialized using their
							 | 
						||
| 
								 | 
							
								    [`init`](https://prosemirror.net/docs/ref/#state.StateField.init) method, passing in the new
							 | 
						||
| 
								 | 
							
								    configuration object..
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    reconfigure(config) {
							 | 
						||
| 
								 | 
							
								        let $config = new Configuration(this.schema, config.plugins);
							 | 
						||
| 
								 | 
							
								        let fields = $config.fields, instance = new EditorState($config);
							 | 
						||
| 
								 | 
							
								        for (let i = 0; i < fields.length; i++) {
							 | 
						||
| 
								 | 
							
								            let name = fields[i].name;
							 | 
						||
| 
								 | 
							
								            instance[name] = this.hasOwnProperty(name) ? this[name] : fields[i].init(config, instance);
							 | 
						||
| 
								 | 
							
								        }
							 | 
						||
| 
								 | 
							
								        return instance;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Serialize this state to JSON. If you want to serialize the state
							 | 
						||
| 
								 | 
							
								    of plugins, pass an object mapping property names to use in the
							 | 
						||
| 
								 | 
							
								    resulting JSON object to plugin objects. The argument may also be
							 | 
						||
| 
								 | 
							
								    a string or number, in which case it is ignored, to support the
							 | 
						||
| 
								 | 
							
								    way `JSON.stringify` calls `toString` methods.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    toJSON(pluginFields) {
							 | 
						||
| 
								 | 
							
								        let result = { doc: this.doc.toJSON(), selection: this.selection.toJSON() };
							 | 
						||
| 
								 | 
							
								        if (this.storedMarks)
							 | 
						||
| 
								 | 
							
								            result.storedMarks = this.storedMarks.map(m => m.toJSON());
							 | 
						||
| 
								 | 
							
								        if (pluginFields && typeof pluginFields == 'object')
							 | 
						||
| 
								 | 
							
								            for (let prop in pluginFields) {
							 | 
						||
| 
								 | 
							
								                if (prop == "doc" || prop == "selection")
							 | 
						||
| 
								 | 
							
								                    throw new RangeError("The JSON fields `doc` and `selection` are reserved");
							 | 
						||
| 
								 | 
							
								                let plugin = pluginFields[prop], state = plugin.spec.state;
							 | 
						||
| 
								 | 
							
								                if (state && state.toJSON)
							 | 
						||
| 
								 | 
							
								                    result[prop] = state.toJSON.call(plugin, this[plugin.key]);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        return result;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Deserialize a JSON representation of a state. `config` should
							 | 
						||
| 
								 | 
							
								    have at least a `schema` field, and should contain array of
							 | 
						||
| 
								 | 
							
								    plugins to initialize the state with. `pluginFields` can be used
							 | 
						||
| 
								 | 
							
								    to deserialize the state of plugins, by associating plugin
							 | 
						||
| 
								 | 
							
								    instances with the property names they use in the JSON object.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    static fromJSON(config, json, pluginFields) {
							 | 
						||
| 
								 | 
							
								        if (!json)
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Invalid input for EditorState.fromJSON");
							 | 
						||
| 
								 | 
							
								        if (!config.schema)
							 | 
						||
| 
								 | 
							
								            throw new RangeError("Required config field 'schema' missing");
							 | 
						||
| 
								 | 
							
								        let $config = new Configuration(config.schema, config.plugins);
							 | 
						||
| 
								 | 
							
								        let instance = new EditorState($config);
							 | 
						||
| 
								 | 
							
								        $config.fields.forEach(field => {
							 | 
						||
| 
								 | 
							
								            if (field.name == "doc") {
							 | 
						||
| 
								 | 
							
								                instance.doc = Node.fromJSON(config.schema, json.doc);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            else if (field.name == "selection") {
							 | 
						||
| 
								 | 
							
								                instance.selection = Selection.fromJSON(instance.doc, json.selection);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            else if (field.name == "storedMarks") {
							 | 
						||
| 
								 | 
							
								                if (json.storedMarks)
							 | 
						||
| 
								 | 
							
								                    instance.storedMarks = json.storedMarks.map(config.schema.markFromJSON);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								            else {
							 | 
						||
| 
								 | 
							
								                if (pluginFields)
							 | 
						||
| 
								 | 
							
								                    for (let prop in pluginFields) {
							 | 
						||
| 
								 | 
							
								                        let plugin = pluginFields[prop], state = plugin.spec.state;
							 | 
						||
| 
								 | 
							
								                        if (plugin.key == field.name && state && state.fromJSON &&
							 | 
						||
| 
								 | 
							
								                            Object.prototype.hasOwnProperty.call(json, prop)) {
							 | 
						||
| 
								 | 
							
								                            instance[field.name] = state.fromJSON.call(plugin, config, json[prop], instance);
							 | 
						||
| 
								 | 
							
								                            return;
							 | 
						||
| 
								 | 
							
								                        }
							 | 
						||
| 
								 | 
							
								                    }
							 | 
						||
| 
								 | 
							
								                instance[field.name] = field.init(config, instance);
							 | 
						||
| 
								 | 
							
								            }
							 | 
						||
| 
								 | 
							
								        });
							 | 
						||
| 
								 | 
							
								        return instance;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								function bindProps(obj, self, target) {
							 | 
						||
| 
								 | 
							
								    for (let prop in obj) {
							 | 
						||
| 
								 | 
							
								        let val = obj[prop];
							 | 
						||
| 
								 | 
							
								        if (val instanceof Function)
							 | 
						||
| 
								 | 
							
								            val = val.bind(self);
							 | 
						||
| 
								 | 
							
								        else if (prop == "handleDOMEvents")
							 | 
						||
| 
								 | 
							
								            val = bindProps(val, self, {});
							 | 
						||
| 
								 | 
							
								        target[prop] = val;
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    return target;
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								Plugins bundle functionality that can be added to an editor.
							 | 
						||
| 
								 | 
							
								They are part of the [editor state](https://prosemirror.net/docs/ref/#state.EditorState) and
							 | 
						||
| 
								 | 
							
								may influence that state and the view that contains it.
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class Plugin {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a plugin.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    The plugin's [spec object](https://prosemirror.net/docs/ref/#state.PluginSpec).
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    spec) {
							 | 
						||
| 
								 | 
							
								        this.spec = spec;
							 | 
						||
| 
								 | 
							
								        /**
							 | 
						||
| 
								 | 
							
								        The [props](https://prosemirror.net/docs/ref/#view.EditorProps) exported by this plugin.
							 | 
						||
| 
								 | 
							
								        */
							 | 
						||
| 
								 | 
							
								        this.props = {};
							 | 
						||
| 
								 | 
							
								        if (spec.props)
							 | 
						||
| 
								 | 
							
								            bindProps(spec.props, this, this.props);
							 | 
						||
| 
								 | 
							
								        this.key = spec.key ? spec.key.key : createKey("plugin");
							 | 
						||
| 
								 | 
							
								    }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Extract the plugin's state field from an editor state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    getState(state) { return state[this.key]; }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								const keys = Object.create(null);
							 | 
						||
| 
								 | 
							
								function createKey(name) {
							 | 
						||
| 
								 | 
							
								    if (name in keys)
							 | 
						||
| 
								 | 
							
								        return name + "$" + ++keys[name];
							 | 
						||
| 
								 | 
							
								    keys[name] = 0;
							 | 
						||
| 
								 | 
							
								    return name + "$";
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								/**
							 | 
						||
| 
								 | 
							
								A key is used to [tag](https://prosemirror.net/docs/ref/#state.PluginSpec.key) plugins in a way
							 | 
						||
| 
								 | 
							
								that makes it possible to find them, given an editor state.
							 | 
						||
| 
								 | 
							
								Assigning a key does mean only one plugin of that type can be
							 | 
						||
| 
								 | 
							
								active in a state.
							 | 
						||
| 
								 | 
							
								*/
							 | 
						||
| 
								 | 
							
								class PluginKey {
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Create a plugin key.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    constructor(name = "key") { this.key = createKey(name); }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Get the active plugin with this key, if any, from an editor
							 | 
						||
| 
								 | 
							
								    state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    get(state) { return state.config.pluginsByKey[this.key]; }
							 | 
						||
| 
								 | 
							
								    /**
							 | 
						||
| 
								 | 
							
								    Get the plugin's state from an editor state.
							 | 
						||
| 
								 | 
							
								    */
							 | 
						||
| 
								 | 
							
								    getState(state) { return state[this.key]; }
							 | 
						||
| 
								 | 
							
								}
							 | 
						||
| 
								 | 
							
								
							 | 
						||
| 
								 | 
							
								export { AllSelection, EditorState, NodeSelection, Plugin, PluginKey, Selection, SelectionRange, TextSelection, Transaction };
							 |