@limetech/lime-elements 37.16.0 → 37.17.0

package/dist/collection/components/text-editor/text-editor.js

@@ -3,6 +3,7 @@ import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { Schema, DOMParser } from 'prosemirror-model';
 import { schema } from 'prosemirror-schema-basic';
+import { addListNodes } from 'prosemirror-schema-list';
 import { exampleSetup } from 'prosemirror-example-setup';
 /**
  * This editor offers a rich text editing experience with markdown support,
@@ -27,7 +28,7 @@ export class TextEditor {
   }
   componentDidLoad() {
     const mySchema = new Schema({
-      nodes: schema.spec.nodes,
+      nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
       marks: schema.spec.marks,
     });
     this.view = new EditorView(this.host.shadowRoot.querySelector('#editor'), {

package/dist/collection/components/text-editor/text-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,KAAK,EAEL,KAAK,EACL,CAAC,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,UAAU;;;;EAaZ,iBAAiB,KAAI,CAAC;EAEtB,MAAM;IACT,OAAO,WAAK,EAAE,EAAC,QAAQ,GAAG,CAAC;EAC/B,CAAC;EAEM,gBAAgB;IACnB,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC;MACxB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK;MACxB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK;KAC3B,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CACtB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,EAC7C;MACI,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;QACtB,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,KAAK,CACrC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAChD;QACD,OAAO,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;OAC9C,CAAC;MACF,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE;QACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC;MACxD,CAAC;KACJ,CACJ,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    State,\n    h,\n} from '@stencil/core';\nimport { EditorState } from 'prosemirror-state';\nimport { EditorView } from 'prosemirror-view';\nimport { Schema, DOMParser } from 'prosemirror-model';\nimport { schema } from 'prosemirror-schema-basic';\nimport { exampleSetup } from 'prosemirror-example-setup';\n\n/**\n * This editor offers a rich text editing experience with markdown support,\n * in the sense that you can easily type markdown syntax and see the rendered\n * result as rich text in real-time. For instance, you can type `# Hello, world!`\n * and see it directly turning to a heading 1 (an `<h1>` HTML element).\n *\n * Naturally, you can use standard keyboard hotkeys such as <kbd>Ctrl</kbd> + <kbd>B</kbd>\n * to toggle bold text, <kbd>Ctrl</kbd> + <kbd>I</kbd> to toggle italic text, and so on.\n *\n * @exampleComponent limel-example-text-editor-basic\n * @beta\n * @private\n */\n@Component({\n    tag: 'limel-text-editor',\n    shadow: true,\n    styleUrl: 'text-editor.scss',\n})\nexport class TextEditor {\n    @Element()\n    private host: HTMLLimelTextEditorElement;\n\n    @State()\n    private view: EditorView;\n\n    /**\n     * Dispatched when a change is made to the editor\n     */\n    @Event()\n    private change: EventEmitter<{ html: string }>;\n\n    public componentWillLoad() {}\n\n    public render() {\n        return <div id=\"editor\" />;\n    }\n\n    public componentDidLoad() {\n        const mySchema = new Schema({\n            nodes: schema.spec.nodes,\n            marks: schema.spec.marks,\n        });\n\n        this.view = new EditorView(\n            this.host.shadowRoot.querySelector('#editor'),\n            {\n                state: EditorState.create({\n                    doc: DOMParser.fromSchema(mySchema).parse(\n                        this.host.shadowRoot.querySelector('#editor'),\n                    ),\n                    plugins: exampleSetup({ schema: mySchema }),\n                }),\n                dispatchTransaction: (transaction) => {\n                    const newState = this.view.state.apply(transaction);\n                    this.view.updateState(newState);\n\n                    this.change.emit({ html: this.view.dom.innerHTML });\n                },\n            },\n        );\n    }\n}\n"]}
+{"version":3,"file":"text-editor.js","sourceRoot":"","sources":["../../../src/components/text-editor/text-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,KAAK,EAEL,KAAK,EACL,CAAC,GACJ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD;;;;;;;;;;;;GAYG;AAMH,MAAM,OAAO,UAAU;;;;EAaZ,iBAAiB,KAAI,CAAC;EAEtB,MAAM;IACT,OAAO,WAAK,EAAE,EAAC,QAAQ,GAAG,CAAC;EAC/B,CAAC;EAEM,gBAAgB;IACnB,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC;MACxB,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,CAAC;MACnE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK;KAC3B,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CACtB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,EAC7C;MACI,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC;QACtB,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,KAAK,CACrC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAC,CAChD;QACD,OAAO,EAAE,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;OAC9C,CAAC;MACF,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE;QACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAEhC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC;MACxD,CAAC;KACJ,CACJ,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    State,\n    h,\n} from '@stencil/core';\nimport { EditorState } from 'prosemirror-state';\nimport { EditorView } from 'prosemirror-view';\nimport { Schema, DOMParser } from 'prosemirror-model';\nimport { schema } from 'prosemirror-schema-basic';\nimport { addListNodes } from 'prosemirror-schema-list';\nimport { exampleSetup } from 'prosemirror-example-setup';\n\n/**\n * This editor offers a rich text editing experience with markdown support,\n * in the sense that you can easily type markdown syntax and see the rendered\n * result as rich text in real-time. For instance, you can type `# Hello, world!`\n * and see it directly turning to a heading 1 (an `<h1>` HTML element).\n *\n * Naturally, you can use standard keyboard hotkeys such as <kbd>Ctrl</kbd> + <kbd>B</kbd>\n * to toggle bold text, <kbd>Ctrl</kbd> + <kbd>I</kbd> to toggle italic text, and so on.\n *\n * @exampleComponent limel-example-text-editor-basic\n * @beta\n * @private\n */\n@Component({\n    tag: 'limel-text-editor',\n    shadow: true,\n    styleUrl: 'text-editor.scss',\n})\nexport class TextEditor {\n    @Element()\n    private host: HTMLLimelTextEditorElement;\n\n    @State()\n    private view: EditorView;\n\n    /**\n     * Dispatched when a change is made to the editor\n     */\n    @Event()\n    private change: EventEmitter<{ html: string }>;\n\n    public componentWillLoad() {}\n\n    public render() {\n        return <div id=\"editor\" />;\n    }\n\n    public componentDidLoad() {\n        const mySchema = new Schema({\n            nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),\n            marks: schema.spec.marks,\n        });\n\n        this.view = new EditorView(\n            this.host.shadowRoot.querySelector('#editor'),\n            {\n                state: EditorState.create({\n                    doc: DOMParser.fromSchema(mySchema).parse(\n                        this.host.shadowRoot.querySelector('#editor'),\n                    ),\n                    plugins: exampleSetup({ schema: mySchema }),\n                }),\n                dispatchTransaction: (transaction) => {\n                    const newState = this.view.state.apply(transaction);\n                    this.view.updateState(newState);\n\n                    this.change.emit({ html: this.view.dom.innerHTML });\n                },\n            },\n        );\n    }\n}\n"]}

package/dist/esm/limel-text-editor.entry.js

@@ -12402,6 +12402,259 @@ To reuse elements from this schema, extend or read from its
 */
 const schema = new Schema({ nodes, marks });
 
+const olDOM = ["ol", 0], ulDOM = ["ul", 0], liDOM = ["li", 0];
+/**
+An ordered list [node spec](https://prosemirror.net/docs/ref/#model.NodeSpec). Has a single
+attribute, `order`, which determines the number at which the list
+starts counting, and defaults to 1. Represented as an `<ol>`
+element.
+*/
+const orderedList = {
+    attrs: { order: { default: 1 } },
+    parseDOM: [{ tag: "ol", getAttrs(dom) {
+                return { order: dom.hasAttribute("start") ? +dom.getAttribute("start") : 1 };
+            } }],
+    toDOM(node) {
+        return node.attrs.order == 1 ? olDOM : ["ol", { start: node.attrs.order }, 0];
+    }
+};
+/**
+A bullet list node spec, represented in the DOM as `<ul>`.
+*/
+const bulletList = {
+    parseDOM: [{ tag: "ul" }],
+    toDOM() { return ulDOM; }
+};
+/**
+A list item (`<li>`) spec.
+*/
+const listItem = {
+    parseDOM: [{ tag: "li" }],
+    toDOM() { return liDOM; },
+    defining: true
+};
+function add$1(obj, props) {
+    let copy = {};
+    for (let prop in obj)
+        copy[prop] = obj[prop];
+    for (let prop in props)
+        copy[prop] = props[prop];
+    return copy;
+}
+/**
+Convenience function for adding list-related node types to a map
+specifying the nodes for a schema. Adds
+[`orderedList`](https://prosemirror.net/docs/ref/#schema-list.orderedList) as `"ordered_list"`,
+[`bulletList`](https://prosemirror.net/docs/ref/#schema-list.bulletList) as `"bullet_list"`, and
+[`listItem`](https://prosemirror.net/docs/ref/#schema-list.listItem) as `"list_item"`.
+
+`itemContent` determines the content expression for the list items.
+If you want the commands defined in this module to apply to your
+list structure, it should have a shape like `"paragraph block*"` or
+`"paragraph (ordered_list | bullet_list)*"`. `listGroup` can be
+given to assign a group name to the list node types, for example
+`"block"`.
+*/
+function addListNodes(nodes, itemContent, listGroup) {
+    return nodes.append({
+        ordered_list: add$1(orderedList, { content: "list_item+", group: listGroup }),
+        bullet_list: add$1(bulletList, { content: "list_item+", group: listGroup }),
+        list_item: add$1(listItem, { content: itemContent })
+    });
+}
+/**
+Returns a command function that wraps the selection in a list with
+the given type an attributes. If `dispatch` is null, only return a
+value to indicate whether this is possible, but don't actually
+perform the change.
+*/
+function wrapInList(listType, attrs = null) {
+    return function (state, dispatch) {
+        let { $from, $to } = state.selection;
+        let range = $from.blockRange($to), doJoin = false, outerRange = range;
+        if (!range)
+            return false;
+        // This is at the top of an existing list item
+        if (range.depth >= 2 && $from.node(range.depth - 1).type.compatibleContent(listType) && range.startIndex == 0) {
+            // Don't do anything if this is the top of the list
+            if ($from.index(range.depth - 1) == 0)
+                return false;
+            let $insert = state.doc.resolve(range.start - 2);
+            outerRange = new NodeRange($insert, $insert, range.depth);
+            if (range.endIndex < range.parent.childCount)
+                range = new NodeRange($from, state.doc.resolve($to.end(range.depth)), range.depth);
+            doJoin = true;
+        }
+        let wrap = findWrapping(outerRange, listType, attrs, range);
+        if (!wrap)
+            return false;
+        if (dispatch)
+            dispatch(doWrapInList(state.tr, range, wrap, doJoin, listType).scrollIntoView());
+        return true;
+    };
+}
+function doWrapInList(tr, range, wrappers, joinBefore, listType) {
+    let content = Fragment.empty;
+    for (let i = wrappers.length - 1; i >= 0; i--)
+        content = Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
+    tr.step(new ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
+    let found = 0;
+    for (let i = 0; i < wrappers.length; i++)
+        if (wrappers[i].type == listType)
+            found = i + 1;
+    let splitDepth = wrappers.length - found;
+    let splitPos = range.start + wrappers.length - (joinBefore ? 2 : 0), parent = range.parent;
+    for (let i = range.startIndex, e = range.endIndex, first = true; i < e; i++, first = false) {
+        if (!first && canSplit(tr.doc, splitPos, splitDepth)) {
+            tr.split(splitPos, splitDepth);
+            splitPos += 2 * splitDepth;
+        }
+        splitPos += parent.child(i).nodeSize;
+    }
+    return tr;
+}
+/**
+Build a command that splits a non-empty textblock at the top level
+of a list item by also splitting that list item.
+*/
+function splitListItem(itemType, itemAttrs) {
+    return function (state, dispatch) {
+        let { $from, $to, node } = state.selection;
+        if ((node && node.isBlock) || $from.depth < 2 || !$from.sameParent($to))
+            return false;
+        let grandParent = $from.node(-1);
+        if (grandParent.type != itemType)
+            return false;
+        if ($from.parent.content.size == 0 && $from.node(-1).childCount == $from.indexAfter(-1)) {
+            // In an empty block. If this is a nested list, the wrapping
+            // list item should be split. Otherwise, bail out and let next
+            // command handle lifting.
+            if ($from.depth == 3 || $from.node(-3).type != itemType ||
+                $from.index(-2) != $from.node(-2).childCount - 1)
+                return false;
+            if (dispatch) {
+                let wrap = Fragment.empty;
+                let depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
+                // Build a fragment containing empty versions of the structure
+                // from the outer list item to the parent node of the cursor
+                for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d--)
+                    wrap = Fragment.from($from.node(d).copy(wrap));
+                let depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1
+                    : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
+                // Add a second list item with an empty default start node
+                wrap = wrap.append(Fragment.from(itemType.createAndFill()));
+                let start = $from.before($from.depth - (depthBefore - 1));
+                let tr = state.tr.replace(start, $from.after(-depthAfter), new Slice(wrap, 4 - depthBefore, 0));
+                let sel = -1;
+                tr.doc.nodesBetween(start, tr.doc.content.size, (node, pos) => {
+                    if (sel > -1)
+                        return false;
+                    if (node.isTextblock && node.content.size == 0)
+                        sel = pos + 1;
+                });
+                if (sel > -1)
+                    tr.setSelection(Selection.near(tr.doc.resolve(sel)));
+                dispatch(tr.scrollIntoView());
+            }
+            return true;
+        }
+        let nextType = $to.pos == $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
+        let tr = state.tr.delete($from.pos, $to.pos);
+        let types = nextType ? [itemAttrs ? { type: itemType, attrs: itemAttrs } : null, { type: nextType }] : undefined;
+        if (!canSplit(tr.doc, $from.pos, 2, types))
+            return false;
+        if (dispatch)
+            dispatch(tr.split($from.pos, 2, types).scrollIntoView());
+        return true;
+    };
+}
+/**
+Create a command to lift the list item around the selection up into
+a wrapping list.
+*/
+function liftListItem(itemType) {
+    return function (state, dispatch) {
+        let { $from, $to } = state.selection;
+        let range = $from.blockRange($to, node => node.childCount > 0 && node.firstChild.type == itemType);
+        if (!range)
+            return false;
+        if (!dispatch)
+            return true;
+        if ($from.node(range.depth - 1).type == itemType) // Inside a parent list
+            return liftToOuterList(state, dispatch, itemType, range);
+        else // Outer list node
+            return liftOutOfList(state, dispatch, range);
+    };
+}
+function liftToOuterList(state, dispatch, itemType, range) {
+    let tr = state.tr, end = range.end, endOfList = range.$to.end(range.depth);
+    if (end < endOfList) {
+        // There are siblings after the lifted items, which must become
+        // children of the last item
+        tr.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
+        range = new NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
+    }
+    const target = liftTarget(range);
+    if (target == null)
+        return false;
+    tr.lift(range, target);
+    let after = tr.mapping.map(end, -1) - 1;
+    if (canJoin(tr.doc, after))
+        tr.join(after);
+    dispatch(tr.scrollIntoView());
+    return true;
+}
+function liftOutOfList(state, dispatch, range) {
+    let tr = state.tr, list = range.parent;
+    // Merge the list items into a single big item
+    for (let pos = range.end, i = range.endIndex - 1, e = range.startIndex; i > e; i--) {
+        pos -= list.child(i).nodeSize;
+        tr.delete(pos - 1, pos + 1);
+    }
+    let $start = tr.doc.resolve(range.start), item = $start.nodeAfter;
+    if (tr.mapping.map(range.end) != range.start + $start.nodeAfter.nodeSize)
+        return false;
+    let atStart = range.startIndex == 0, atEnd = range.endIndex == list.childCount;
+    let parent = $start.node(-1), indexBefore = $start.index(-1);
+    if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment.empty : Fragment.from(list))))
+        return false;
+    let start = $start.pos, end = start + item.nodeSize;
+    // Strip off the surrounding list. At the sides where we're not at
+    // the end of the list, the existing list is closed. At sides where
+    // this is the end, it is overwritten to its end.
+    tr.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty)))
+        .append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
+    dispatch(tr.scrollIntoView());
+    return true;
+}
+/**
+Create a command to sink the list item around the selection down
+into an inner list.
+*/
+function sinkListItem(itemType) {
+    return function (state, dispatch) {
+        let { $from, $to } = state.selection;
+        let range = $from.blockRange($to, node => node.childCount > 0 && node.firstChild.type == itemType);
+        if (!range)
+            return false;
+        let startIndex = range.startIndex;
+        if (startIndex == 0)
+            return false;
+        let parent = range.parent, nodeBefore = parent.child(startIndex - 1);
+        if (nodeBefore.type != itemType)
+            return false;
+        if (dispatch) {
+            let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
+            let inner = Fragment.from(nestedBefore ? itemType.create() : null);
+            let slice = new Slice(Fragment.from(itemType.create(null, Fragment.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
+            let before = range.start, after = range.end;
+            dispatch(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice, 1, true))
+                .scrollIntoView());
+        }
+        return true;
+    };
+}
+
 var base = {
   8: "Backspace",
   9: "Tab",
@@ -14921,199 +15174,6 @@ function getAllWrapping(node) {
     return res;
 }
 
-/**
-Returns a command function that wraps the selection in a list with
-the given type an attributes. If `dispatch` is null, only return a
-value to indicate whether this is possible, but don't actually
-perform the change.
-*/
-function wrapInList(listType, attrs = null) {
-    return function (state, dispatch) {
-        let { $from, $to } = state.selection;
-        let range = $from.blockRange($to), doJoin = false, outerRange = range;
-        if (!range)
-            return false;
-        // This is at the top of an existing list item
-        if (range.depth >= 2 && $from.node(range.depth - 1).type.compatibleContent(listType) && range.startIndex == 0) {
-            // Don't do anything if this is the top of the list
-            if ($from.index(range.depth - 1) == 0)
-                return false;
-            let $insert = state.doc.resolve(range.start - 2);
-            outerRange = new NodeRange($insert, $insert, range.depth);
-            if (range.endIndex < range.parent.childCount)
-                range = new NodeRange($from, state.doc.resolve($to.end(range.depth)), range.depth);
-            doJoin = true;
-        }
-        let wrap = findWrapping(outerRange, listType, attrs, range);
-        if (!wrap)
-            return false;
-        if (dispatch)
-            dispatch(doWrapInList(state.tr, range, wrap, doJoin, listType).scrollIntoView());
-        return true;
-    };
-}
-function doWrapInList(tr, range, wrappers, joinBefore, listType) {
-    let content = Fragment.empty;
-    for (let i = wrappers.length - 1; i >= 0; i--)
-        content = Fragment.from(wrappers[i].type.create(wrappers[i].attrs, content));
-    tr.step(new ReplaceAroundStep(range.start - (joinBefore ? 2 : 0), range.end, range.start, range.end, new Slice(content, 0, 0), wrappers.length, true));
-    let found = 0;
-    for (let i = 0; i < wrappers.length; i++)
-        if (wrappers[i].type == listType)
-            found = i + 1;
-    let splitDepth = wrappers.length - found;
-    let splitPos = range.start + wrappers.length - (joinBefore ? 2 : 0), parent = range.parent;
-    for (let i = range.startIndex, e = range.endIndex, first = true; i < e; i++, first = false) {
-        if (!first && canSplit(tr.doc, splitPos, splitDepth)) {
-            tr.split(splitPos, splitDepth);
-            splitPos += 2 * splitDepth;
-        }
-        splitPos += parent.child(i).nodeSize;
-    }
-    return tr;
-}
-/**
-Build a command that splits a non-empty textblock at the top level
-of a list item by also splitting that list item.
-*/
-function splitListItem(itemType, itemAttrs) {
-    return function (state, dispatch) {
-        let { $from, $to, node } = state.selection;
-        if ((node && node.isBlock) || $from.depth < 2 || !$from.sameParent($to))
-            return false;
-        let grandParent = $from.node(-1);
-        if (grandParent.type != itemType)
-            return false;
-        if ($from.parent.content.size == 0 && $from.node(-1).childCount == $from.indexAfter(-1)) {
-            // In an empty block. If this is a nested list, the wrapping
-            // list item should be split. Otherwise, bail out and let next
-            // command handle lifting.
-            if ($from.depth == 3 || $from.node(-3).type != itemType ||
-                $from.index(-2) != $from.node(-2).childCount - 1)
-                return false;
-            if (dispatch) {
-                let wrap = Fragment.empty;
-                let depthBefore = $from.index(-1) ? 1 : $from.index(-2) ? 2 : 3;
-                // Build a fragment containing empty versions of the structure
-                // from the outer list item to the parent node of the cursor
-                for (let d = $from.depth - depthBefore; d >= $from.depth - 3; d--)
-                    wrap = Fragment.from($from.node(d).copy(wrap));
-                let depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1
-                    : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
-                // Add a second list item with an empty default start node
-                wrap = wrap.append(Fragment.from(itemType.createAndFill()));
-                let start = $from.before($from.depth - (depthBefore - 1));
-                let tr = state.tr.replace(start, $from.after(-depthAfter), new Slice(wrap, 4 - depthBefore, 0));
-                let sel = -1;
-                tr.doc.nodesBetween(start, tr.doc.content.size, (node, pos) => {
-                    if (sel > -1)
-                        return false;
-                    if (node.isTextblock && node.content.size == 0)
-                        sel = pos + 1;
-                });
-                if (sel > -1)
-                    tr.setSelection(Selection.near(tr.doc.resolve(sel)));
-                dispatch(tr.scrollIntoView());
-            }
-            return true;
-        }
-        let nextType = $to.pos == $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
-        let tr = state.tr.delete($from.pos, $to.pos);
-        let types = nextType ? [itemAttrs ? { type: itemType, attrs: itemAttrs } : null, { type: nextType }] : undefined;
-        if (!canSplit(tr.doc, $from.pos, 2, types))
-            return false;
-        if (dispatch)
-            dispatch(tr.split($from.pos, 2, types).scrollIntoView());
-        return true;
-    };
-}
-/**
-Create a command to lift the list item around the selection up into
-a wrapping list.
-*/
-function liftListItem(itemType) {
-    return function (state, dispatch) {
-        let { $from, $to } = state.selection;
-        let range = $from.blockRange($to, node => node.childCount > 0 && node.firstChild.type == itemType);
-        if (!range)
-            return false;
-        if (!dispatch)
-            return true;
-        if ($from.node(range.depth - 1).type == itemType) // Inside a parent list
-            return liftToOuterList(state, dispatch, itemType, range);
-        else // Outer list node
-            return liftOutOfList(state, dispatch, range);
-    };
-}
-function liftToOuterList(state, dispatch, itemType, range) {
-    let tr = state.tr, end = range.end, endOfList = range.$to.end(range.depth);
-    if (end < endOfList) {
-        // There are siblings after the lifted items, which must become
-        // children of the last item
-        tr.step(new ReplaceAroundStep(end - 1, endOfList, end, endOfList, new Slice(Fragment.from(itemType.create(null, range.parent.copy())), 1, 0), 1, true));
-        range = new NodeRange(tr.doc.resolve(range.$from.pos), tr.doc.resolve(endOfList), range.depth);
-    }
-    const target = liftTarget(range);
-    if (target == null)
-        return false;
-    tr.lift(range, target);
-    let after = tr.mapping.map(end, -1) - 1;
-    if (canJoin(tr.doc, after))
-        tr.join(after);
-    dispatch(tr.scrollIntoView());
-    return true;
-}
-function liftOutOfList(state, dispatch, range) {
-    let tr = state.tr, list = range.parent;
-    // Merge the list items into a single big item
-    for (let pos = range.end, i = range.endIndex - 1, e = range.startIndex; i > e; i--) {
-        pos -= list.child(i).nodeSize;
-        tr.delete(pos - 1, pos + 1);
-    }
-    let $start = tr.doc.resolve(range.start), item = $start.nodeAfter;
-    if (tr.mapping.map(range.end) != range.start + $start.nodeAfter.nodeSize)
-        return false;
-    let atStart = range.startIndex == 0, atEnd = range.endIndex == list.childCount;
-    let parent = $start.node(-1), indexBefore = $start.index(-1);
-    if (!parent.canReplace(indexBefore + (atStart ? 0 : 1), indexBefore + 1, item.content.append(atEnd ? Fragment.empty : Fragment.from(list))))
-        return false;
-    let start = $start.pos, end = start + item.nodeSize;
-    // Strip off the surrounding list. At the sides where we're not at
-    // the end of the list, the existing list is closed. At sides where
-    // this is the end, it is overwritten to its end.
-    tr.step(new ReplaceAroundStep(start - (atStart ? 1 : 0), end + (atEnd ? 1 : 0), start + 1, end - 1, new Slice((atStart ? Fragment.empty : Fragment.from(list.copy(Fragment.empty)))
-        .append(atEnd ? Fragment.empty : Fragment.from(list.copy(Fragment.empty))), atStart ? 0 : 1, atEnd ? 0 : 1), atStart ? 0 : 1));
-    dispatch(tr.scrollIntoView());
-    return true;
-}
-/**
-Create a command to sink the list item around the selection down
-into an inner list.
-*/
-function sinkListItem(itemType) {
-    return function (state, dispatch) {
-        let { $from, $to } = state.selection;
-        let range = $from.blockRange($to, node => node.childCount > 0 && node.firstChild.type == itemType);
-        if (!range)
-            return false;
-        let startIndex = range.startIndex;
-        if (startIndex == 0)
-            return false;
-        let parent = range.parent, nodeBefore = parent.child(startIndex - 1);
-        if (nodeBefore.type != itemType)
-            return false;
-        if (dispatch) {
-            let nestedBefore = nodeBefore.lastChild && nodeBefore.lastChild.type == parent.type;
-            let inner = Fragment.from(nestedBefore ? itemType.create() : null);
-            let slice = new Slice(Fragment.from(itemType.create(null, Fragment.from(parent.type.create(null, inner)))), nestedBefore ? 3 : 1, 0);
-            let before = range.start, after = range.end;
-            dispatch(state.tr.step(new ReplaceAroundStep(before - (nestedBefore ? 3 : 1), after, before, after, slice, 1, true))
-                .scrollIntoView());
-        }
-        return true;
-    };
-}
-
 /**
 Input rules are regular expressions describing a piece of text
 that, when typed, causes something to happen. This might be
@@ -15859,7 +15919,7 @@ const TextEditor = class {
   }
   componentDidLoad() {
     const mySchema = new Schema({
-      nodes: schema.spec.nodes,
+      nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
       marks: schema.spec.marks,
     });
     this.view = new EditorView(this.host.shadowRoot.querySelector('#editor'), {