@worktile/theia 2.4.1 → 2.4.4

package/bundles/worktile-theia.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('slate-angular'), require('ngx-tethys/core'), require('is-hotkey'), require('slate'), require('slate-history'), require('lodash'), require('marked'), require('@atinc/selene'), require('ngx-tethys/popover'), require('@angular/cdk/overlay'), require('ngx-tethys/alert'), require('rxjs/operators'), require('ngx-tethys/uploader'), require('rxjs'), require('@angular/platform-browser'), require('ngx-tethys/progress'), require('ngx-tethys/icon'), require('ngx-tethys/nav'), require('ngx-tethys/tooltip'), require('ngx-tethys/input'), require('ng-codemirror'), require('ngx-tethys/notify'), require('ngx-tethys/action-menu'), require('ngx-tethys/switch'), require('ngx-tethys/resizable'), require('is-url'), require('ngx-tethys/button'), require('ngx-tethys/form'), require('ngx-tethys/shared'), require('ngx-tethys'), require('@angular/cdk/coercion'), require('@angular/cdk/portal'), require('ngx-tethys/list'), require('ngx-tethys/autocomplete'), require('ngx-tethys/avatar'), require('ngx-tethys/select')) :
-    typeof define === 'function' && define.amd ? define('@worktile/theia', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'slate-angular', 'ngx-tethys/core', 'is-hotkey', 'slate', 'slate-history', 'lodash', 'marked', '@atinc/selene', 'ngx-tethys/popover', '@angular/cdk/overlay', 'ngx-tethys/alert', 'rxjs/operators', 'ngx-tethys/uploader', 'rxjs', '@angular/platform-browser', 'ngx-tethys/progress', 'ngx-tethys/icon', 'ngx-tethys/nav', 'ngx-tethys/tooltip', 'ngx-tethys/input', 'ng-codemirror', 'ngx-tethys/notify', 'ngx-tethys/action-menu', 'ngx-tethys/switch', 'ngx-tethys/resizable', 'is-url', 'ngx-tethys/button', 'ngx-tethys/form', 'ngx-tethys/shared', 'ngx-tethys', '@angular/cdk/coercion', '@angular/cdk/portal', 'ngx-tethys/list', 'ngx-tethys/autocomplete', 'ngx-tethys/avatar', 'ngx-tethys/select'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.worktile = global.worktile || {}, global.worktile.theia = {}), global.ng.core, global.ng.common, global.ng.forms, global.i1, global.core, global.isHotkey, global.slate, global.slateHistory, global._lodash, global.marked, global.selene, global.i1$2, global.ng.cdk.overlay, global.i1$1, global.rxjs.operators, global.uploader, global.rxjs, global.ng.platformBrowser, global.i6, global.i3, global.i3$1, global.i5, global.i5$1, global.i8, global.i1$4, global.i2$1, global.i6$1, global.i9, global.isUrl, global.i1$5, global.i2$2, global.i5$2, global.i1$6, global.ng.cdk.coercion, global.ng.cdk.portal, global.i2$3, global.autocomplete, global.avatar, global.select));
-})(this, (function (exports, i0, i10, i4, i1, core, isHotkey, slate, slateHistory, _lodash, marked, selene, i1$2, i2, i1$1, operators, uploader, rxjs, i1$3, i6, i3, i3$1, i5, i5$1, i8, i1$4, i2$1, i6$1, i9, isUrl, i1$5, i2$2, i5$2, i1$6, coercion, portal, i2$3, autocomplete, avatar, select) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('slate-angular'), require('ngx-tethys/core'), require('is-hotkey'), require('slate'), require('slate-history'), require('marked'), require('@atinc/selene'), require('ngx-tethys/popover'), require('lodash'), require('@angular/cdk/overlay'), require('ngx-tethys/alert'), require('rxjs/operators'), require('ngx-tethys/uploader'), require('rxjs'), require('@angular/platform-browser'), require('ngx-tethys/progress'), require('ngx-tethys/icon'), require('ngx-tethys/nav'), require('ngx-tethys/tooltip'), require('ngx-tethys/input'), require('ng-codemirror'), require('ngx-tethys/notify'), require('ngx-tethys/action-menu'), require('ngx-tethys/switch'), require('ngx-tethys/resizable'), require('is-url'), require('ngx-tethys/button'), require('ngx-tethys/form'), require('ngx-tethys/shared'), require('ngx-tethys'), require('@angular/cdk/coercion'), require('@angular/cdk/portal'), require('ngx-tethys/list'), require('ngx-tethys/autocomplete'), require('ngx-tethys/avatar'), require('ngx-tethys/select')) :
+    typeof define === 'function' && define.amd ? define('@worktile/theia', ['exports', '@angular/core', '@angular/common', '@angular/forms', 'slate-angular', 'ngx-tethys/core', 'is-hotkey', 'slate', 'slate-history', 'marked', '@atinc/selene', 'ngx-tethys/popover', 'lodash', '@angular/cdk/overlay', 'ngx-tethys/alert', 'rxjs/operators', 'ngx-tethys/uploader', 'rxjs', '@angular/platform-browser', 'ngx-tethys/progress', 'ngx-tethys/icon', 'ngx-tethys/nav', 'ngx-tethys/tooltip', 'ngx-tethys/input', 'ng-codemirror', 'ngx-tethys/notify', 'ngx-tethys/action-menu', 'ngx-tethys/switch', 'ngx-tethys/resizable', 'is-url', 'ngx-tethys/button', 'ngx-tethys/form', 'ngx-tethys/shared', 'ngx-tethys', '@angular/cdk/coercion', '@angular/cdk/portal', 'ngx-tethys/list', 'ngx-tethys/autocomplete', 'ngx-tethys/avatar', 'ngx-tethys/select'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.worktile = global.worktile || {}, global.worktile.theia = {}), global.ng.core, global.ng.common, global.ng.forms, global.i1, global.core, global.isHotkey, global.slate, global.slateHistory, global.marked, global.selene, global.i1$2, global._lodash, global.ng.cdk.overlay, global.i1$1, global.rxjs.operators, global.uploader, global.rxjs, global.ng.platformBrowser, global.i6, global.i3, global.i3$1, global.i5, global.i5$1, global.i8, global.i1$4, global.i2$1, global.i6$1, global.i9, global.isUrl, global.i1$5, global.i2$2, global.i5$2, global.i1$6, global.ng.cdk.coercion, global.ng.cdk.portal, global.i1$7, global.autocomplete, global.avatar, global.select));
+})(this, (function (exports, i0, i10, i4, i1, core, isHotkey, slate, slateHistory, marked, selene, i1$2, _lodash, i2, i1$1, operators, uploader, rxjs, i1$3, i6, i3, i3$1, i5, i5$1, i8, i1$4, i2$1, i6$1, i9, isUrl, i1$5, i2$2, i5$2, i1$6, coercion, portal, i1$7, autocomplete, avatar, select) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,9 +29,9 @@
     var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
     var isHotkey__default = /*#__PURE__*/_interopDefaultLegacy(isHotkey);
-    var _lodash__namespace = /*#__PURE__*/_interopNamespace(_lodash);
     var marked__default = /*#__PURE__*/_interopDefaultLegacy(marked);
     var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$2);
+    var _lodash__namespace = /*#__PURE__*/_interopNamespace(_lodash);
     var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
     var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$3);
@@ -50,7 +50,7 @@
     var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
     var i5__namespace$2 = /*#__PURE__*/_interopNamespace(i5$2);
     var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
-    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
+    var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -853,6 +853,61 @@
         return key;
     }
 
+    var UNDOING = new WeakMap();
+    var REDOING = new WeakMap();
+    var withTheHistory = function (editor) {
+        var undo = editor.undo, redo = editor.redo;
+        editor.undo = function () {
+            UNDOING.set(editor, true);
+            undo();
+            UNDOING.set(editor, false);
+        };
+        editor.redo = function () {
+            REDOING.set(editor, true);
+            redo();
+            REDOING.set(editor, false);
+        };
+        return editor;
+    };
+    var TheHistoryEditor = {
+        isUndoing: function (editor) {
+            return UNDOING.get(editor);
+        },
+        isRedoing: function (editor) {
+            return REDOING.get(editor);
+        }
+    };
+
+    var setMarks = function (editor, marks, at) {
+        slate.Transforms.setNodes(editor, marks, {
+            at: at,
+            match: slate.Text.isText,
+            split: true
+        });
+    };
+
+    var clearMarks = function (editor) {
+        var selection = editor.selection;
+        if (!selection) {
+            return;
+        }
+        if (slate.Range.isCollapsed(selection)) {
+            var marks = slate.Editor.marks(editor);
+            for (var key in marks) {
+                slate.Editor.removeMark(editor, key);
+            }
+        }
+        else {
+            var unsetMarks_1 = {};
+            MarkProps.forEach(function (key) {
+                unsetMarks_1[key] = null;
+            });
+            setMarks(editor, unsetMarks_1);
+        }
+    };
+
+    var insertElement = function (editor, element) { return editor.insertElement(element); };
+
     var isAncestor = function (node) { return slate.Element.isElement(node) || slate.Editor.isEditor(node); };
 
     var getLastChild$1 = function (node, level) {
@@ -1720,36 +1775,6 @@
         someNode: someNode
     });
 
-    var setMarks = function (editor, marks, at) {
-        slate.Transforms.setNodes(editor, marks, {
-            at: at,
-            match: slate.Text.isText,
-            split: true
-        });
-    };
-
-    var clearMarks = function (editor) {
-        var selection = editor.selection;
-        if (!selection) {
-            return;
-        }
-        if (slate.Range.isCollapsed(selection)) {
-            var marks = slate.Editor.marks(editor);
-            for (var key in marks) {
-                slate.Editor.removeMark(editor, key);
-            }
-        }
-        else {
-            var unsetMarks_1 = {};
-            MarkProps.forEach(function (key) {
-                unsetMarks_1[key] = null;
-            });
-            setMarks(editor, unsetMarks_1);
-        }
-    };
-
-    var insertElement = function (editor, element) { return editor.insertElement(element); };
-
     var insertElementNext = function (editor, node) {
         if (slate.Range.isExpanded(editor.selection)) {
             slate.Editor.deleteFragment(editor);
@@ -1970,6 +1995,40 @@
         return false;
     }
 
+    var insertElementNode = function (editor, node) {
+        if (slate.Range.isExpanded(editor.selection)) {
+            slate.Editor.deleteFragment(editor);
+        }
+        var isBlockCardCursor$1 = isBlockCardCursor(editor);
+        var containerBlocks = getContainerBlocks(editor);
+        var isContainer = isNodeTypeIn(editor, containerBlocks, { at: editor.selection });
+        var _a = __read(anchorBlockEntry(editor), 2), anchorBlock = _a[0], anchorBlockPath = _a[1];
+        var isEmpty = slate.Editor.isEmpty(editor, anchorBlock);
+        if (isContainer && !isBlockCardCursor$1) {
+            var _b = __read(slate.Editor.above(editor, {
+                match: function (n) { return slate.Editor.isBlock(editor, n) && containerBlocks.includes(n.type); },
+                at: editor.selection
+            }), 2), containerPath_1 = _b[1];
+            slate.Editor.withoutNormalizing(editor, function () {
+                var containerPathFirstPath = anchorBlockPath.slice(0, containerPath_1.length + 1);
+                slate.Transforms.insertNodes(editor, node, { at: slate.Path.next(containerPathFirstPath), select: true });
+                if (isEmpty) {
+                    slate.Transforms.removeNodes(editor, { at: anchorBlockPath });
+                }
+            });
+            return;
+        }
+        var nextPath = slate.Path.next([anchorBlockPath[0]]);
+        slate.Transforms.insertNodes(editor, node, { at: nextPath });
+        if (isEmpty && anchorBlockPath.length === 1) {
+            slate.Transforms.delete(editor, { at: anchorBlockPath });
+            slate.Transforms.select(editor, slate.Editor.start(editor, anchorBlockPath));
+        }
+        else {
+            slate.Transforms.select(editor, slate.Editor.start(editor, nextPath));
+        }
+    };
+
     var index = /*#__PURE__*/Object.freeze({
         __proto__: null,
         setMarks: setMarks,
@@ -1989,591 +2048,158 @@
         setEndSelection: setEndSelection,
         closeConversionHint: closeConversionHint,
         handleContinualDeleteBackward: handleContinualDeleteBackward,
-        handleContinualInsertBreak: handleContinualInsertBreak
+        handleContinualInsertBreak: handleContinualInsertBreak,
+        insertElementNode: insertElementNode
     });
 
-    var isNodeTypeList = function (n) {
-        return [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList].includes(n.type);
-    };
-
-    var ListEditor = {
-        isList: function (editor, element, type) {
-            return slate.Editor.isBlock(editor, element) && element.type === type;
-        },
-        toggleList: function (editor, type, startIndex) {
-            var _this = this;
-            if (!editor.selection) {
-                return;
+    var TheConversionHintComponent = /** @class */ (function () {
+        function TheConversionHintComponent() {
+            this.duration = 10000;
+            this.pauseOnHover = true;
+        }
+        TheConversionHintComponent.prototype.mouseenter = function () {
+            if (this.pauseOnHover) {
+                this.clearCloseTimer();
             }
-            if (!startIndex) {
-                startIndex = 1;
+        };
+        TheConversionHintComponent.prototype.mouseleave = function () {
+            if (this.pauseOnHover) {
+                this.creatCloseTimer();
             }
-            var types = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList];
-            slate.Editor.withoutNormalizing(editor, function () {
-                var _a = __read(slate.Editor.nodes(editor, {
-                    match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; },
-                    mode: 'lowest'
-                })), listItems = _a.slice(0);
-                var firstListItemPath = listItems.length && listItems[0][1];
-                var activeListPath = listItems.length && slate.Path.parent(firstListItemPath);
-                var activeListNode = listItems.length && slate.Node.get(editor, activeListPath);
-                // 同级且类型相同：unwrap
-                var isLowestActive = listItems.length &&
-                    listItems.every(function (_a) {
-                        var _b = __read(_a, 2), path = _b[1];
-                        return activeListNode.type === type && (slate.Path.isSibling(firstListItemPath, path) || slate.Path.equals(firstListItemPath, path));
-                    });
-                if (isLowestActive) {
-                    var upListItem = slate.Path.parent(activeListPath);
-                    slate.Transforms.unwrapNodes(editor, {
-                        at: editor.selection,
-                        match: function (node) { return node === activeListNode; },
-                        split: true,
-                        mode: 'lowest'
-                    });
-                    if (upListItem && slate.Node.get(editor, upListItem).type === exports.ElementKinds.listItem) {
-                        slate.Transforms.moveNodes(editor, {
-                            at: editor.selection,
-                            to: slate.Path.next(upListItem),
-                            match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
-                        });
-                    }
-                    else {
-                        slate.Transforms.unwrapNodes(editor, {
-                            match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
-                        });
+        };
+        TheConversionHintComponent.prototype.ngOnInit = function () {
+            this.creatCloseTimer();
+        };
+        TheConversionHintComponent.prototype.ngOnDestroy = function () {
+            this.clearCloseTimer();
+        };
+        TheConversionHintComponent.prototype.creatCloseTimer = function () {
+            var _this = this;
+            this.closeTimer = setInterval(function () {
+                clearInterval(_this.closeTimer);
+                closeConversionHint(_this.editor);
+            }, this.duration);
+        };
+        TheConversionHintComponent.prototype.clearCloseTimer = function () {
+            clearInterval(this.closeTimer);
+        };
+        return TheConversionHintComponent;
+    }());
+    TheConversionHintComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheConversionHintComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TheConversionHintComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheConversionHintComponent, selector: "the-conversion-hint", inputs: { editor: "editor", conversion: "conversion" }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, classAttribute: "the-conversion-hint" }, ngImport: i0__namespace, template: "<ng-container>\n    <thy-alert\n        thyType=\"primary-weak\"\n        thyIcon=\"info-circle-fill\"\n        thyCloseable=\"true\"\n        thyMessage=\"\u68C0\u6D4B\u5230\u7C98\u8D34\u5185\u5BB9\u7B26\u5408Markdown\u8BED\u6CD5\"\n    >\n        <ng-template #operation>\n            <a href=\"javascript:;\" thyAlertActionItem (click)=\"conversion()\">\n                \u7ACB\u5373\u8F6C\u6362\n            </a>\n        </ng-template>\n    </thy-alert>\n</ng-container>\n", components: [{ type: i1__namespace$1.ThyAlertComponent, selector: "thy-alert", inputs: ["thyType", "thyMessage", "thyIcon", "thyCloseable"] }], directives: [{ type: i1__namespace$1.ThyAlertActionItemDirective, selector: "[thyAlertActionItem]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheConversionHintComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'the-conversion-hint',
+                        templateUrl: 'conversion-hint.component.html',
+                        host: {
+                            class: 'the-conversion-hint'
+                        },
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                    }]
+            }], propDecorators: { editor: [{
+                    type: i0.Input
+                }], conversion: [{
+                    type: i0.Input
+                }], mouseenter: [{
+                    type: i0.HostListener,
+                    args: ['mouseenter']
+                }], mouseleave: [{
+                    type: i0.HostListener,
+                    args: ['mouseleave']
+                }] } });
+
+    function plainToTheia(text) {
+        if (typeof text !== 'string') {
+            return text;
+        }
+        return text.split('\n').map(function (i) {
+            return {
+                type: exports.ElementKinds.paragraph,
+                children: [
+                    {
+                        text: i
                     }
-                    return;
-                }
-                // 跨级、同级且类型不同
-                if (activeListNode && types.includes(activeListNode.type)) {
-                    slate.Transforms.setNodes(editor, { type: type }, { match: function (node) { return slate.Element.isElement(node) && node.type !== type && types.includes(node.type); } });
-                    return;
-                }
-                // wrap
-                _this.buildListItem(editor);
-                // Todo: types
-                slate.Transforms.wrapNodes(editor, { type: type, children: [], start: startIndex }, {
-                    at: editor.selection,
-                    match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
-                });
-            });
-        },
-        unwrapList: function (editor) {
-            slate.Editor.withoutNormalizing(editor, function () {
-                unwrapNodesByType(editor, [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList], { split: true, mode: 'all' });
-                unwrapNodesByType(editor, [exports.ElementKinds.listItem], { split: true, mode: 'all' });
-            });
-        },
-        wrapList: function (editor, type) {
-            slate.Editor.withoutNormalizing(editor, function () {
-                var listItem = {
-                    type: exports.ElementKinds.listItem,
-                    children: []
-                };
-                var list = {
-                    type: type,
-                    children: []
-                };
-                slate.Transforms.wrapNodes(editor, list, { split: true });
-                slate.Transforms.wrapNodes(editor, listItem, { split: true });
-            });
-        },
-        isActive: function (editor, type) {
-            var _a = __read(getNodesByType(editor, type), 1), match = _a[0];
-            return !!match;
-        },
-        getActiveList: function (editor) {
-            var _a = __read(getNodesByType(editor, LIST_BLOCK_TYPES), 1), match = _a[0];
-            return match;
-        },
-        buildListItem: function (editor) {
-            var e_1, _a;
-            var nodes = slate.Editor.nodes(editor, {
-                match: function (node) { return slate.Editor.isBlock(editor, node); },
-                mode: 'lowest'
-            });
-            try {
-                for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
-                    var _b = __read(nodes_1_1.value, 2), node = _b[0], path = _b[1];
-                    if (!slate.Editor.isVoid(editor, node) && slate.Element.isElement(node) && node.type !== exports.ElementKinds.paragraph) {
-                        slate.Transforms.setNodes(editor, { type: exports.ElementKinds.paragraph, checked: undefined }, // todo remove checked
-                        { at: path });
-                    }
-                    else if (slate.Element.isElement(node) && node.type === exports.ElementKinds.paragraph) {
-                        var textIndent = node.textIndent;
-                        if (textIndent) {
-                            slate.Transforms.setNodes(editor, { textIndent: undefined, indent: undefined }, // remove indent
-                            { at: path });
-                        }
-                    }
-                    if (slate.Node.parent(editor, path).type !== exports.ElementKinds.listItem) {
-                        slate.Transforms.wrapNodes(editor, { type: exports.ElementKinds.listItem, children: [] }, {
-                            at: path,
-                            split: true
-                        });
-                    }
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-        },
-        buildInsertDataChildren: function (node) {
-            var children = node.children;
-            var listItem = children[0];
-            if (isNodeTypeList(node) && slate.Element.isElement(listItem) && listItem.children[0].type === exports.ElementKinds.paragraph) {
-                return node;
-            }
-            return this.buildInsertDataChildren(listItem);
+                ]
+            };
+        });
+    }
+    function htmlToTheia(value) {
+        if (typeof value === 'string') {
+            var htmlDom = new DOMParser().parseFromString(value, 'text/html');
+            return selene.TheiaConverter.convertToTheia(Array.from(htmlDom.body.children));
         }
-    };
-
-    var TodoItemEditor = {
-        isActive: function (editor) {
-            var _a = __read(getNodesByType(editor, exports.ElementKinds.checkItem), 1), match = _a[0];
-            return !!match;
-        },
-        insertTodoItem: function (editor) {
-            if (!editor.selection) {
-                return;
-            }
-            var isActive = this.isActive(editor);
-            var isNumberedList = ListEditor.isActive(editor, exports.ElementKinds.numberedList);
-            var isBulletedList = ListEditor.isActive(editor, exports.ElementKinds.bulletedList);
-            if (isActive) {
-                slate.Transforms.setNodes(editor, {
-                    type: exports.ElementKinds.paragraph
-                });
+        return value;
+    }
+    function dataDeserialize(mode, value) {
+        if (!value) {
+            return [createEmptyParagraph()];
+        }
+        if (mode === exports.TheDataMode.html) {
+            if (typeof value !== 'string') {
+                return value;
             }
-            else {
-                if (isNumberedList || isBulletedList) {
-                    ListEditor.unwrapList(editor);
-                }
-                slate.Transforms.setNodes(editor, {
-                    type: exports.ElementKinds.checkItem
-                });
+            if (/<[^>]+>/.test(value)) {
+                return htmlToTheia(value);
             }
+            return plainToTheia(value);
+        }
+        return value || [createEmptyParagraph()];
+    }
+    function dataSerializing(mode, value) {
+        if (mode === exports.TheDataMode.html) {
+            return selene.TheiaConverter.convertToHtml(value);
         }
+        return value;
+    }
+
+    var getEditorUUID = function (editor) {
+        return THE_EDITOR_UUID.get(editor);
+    };
+    var setEditorUUID = function (editor, uuid) {
+        THE_EDITOR_UUID.set(editor, uuid);
     };
 
-    var BlockquoteEditor = {
-        toggleBlockquote: function (editor) {
-            if (!isParagraph(editor)) {
-                slate.Transforms.insertNodes(editor, {
-                    type: exports.ElementKinds.paragraph,
-                    mode: 'text',
-                    children: [
-                        {
-                            text: ''
-                        }
-                    ]
-                });
-            }
-            var isActive = isBlockActive(editor, exports.ElementKinds.blockquote);
-            if (!isActive) {
-                slate.Transforms.wrapNodes(editor, { type: exports.ElementKinds.blockquote, children: [] }, {
-                    mode: 'lowest'
-                });
-            }
-            else {
-                slate.Transforms.unwrapNodes(editor, { match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.blockquote; } });
-            }
-        }
+    var getToolbarClass = function (editor) {
+        var uuid = getEditorUUID(editor);
+        return "the-toolbar-" + uuid;
     };
 
-    var InlineCodeEditor = {
-        toggleInlineCode: function (editor, text) {
-            var isActive = InlineCodeEditor.isInlineCodeActive(editor);
-            if (isActive) {
-                InlineCodeEditor.unwrapInlineCode(editor);
-                return;
-            }
-            if (slate.Range.isCollapsed(editor.selection)) {
-                InlineCodeEditor.wrapInlineCode(editor, text);
-            }
-            else {
-                var fragment = slate.Node.fragment(editor, editor.selection)[0];
-                var selectNode = slate.Node.get(fragment, []);
-                var selectText = slate.Node.string(selectNode);
-                InlineCodeEditor.wrapInlineCode(editor, selectText);
-            }
-        },
-        wrapInlineCode: function (editor, text) {
-            if (text === void 0) { text = ''; }
-            if (InlineCodeEditor.isInlineCodeActive(editor)) {
-                InlineCodeEditor.unwrapInlineCode(editor);
-            }
-            var selection = editor.selection;
-            var isCollapsed = selection && slate.Range.isCollapsed(selection);
-            var inlineCode = {
-                type: exports.ElementKinds.inlineCode,
-                children: isCollapsed ? [{ text: text ? text : ZERO_WIDTH_CHAR }] : []
-            };
-            if (isCollapsed) {
-                slate.Transforms.insertNodes(editor, inlineCode);
-            }
-            else {
-                slate.Transforms.wrapNodes(editor, inlineCode, { split: true });
-            }
-        },
-        unwrapInlineCode: function (editor) {
-            slate.Transforms.unwrapNodes(editor, { match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.inlineCode; } });
-        },
-        isInlineCodeActive: function (editor, path) {
-            var _a;
-            var _b = __read(slate.Editor.nodes(editor, {
-                at: path ? path : (_a = editor.selection) === null || _a === void 0 ? void 0 : _a.anchor.path,
-                match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.inlineCode; }
-            }), 1), inlineCode = _b[0];
-            return !!inlineCode;
+    var IS_MAC = typeof window != 'undefined' && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
+    var CONTROL_KEY = IS_MAC ? '⌘' : 'Ctrl';
+
+    /**
+     * whether the current node is a clean paragraph
+     * @param editor
+     * @param text
+     * @returns boolean
+     */
+    var isCleanEmptyParagraph = function (editor) {
+        var isCollapsedCursor = TheEditor.isFocused(editor) && editor.selection && slate.Range.isCollapsed(editor.selection);
+        if (!isCollapsedCursor) {
+            return false;
         }
+        var block = slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]);
+        return isPureEmptyParagraph(editor, block);
     };
-
-    var HeadingEditor = {
-        setHeading: function (editor, heading) {
-            slate.Editor.withoutNormalizing(editor, function () {
-                var _a;
-                var types = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.listItem];
-                slate.Transforms.unwrapNodes(editor, {
-                    at: editor.selection,
-                    match: function (n) { return slate.Element.isElement(n) && types.includes(n.type); },
-                    mode: 'all',
-                    split: true
-                });
-                slate.Transforms.setNodes(editor, { type: heading });
-                var entry = anchorBlockEntry(editor);
-                var unMarks = (_a = {},
-                    _a[exports.MarkTypes.fontSize] = null,
-                    _a);
-                if (entry) {
-                    setMarks(editor, unMarks, entry[1]);
-                    return;
-                }
-                setMarks(editor, unMarks, editor.selection);
-            });
-        },
-        isHeadingActive: function (editor, heading) {
-            var _a = __read(slate.Editor.nodes(editor, {
-                match: function (n) { return slate.Element.isElement(n) && n.type === heading; },
-                universal: true
-            }), 1), match = _a[0];
-            return !!match;
+    var isPureEmptyParagraph = function (editor, block) {
+        var textIndent = 'textIndent';
+        var align = 'align';
+        var hasTextIndent = block[textIndent];
+        var alignValue = block[align];
+        var hasIndent = block[exports.ElementKinds.indent];
+        if (slate.Node.string(block) === '' &&
+            slate.Element.isElement(block) &&
+            block.type === exports.ElementKinds.paragraph &&
+            block.children.length === 1 &&
+            slate.Text.isText(block.children[0]) &&
+            !slate.Editor.isVoid(editor, block) &&
+            !hasIndent &&
+            !hasTextIndent &&
+            (!alignValue || alignValue === exports.Alignment.left)) {
+            return true;
         }
-    };
-
-    var autoFormatRules = [
-        {
-            type: exports.ElementKinds.heading_1,
-            markup: '#',
-            format: function (editor) {
-                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_1);
-            }
-        },
-        {
-            type: exports.ElementKinds.heading_2,
-            markup: '##',
-            format: function (editor) {
-                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_2);
-            }
-        },
-        {
-            type: exports.ElementKinds.heading_3,
-            markup: '###',
-            format: function (editor) {
-                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_3);
-            }
-        },
-        {
-            type: exports.ElementKinds.heading_4,
-            markup: '####',
-            format: function (editor) {
-                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_4);
-            }
-        },
-        {
-            type: exports.ElementKinds.heading_5,
-            markup: '#####',
-            format: function (editor) {
-                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_5);
-            }
-        },
-        {
-            type: exports.ElementKinds.heading_6,
-            markup: '######',
-            format: function (editor) {
-                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_6);
-            }
-        },
-        {
-            type: exports.ElementKinds.blockquote,
-            markup: ['>'],
-            format: function (editor) {
-                BlockquoteEditor.toggleBlockquote(editor);
-            }
-        },
-        {
-            type: exports.MarkTypes.bold,
-            between: ['**', '**'],
-            mode: 'inline',
-            insertTrigger: true
-        },
-        {
-            type: exports.MarkTypes.bold,
-            between: ['__', '__'],
-            mode: 'inline',
-            insertTrigger: true
-        },
-        {
-            type: exports.MarkTypes.italic,
-            between: ['*', '*'],
-            mode: 'inline',
-            insertTrigger: true
-        },
-        {
-            type: exports.MarkTypes.italic,
-            between: ['_', '_'],
-            mode: 'inline',
-            insertTrigger: true
-        },
-        {
-            type: exports.ElementKinds.inlineCode,
-            between: ['`', '`'],
-            mode: 'inline',
-            format: function (editor, text) {
-                InlineCodeEditor.toggleInlineCode(editor, text);
-                slate.Transforms.select(editor, slate.Editor.after(editor, editor.selection));
-            }
-        },
-        {
-            type: exports.MarkTypes.strike,
-            between: ['~~', '~~'],
-            mode: 'inline',
-            insertTrigger: true
-        },
-        {
-            type: exports.ElementKinds.code,
-            markup: '```',
-            insertTrigger: true
-        },
-        {
-            type: exports.ElementKinds.listItem,
-            markup: [],
-            match: function (editor) {
-                return isParagraph(editor) ? ['*', '-', '+'] : [];
-            },
-            format: function (editor) {
-                ListEditor.toggleList(editor, exports.ElementKinds.bulletedList);
-            }
-        },
-        {
-            type: exports.ElementKinds.listItem,
-            markup: [],
-            match: function (editor, textFromBlockStart) {
-                return isParagraph(editor) && /^-?\d+(\.|\))$/.test(textFromBlockStart) ? [textFromBlockStart] : [];
-            },
-            format: function (editor, markup) {
-                var startIndex = 1;
-                if (markup) {
-                    startIndex = markup[0].split('.')[0];
-                    if (startIndex === 0) {
-                        startIndex = 1;
-                    }
-                }
-                ListEditor.toggleList(editor, exports.ElementKinds.numberedList, startIndex);
-            }
-        },
-        {
-            type: exports.ElementKinds.checkItem,
-            markup: [],
-            match: function (editor) {
-                return isParagraph(editor) ? ['[]'] : [];
-            },
-            format: function (editor) {
-                TodoItemEditor.insertTodoItem(editor);
-            }
-        },
-        {
-            type: exports.ElementKinds.hr,
-            markup: '---',
-            insertTrigger: true
-        }
-    ];
-
-    var UNDOING = new WeakMap();
-    var REDOING = new WeakMap();
-    var withTheHistory = function (editor) {
-        var undo = editor.undo, redo = editor.redo;
-        editor.undo = function () {
-            UNDOING.set(editor, true);
-            undo();
-            UNDOING.set(editor, false);
-        };
-        editor.redo = function () {
-            REDOING.set(editor, true);
-            redo();
-            REDOING.set(editor, false);
-        };
-        return editor;
-    };
-    var TheHistoryEditor = {
-        isUndoing: function (editor) {
-            return UNDOING.get(editor);
-        },
-        isRedoing: function (editor) {
-            return REDOING.get(editor);
-        }
-    };
-
-    var TheConversionHintComponent = /** @class */ (function () {
-        function TheConversionHintComponent() {
-            this.duration = 10000;
-            this.pauseOnHover = true;
-        }
-        TheConversionHintComponent.prototype.mouseenter = function () {
-            if (this.pauseOnHover) {
-                this.clearCloseTimer();
-            }
-        };
-        TheConversionHintComponent.prototype.mouseleave = function () {
-            if (this.pauseOnHover) {
-                this.creatCloseTimer();
-            }
-        };
-        TheConversionHintComponent.prototype.ngOnInit = function () {
-            this.creatCloseTimer();
-        };
-        TheConversionHintComponent.prototype.ngOnDestroy = function () {
-            this.clearCloseTimer();
-        };
-        TheConversionHintComponent.prototype.creatCloseTimer = function () {
-            var _this = this;
-            this.closeTimer = setInterval(function () {
-                clearInterval(_this.closeTimer);
-                closeConversionHint(_this.editor);
-            }, this.duration);
-        };
-        TheConversionHintComponent.prototype.clearCloseTimer = function () {
-            clearInterval(this.closeTimer);
-        };
-        return TheConversionHintComponent;
-    }());
-    TheConversionHintComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheConversionHintComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheConversionHintComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheConversionHintComponent, selector: "the-conversion-hint", inputs: { editor: "editor", conversion: "conversion" }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, classAttribute: "the-conversion-hint" }, ngImport: i0__namespace, template: "<ng-container>\n    <thy-alert\n        thyType=\"primary-weak\"\n        thyIcon=\"info-circle-fill\"\n        thyCloseable=\"true\"\n        thyMessage=\"\u68C0\u6D4B\u5230\u7C98\u8D34\u5185\u5BB9\u7B26\u5408Markdown\u8BED\u6CD5\"\n    >\n        <ng-template #operation>\n            <a href=\"javascript:;\" thyAlertActionItem (click)=\"conversion()\">\n                \u7ACB\u5373\u8F6C\u6362\n            </a>\n        </ng-template>\n    </thy-alert>\n</ng-container>\n", components: [{ type: i1__namespace$1.ThyAlertComponent, selector: "thy-alert", inputs: ["thyType", "thyMessage", "thyIcon", "thyCloseable"] }], directives: [{ type: i1__namespace$1.ThyAlertActionItemDirective, selector: "[thyAlertActionItem]" }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheConversionHintComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'the-conversion-hint',
-                        templateUrl: 'conversion-hint.component.html',
-                        host: {
-                            class: 'the-conversion-hint'
-                        },
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
-                    }]
-            }], propDecorators: { editor: [{
-                    type: i0.Input
-                }], conversion: [{
-                    type: i0.Input
-                }], mouseenter: [{
-                    type: i0.HostListener,
-                    args: ['mouseenter']
-                }], mouseleave: [{
-                    type: i0.HostListener,
-                    args: ['mouseleave']
-                }] } });
-
-    function plainToTheia(text) {
-        if (typeof text !== 'string') {
-            return text;
-        }
-        return text.split('\n').map(function (i) {
-            return {
-                type: exports.ElementKinds.paragraph,
-                children: [
-                    {
-                        text: i
-                    }
-                ]
-            };
-        });
-    }
-    function htmlToTheia(value) {
-        if (typeof value === 'string') {
-            var htmlDom = new DOMParser().parseFromString(value, 'text/html');
-            return selene.TheiaConverter.convertToTheia(Array.from(htmlDom.body.children));
-        }
-        return value;
-    }
-    function dataDeserialize(mode, value) {
-        if (!value) {
-            return [createEmptyParagraph()];
-        }
-        if (mode === exports.TheDataMode.html) {
-            if (typeof value !== 'string') {
-                return value;
-            }
-            if (/<[^>]+>/.test(value)) {
-                return htmlToTheia(value);
-            }
-            return plainToTheia(value);
-        }
-        return value || [createEmptyParagraph()];
-    }
-    function dataSerializing(mode, value) {
-        if (mode === exports.TheDataMode.html) {
-            return selene.TheiaConverter.convertToHtml(value);
-        }
-        return value;
-    }
-
-    var getEditorUUID = function (editor) {
-        return THE_EDITOR_UUID.get(editor);
-    };
-    var setEditorUUID = function (editor, uuid) {
-        THE_EDITOR_UUID.set(editor, uuid);
-    };
-
-    var getToolbarClass = function (editor) {
-        var uuid = getEditorUUID(editor);
-        return "the-toolbar-" + uuid;
-    };
-
-    var IS_MAC = typeof window != 'undefined' && /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
-    var CONTROL_KEY = IS_MAC ? '⌘' : 'Ctrl';
-
-    /**
-     * whether the current node is a clean paragraph
-     * @param editor
-     * @param text
-     * @returns boolean
-     */
-    var isCleanEmptyParagraph = function (editor) {
-        var isCollapsedCursor = TheEditor.isFocused(editor) && editor.selection && slate.Range.isCollapsed(editor.selection);
-        if (!isCollapsedCursor) {
-            return false;
-        }
-        var block = slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]);
-        var textIndent = 'textIndent';
-        var align = 'align';
-        var hasTextIndent = block[textIndent];
-        var alignValue = block[align];
-        var hasIndent = block[exports.ElementKinds.indent];
-        if (slate.Node.string(block) === '' &&
-            slate.Element.isElement(block) &&
-            block.type === exports.ElementKinds.paragraph &&
-            block.children.length === 1 &&
-            slate.Text.isText(block.children[0]) &&
-            !slate.Editor.isVoid(editor, block) &&
-            !hasIndent &&
-            !hasTextIndent &&
-            (!alignValue || alignValue === exports.Alignment.left)) {
-            return true;
-        }
-        return false;
+        return false;
     };
 
     var mergeElementOptions = function (elementOptions) {
@@ -3537,6 +3163,10 @@
         return listItemNode.children.length === 1 && type === exports.ElementKinds.paragraph;
     };
 
+    var isNodeTypeList = function (n) {
+        return [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList].includes(n.type);
+    };
+
     /**
      * list 中 是否是单个listItem，且listItem没有子列表
      */
@@ -4452,10 +4082,11 @@
 
     var TheTodoItemComponent = /** @class */ (function (_super) {
         __extends(TheTodoItemComponent, _super);
-        function TheTodoItemComponent(elementRef, cdr) {
+        function TheTodoItemComponent(elementRef, cdr, ctxService) {
             var _this = _super.call(this, elementRef, cdr) || this;
             _this.elementRef = elementRef;
             _this.cdr = cdr;
+            _this.ctxService = ctxService;
             _this.checkItemClass = true;
             return _this;
         }
@@ -4471,14 +4102,19 @@
             _super.prototype.ngOnInit.call(this);
         };
         TheTodoItemComponent.prototype.onCheck = function (checked) {
-            if (this.readonly) {
+            var options = this.ctxService.getTheOptions();
+            var noBindReadonly = options.noBindReadonlyPlugins && options.noBindReadonlyPlugins.includes(exports.ElementKinds.checkItem);
+            if (!noBindReadonly && this.readonly) {
                 return false;
             }
+            else {
+                setNode(this.editor, { checked: checked }, this.element);
+            }
             setNode(this.editor, { checked: checked }, this.element);
         };
         return TheTodoItemComponent;
     }(TheBaseElementComponent));
-    TheTodoItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TheTodoItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: TheContextService }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TheTodoItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheTodoItemComponent, selector: "div[theTodoItem]", host: { properties: { "class.the-check-item": "this.checkItemClass", "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0__namespace, template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    ", isInline: true, components: [{ type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTodoItemComponent, decorators: [{
                 type: i0.Component,
@@ -4486,7 +4122,7 @@
                         selector: 'div[theTodoItem]',
                         template: "\n        <span contenteditable=\"false\" class=\"todo-item-status\">\n            <input #checkbox type=\"checkbox\" [checked]=\"element.checked\" (click)=\"onCheck(checkbox.checked)\" />\n        </span>\n        <span><slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children></span>\n    "
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { checkItemClass: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: TheContextService }]; }, propDecorators: { checkItemClass: [{
                     type: i0.HostBinding,
                     args: ['class.the-check-item']
                 }], level: [{
@@ -4617,332 +4253,754 @@
         return editor;
     };
 
-    var withHeading = function (editor) {
-        var insertBreak = editor.insertBreak;
-        editor.insertBreak = function () {
-            var selection = editor.selection;
-            var anchorBlock = getAnchorBlockEntry(editor);
-            if (anchorBlock && slate.Range.isCollapsed(selection) && anchorBlock[0].type.startsWith('heading')) {
-                if (slate.Editor.isStart(editor, selection.anchor, anchorBlock[1])) {
-                    insertBreak();
-                    slate.Transforms.setNodes(editor, { type: exports.ElementKinds.paragraph }, {
-                        at: selection
+    var withHeading = function (editor) {
+        var insertBreak = editor.insertBreak;
+        editor.insertBreak = function () {
+            var selection = editor.selection;
+            var anchorBlock = getAnchorBlockEntry(editor);
+            if (anchorBlock && slate.Range.isCollapsed(selection) && anchorBlock[0].type.startsWith('heading')) {
+                if (slate.Editor.isStart(editor, selection.anchor, anchorBlock[1])) {
+                    insertBreak();
+                    slate.Transforms.setNodes(editor, { type: exports.ElementKinds.paragraph }, {
+                        at: selection
+                    });
+                    return;
+                }
+                if (slate.Editor.isEnd(editor, selection.focus, anchorBlock[1])) {
+                    insertBreak();
+                    slate.Transforms.setNodes(editor, { type: exports.ElementKinds.paragraph });
+                    return;
+                }
+            }
+            insertBreak();
+        };
+        return editor;
+    };
+
+    var withMark = function () { return function (editor) {
+        var e = editor;
+        e.removeMark = function (key, shouldChange) {
+            if (shouldChange === void 0) { shouldChange = true; }
+            var selection = e.selection;
+            if (selection) {
+                if (slate.Range.isExpanded(selection)) {
+                    slate.Transforms.unsetNodes(e, key, {
+                        match: slate.Text.isText,
+                        split: true
+                    });
+                }
+                else {
+                    var marks = Object.assign({}, (slate.Editor.marks(e) || {}));
+                    delete marks[key];
+                    editor.marks = marks;
+                    var text = slate.Editor.string(e, selection.anchor.path);
+                    if (text !== '') {
+                        slate.Editor.setNormalizing(editor, false);
+                        e.insertText('');
+                        editor.marks = marks;
+                        slate.Editor.setNormalizing(editor, true);
+                    }
+                    else {
+                        slate.Transforms.unsetNodes(e, key, { at: selection.anchor.path });
+                    }
+                    if (shouldChange) {
+                        editor.onChange();
+                    }
+                }
+            }
+        };
+        e.addMark = function (key, value) {
+            var _a, _b, _c;
+            var selection = editor.selection;
+            if (selection) {
+                if (slate.Range.isExpanded(selection)) {
+                    slate.Transforms.setNodes(e, (_a = {}, _a[key] = value, _a), { match: slate.Text.isText, split: true });
+                }
+                else {
+                    var marks = Object.assign(Object.assign({}, (slate.Editor.marks(e) || {})), (_b = {}, _b[key] = value, _b));
+                    editor.marks = marks;
+                    var text = slate.Editor.string(e, selection.anchor.path);
+                    if (text !== '') {
+                        slate.Editor.setNormalizing(editor, false);
+                        e.insertText('');
+                        editor.marks = marks;
+                        slate.Editor.setNormalizing(editor, true);
+                    }
+                    else {
+                        slate.Transforms.setNodes(e, (_c = {}, _c[key] = value, _c), { at: selection.anchor.path });
+                    }
+                }
+            }
+        };
+        return e;
+    }; };
+
+    var withNodeID = function (_a) {
+        var _b = _a === void 0 ? {} : _a, _c = _b.idKey, idKey = _c === void 0 ? 'id' : _c, _d = _b.idCreator, idCreator = _d === void 0 ? function () { return Date.now(); } : _d, _e = _b.filterText, filterText = _e === void 0 ? true : _e, _f = _b.filter, filter = _f === void 0 ? function () { return true; } : _f;
+        return function (e) {
+            var editor = e;
+            var apply = editor.apply, getFragment = editor.getFragment;
+            var idPropsCreator = function () {
+                var _a;
+                return (_a = {}, _a[idKey] = idCreator(), _a);
+            };
+            editor.removedIDs = new Set();
+            editor.apply = function (operation) {
+                var _a;
+                if (operation.type === 'insert_node') {
+                    var newFilter = function (entry) {
+                        var _a = __read(entry, 1), _node = _a[0];
+                        return filter(entry) && filterText ? slate.Element.isElement(_node) : isDescendant(_node);
+                    };
+                    // fix can not find path by orign node
+                    var node = operation.node;
+                    if (!Object.isExtensible(node)) {
+                        node = _.cloneDeep(node);
+                    }
+                    // it will not overwrite ids once it's set as it's read-only
+                    mergeDeepToNodes({
+                        node: node,
+                        source: idPropsCreator,
+                        query: {
+                            filter: newFilter,
+                        }
+                    });
+                    return apply(Object.assign(Object.assign({}, operation), { node: node }));
+                }
+                if (operation.type === 'split_node' && (!filterText || operation.properties.type)) {
+                    var id = operation.properties[idKey];
+                    if (editor.removedIDs.has(id)) {
+                        editor.removedIDs.delete(id);
+                    }
+                    else {
+                        id = idCreator();
+                    }
+                    return apply(Object.assign(Object.assign({}, operation), { properties: Object.assign(Object.assign({}, operation.properties), (_a = {}, _a[idKey] = id, _a)) }));
+                }
+                if (operation.type === 'merge_node' && (!filterText || operation.properties.type)) {
+                    editor.removedIDs.add(operation.properties[idKey]);
+                }
+                return apply(operation);
+            };
+            editor.getFragment = function () {
+                var fragment = _.cloneDeep(getFragment());
+                return deleteElementKey(fragment, idKey);
+            };
+            return editor;
+        };
+    };
+
+    var autoFormatBlock = function (editor, type, at, _a, markups) {
+        var preFormat = _a.preFormat, format = _a.format;
+        slate.Transforms.delete(editor, { at: at });
+        if (preFormat) {
+            preFormat(editor);
+        }
+        if (!format) {
+            slate.Transforms.setNodes(editor, { type: type }, { match: function (n) { return slate.Editor.isBlock(editor, n); } });
+        }
+        else {
+            format(editor, markups);
+        }
+    };
+
+    var autoFormatInline = function (editor, _a) {
+        var type = _a.type, between = _a.between, markup = _a.markup, ignoreTrim = _a.ignoreTrim, format = _a.format;
+        var selection = editor.selection;
+        var startMarkup = between ? between[0] : markup;
+        var endMarkup = between ? between[1] : '';
+        var endMarkupPointBefore = selection.anchor;
+        if (endMarkup) {
+            endMarkupPointBefore = getPointBefore(editor, selection, {
+                matchString: endMarkup
+            });
+            if (!endMarkupPointBefore) {
+                return false;
+            }
+        }
+        var startMarkupPointAfter = getPointBefore(editor, endMarkupPointBefore, {
+            matchString: startMarkup,
+            skipInvalid: true,
+            afterMatch: true
+        });
+        if (!startMarkupPointAfter) {
+            return false;
+        }
+        // found
+        var markupRange = {
+            anchor: startMarkupPointAfter,
+            focus: endMarkupPointBefore
+        };
+        if (!ignoreTrim) {
+            var markupText = getText(editor, markupRange);
+            if (markupText.trim() !== markupText) {
+                return false;
+            }
+        }
+        // delete end markup
+        if (endMarkup) {
+            endMarkupPointBefore = getPointBefore(editor, selection, {
+                matchString: endMarkup
+            });
+            slate.Transforms.delete(editor, {
+                at: {
+                    anchor: endMarkupPointBefore,
+                    focus: selection.anchor
+                }
+            });
+        }
+        var startMarkupPointBefore = getPointBefore(editor, selection, {
+            matchString: startMarkup,
+            skipInvalid: true
+        });
+        if (format) {
+            var markupText = getText(editor, markupRange);
+            format(editor, markupText);
+            // delete start to end selection
+            slate.Transforms.delete(editor, {
+                at: {
+                    anchor: startMarkupPointBefore,
+                    focus: selection.anchor
+                }
+            });
+        }
+        else {
+            // add mark to the text between the markups
+            slate.Transforms.select(editor, markupRange);
+            editor.addMark(type, true);
+            slate.Transforms.collapse(editor, { edge: 'end' });
+            editor.removeMark(type, false);
+            // delete start markup
+            slate.Transforms.delete(editor, {
+                at: {
+                    anchor: startMarkupPointBefore,
+                    focus: startMarkupPointAfter
+                }
+            });
+        }
+        return true;
+    };
+
+    var ListEditor = {
+        isList: function (editor, element, type) {
+            return slate.Editor.isBlock(editor, element) && element.type === type;
+        },
+        toggleList: function (editor, type, startIndex) {
+            var _this = this;
+            if (!editor.selection) {
+                return;
+            }
+            if (!startIndex) {
+                startIndex = 1;
+            }
+            var types = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList];
+            slate.Editor.withoutNormalizing(editor, function () {
+                var _a = __read(slate.Editor.nodes(editor, {
+                    match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; },
+                    mode: 'lowest'
+                })), listItems = _a.slice(0);
+                var firstListItemPath = listItems.length && listItems[0][1];
+                var activeListPath = listItems.length && slate.Path.parent(firstListItemPath);
+                var activeListNode = listItems.length && slate.Node.get(editor, activeListPath);
+                // 同级且类型相同：unwrap
+                var isLowestActive = listItems.length &&
+                    listItems.every(function (_a) {
+                        var _b = __read(_a, 2), path = _b[1];
+                        return activeListNode.type === type && (slate.Path.isSibling(firstListItemPath, path) || slate.Path.equals(firstListItemPath, path));
+                    });
+                if (isLowestActive) {
+                    var upListItem = slate.Path.parent(activeListPath);
+                    slate.Transforms.unwrapNodes(editor, {
+                        at: editor.selection,
+                        match: function (node) { return node === activeListNode; },
+                        split: true,
+                        mode: 'lowest'
                     });
+                    if (upListItem && slate.Node.get(editor, upListItem).type === exports.ElementKinds.listItem) {
+                        slate.Transforms.moveNodes(editor, {
+                            at: editor.selection,
+                            to: slate.Path.next(upListItem),
+                            match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
+                        });
+                    }
+                    else {
+                        slate.Transforms.unwrapNodes(editor, {
+                            match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
+                        });
+                    }
                     return;
                 }
-                if (slate.Editor.isEnd(editor, selection.focus, anchorBlock[1])) {
-                    insertBreak();
-                    slate.Transforms.setNodes(editor, { type: exports.ElementKinds.paragraph });
+                // 跨级、同级且类型不同
+                if (activeListNode && types.includes(activeListNode.type)) {
+                    slate.Transforms.setNodes(editor, { type: type }, { match: function (node) { return slate.Element.isElement(node) && node.type !== type && types.includes(node.type); } });
                     return;
                 }
-            }
-            insertBreak();
-        };
-        return editor;
-    };
-
-    var withMark = function () { return function (editor) {
-        var e = editor;
-        e.removeMark = function (key, shouldChange) {
-            if (shouldChange === void 0) { shouldChange = true; }
-            var selection = e.selection;
-            if (selection) {
-                if (slate.Range.isExpanded(selection)) {
-                    slate.Transforms.unsetNodes(e, key, {
-                        match: slate.Text.isText,
-                        split: true
-                    });
-                }
-                else {
-                    var marks = Object.assign({}, (slate.Editor.marks(e) || {}));
-                    delete marks[key];
-                    editor.marks = marks;
-                    var text = slate.Editor.string(e, selection.anchor.path);
-                    if (text !== '') {
-                        slate.Editor.setNormalizing(editor, false);
-                        e.insertText('');
-                        editor.marks = marks;
-                        slate.Editor.setNormalizing(editor, true);
+                // wrap
+                _this.buildListItem(editor);
+                // Todo: types
+                slate.Transforms.wrapNodes(editor, { type: type, children: [], start: startIndex }, {
+                    at: editor.selection,
+                    match: function (node) { return slate.Element.isElement(node) && node.type === exports.ElementKinds.listItem; }
+                });
+            });
+        },
+        unwrapList: function (editor) {
+            slate.Editor.withoutNormalizing(editor, function () {
+                unwrapNodesByType(editor, [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList], { split: true, mode: 'all' });
+                unwrapNodesByType(editor, [exports.ElementKinds.listItem], { split: true, mode: 'all' });
+            });
+        },
+        wrapList: function (editor, type) {
+            slate.Editor.withoutNormalizing(editor, function () {
+                var listItem = {
+                    type: exports.ElementKinds.listItem,
+                    children: []
+                };
+                var list = {
+                    type: type,
+                    children: []
+                };
+                slate.Transforms.wrapNodes(editor, list, { split: true });
+                slate.Transforms.wrapNodes(editor, listItem, { split: true });
+            });
+        },
+        isActive: function (editor, type) {
+            var _a = __read(getNodesByType(editor, type), 1), match = _a[0];
+            return !!match;
+        },
+        getActiveList: function (editor) {
+            var _a = __read(getNodesByType(editor, LIST_BLOCK_TYPES), 1), match = _a[0];
+            return match;
+        },
+        buildListItem: function (editor) {
+            var e_1, _a;
+            var nodes = slate.Editor.nodes(editor, {
+                match: function (node) { return slate.Editor.isBlock(editor, node); },
+                mode: 'lowest'
+            });
+            try {
+                for (var nodes_1 = __values(nodes), nodes_1_1 = nodes_1.next(); !nodes_1_1.done; nodes_1_1 = nodes_1.next()) {
+                    var _b = __read(nodes_1_1.value, 2), node = _b[0], path = _b[1];
+                    if (!slate.Editor.isVoid(editor, node) && slate.Element.isElement(node) && node.type !== exports.ElementKinds.paragraph) {
+                        slate.Transforms.setNodes(editor, { type: exports.ElementKinds.paragraph, checked: undefined }, // todo remove checked
+                        { at: path });
                     }
-                    else {
-                        slate.Transforms.unsetNodes(e, key, { at: selection.anchor.path });
+                    else if (slate.Element.isElement(node) && node.type === exports.ElementKinds.paragraph) {
+                        var textIndent = node.textIndent;
+                        if (textIndent) {
+                            slate.Transforms.setNodes(editor, { textIndent: undefined, indent: undefined }, // remove indent
+                            { at: path });
+                        }
                     }
-                    if (shouldChange) {
-                        editor.onChange();
+                    if (slate.Node.parent(editor, path).type !== exports.ElementKinds.listItem) {
+                        slate.Transforms.wrapNodes(editor, { type: exports.ElementKinds.listItem, children: [] }, {
+                            at: path,
+                            split: true
+                        });
                     }
                 }
             }
-        };
-        e.addMark = function (key, value) {
-            var _a, _b, _c;
-            var selection = editor.selection;
-            if (selection) {
-                if (slate.Range.isExpanded(selection)) {
-                    slate.Transforms.setNodes(e, (_a = {}, _a[key] = value, _a), { match: slate.Text.isText, split: true });
-                }
-                else {
-                    var marks = Object.assign(Object.assign({}, (slate.Editor.marks(e) || {})), (_b = {}, _b[key] = value, _b));
-                    editor.marks = marks;
-                    var text = slate.Editor.string(e, selection.anchor.path);
-                    if (text !== '') {
-                        slate.Editor.setNormalizing(editor, false);
-                        e.insertText('');
-                        editor.marks = marks;
-                        slate.Editor.setNormalizing(editor, true);
-                    }
-                    else {
-                        slate.Transforms.setNodes(e, (_c = {}, _c[key] = value, _c), { at: selection.anchor.path });
-                    }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (nodes_1_1 && !nodes_1_1.done && (_a = nodes_1.return)) _a.call(nodes_1);
                 }
+                finally { if (e_1) throw e_1.error; }
             }
-        };
-        return e;
-    }; };
+        },
+        buildInsertDataChildren: function (node) {
+            var children = node.children;
+            var listItem = children[0];
+            if (isNodeTypeList(node) && slate.Element.isElement(listItem) && listItem.children[0].type === exports.ElementKinds.paragraph) {
+                return node;
+            }
+            return this.buildInsertDataChildren(listItem);
+        }
+    };
 
-    var withNodeID = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.idKey, idKey = _c === void 0 ? 'id' : _c, _d = _b.idCreator, idCreator = _d === void 0 ? function () { return Date.now(); } : _d, _e = _b.filterText, filterText = _e === void 0 ? true : _e, _f = _b.filter, filter = _f === void 0 ? function () { return true; } : _f;
-        return function (e) {
-            var editor = e;
-            var apply = editor.apply, getFragment = editor.getFragment;
-            var idPropsCreator = function () {
-                var _a;
-                return (_a = {}, _a[idKey] = idCreator(), _a);
-            };
-            editor.removedIDs = new Set();
-            editor.apply = function (operation) {
-                var _a;
-                if (operation.type === 'insert_node') {
-                    var newFilter = function (entry) {
-                        var _a = __read(entry, 1), _node = _a[0];
-                        return filter(entry) && filterText ? slate.Element.isElement(_node) : isDescendant(_node);
-                    };
-                    // fix can not find path by orign node
-                    var node = operation.node;
-                    if (!Object.isExtensible(node)) {
-                        node = _.cloneDeep(node);
-                    }
-                    // it will not overwrite ids once it's set as it's read-only
-                    mergeDeepToNodes({
-                        node: node,
-                        source: idPropsCreator,
-                        query: {
-                            filter: newFilter,
-                        }
-                    });
-                    return apply(Object.assign(Object.assign({}, operation), { node: node }));
-                }
-                if (operation.type === 'split_node' && (!filterText || operation.properties.type)) {
-                    var id = operation.properties[idKey];
-                    if (editor.removedIDs.has(id)) {
-                        editor.removedIDs.delete(id);
-                    }
-                    else {
-                        id = idCreator();
-                    }
-                    return apply(Object.assign(Object.assign({}, operation), { properties: Object.assign(Object.assign({}, operation.properties), (_a = {}, _a[idKey] = id, _a)) }));
-                }
-                if (operation.type === 'merge_node' && (!filterText || operation.properties.type)) {
-                    editor.removedIDs.add(operation.properties[idKey]);
+    var TodoItemEditor = {
+        isActive: function (editor) {
+            var _a = __read(getNodesByType(editor, exports.ElementKinds.checkItem), 1), match = _a[0];
+            return !!match;
+        },
+        insertTodoItem: function (editor) {
+            if (!editor.selection) {
+                return;
+            }
+            var isActive = this.isActive(editor);
+            var isNumberedList = ListEditor.isActive(editor, exports.ElementKinds.numberedList);
+            var isBulletedList = ListEditor.isActive(editor, exports.ElementKinds.bulletedList);
+            if (isActive) {
+                slate.Transforms.setNodes(editor, {
+                    type: exports.ElementKinds.paragraph
+                });
+            }
+            else {
+                if (isNumberedList || isBulletedList) {
+                    ListEditor.unwrapList(editor);
                 }
-                return apply(operation);
-            };
-            editor.getFragment = function () {
-                var fragment = _.cloneDeep(getFragment());
-                return deleteElementKey(fragment, idKey);
-            };
-            return editor;
-        };
+                slate.Transforms.setNodes(editor, {
+                    type: exports.ElementKinds.checkItem
+                });
+            }
+        }
     };
 
-    var autoFormatBlock = function (editor, type, at, _a, markups) {
-        var preFormat = _a.preFormat, format = _a.format;
-        slate.Transforms.delete(editor, { at: at });
-        if (preFormat) {
-            preFormat(editor);
-        }
-        if (!format) {
-            slate.Transforms.setNodes(editor, { type: type }, { match: function (n) { return slate.Editor.isBlock(editor, n); } });
-        }
-        else {
-            format(editor, markups);
+    var BlockquoteEditor = {
+        toggleBlockquote: function (editor) {
+            if (!isParagraph(editor)) {
+                slate.Transforms.insertNodes(editor, {
+                    type: exports.ElementKinds.paragraph,
+                    mode: 'text',
+                    children: [
+                        {
+                            text: ''
+                        }
+                    ]
+                });
+            }
+            var isActive = isBlockActive(editor, exports.ElementKinds.blockquote);
+            if (!isActive) {
+                slate.Transforms.wrapNodes(editor, { type: exports.ElementKinds.blockquote, children: [] }, {
+                    mode: 'lowest'
+                });
+            }
+            else {
+                slate.Transforms.unwrapNodes(editor, { match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.blockquote; } });
+            }
         }
     };
 
-    var autoFormatInline = function (editor, _a) {
-        var type = _a.type, between = _a.between, markup = _a.markup, ignoreTrim = _a.ignoreTrim, format = _a.format;
-        var selection = editor.selection;
-        var startMarkup = between ? between[0] : markup;
-        var endMarkup = between ? between[1] : '';
-        var endMarkupPointBefore = selection.anchor;
-        if (endMarkup) {
-            endMarkupPointBefore = getPointBefore(editor, selection, {
-                matchString: endMarkup
-            });
-            if (!endMarkupPointBefore) {
-                return false;
+    var InlineCodeEditor = {
+        toggleInlineCode: function (editor, text) {
+            var isActive = InlineCodeEditor.isInlineCodeActive(editor);
+            if (isActive) {
+                InlineCodeEditor.unwrapInlineCode(editor);
+                return;
             }
-        }
-        var startMarkupPointAfter = getPointBefore(editor, endMarkupPointBefore, {
-            matchString: startMarkup,
-            skipInvalid: true,
-            afterMatch: true
-        });
-        if (!startMarkupPointAfter) {
-            return false;
-        }
-        // found
-        var markupRange = {
-            anchor: startMarkupPointAfter,
-            focus: endMarkupPointBefore
-        };
-        if (!ignoreTrim) {
-            var markupText = getText(editor, markupRange);
-            if (markupText.trim() !== markupText) {
-                return false;
+            if (slate.Range.isCollapsed(editor.selection)) {
+                InlineCodeEditor.wrapInlineCode(editor, text);
             }
+            else {
+                var fragment = slate.Node.fragment(editor, editor.selection)[0];
+                var selectNode = slate.Node.get(fragment, []);
+                var selectText = slate.Node.string(selectNode);
+                InlineCodeEditor.wrapInlineCode(editor, selectText);
+            }
+        },
+        wrapInlineCode: function (editor, text) {
+            if (text === void 0) { text = ''; }
+            if (InlineCodeEditor.isInlineCodeActive(editor)) {
+                InlineCodeEditor.unwrapInlineCode(editor);
+            }
+            var selection = editor.selection;
+            var isCollapsed = selection && slate.Range.isCollapsed(selection);
+            var inlineCode = {
+                type: exports.ElementKinds.inlineCode,
+                children: isCollapsed ? [{ text: text ? text : ZERO_WIDTH_CHAR }] : []
+            };
+            if (isCollapsed) {
+                slate.Transforms.insertNodes(editor, inlineCode);
+            }
+            else {
+                slate.Transforms.wrapNodes(editor, inlineCode, { split: true });
+            }
+        },
+        unwrapInlineCode: function (editor) {
+            slate.Transforms.unwrapNodes(editor, { match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.inlineCode; } });
+        },
+        isInlineCodeActive: function (editor, path) {
+            var _a;
+            var _b = __read(slate.Editor.nodes(editor, {
+                at: path ? path : (_a = editor.selection) === null || _a === void 0 ? void 0 : _a.anchor.path,
+                match: function (n) { return slate.Element.isElement(n) && n.type === exports.ElementKinds.inlineCode; }
+            }), 1), inlineCode = _b[0];
+            return !!inlineCode;
         }
-        // delete end markup
-        if (endMarkup) {
-            endMarkupPointBefore = getPointBefore(editor, selection, {
-                matchString: endMarkup
-            });
-            slate.Transforms.delete(editor, {
-                at: {
-                    anchor: endMarkupPointBefore,
-                    focus: selection.anchor
-                }
-            });
-        }
-        var startMarkupPointBefore = getPointBefore(editor, selection, {
-            matchString: startMarkup,
-            skipInvalid: true
-        });
-        if (format) {
-            var markupText = getText(editor, markupRange);
-            format(editor, markupText);
-            // delete start to end selection
-            slate.Transforms.delete(editor, {
-                at: {
-                    anchor: startMarkupPointBefore,
-                    focus: selection.anchor
+    };
+
+    var HeadingEditor = {
+        setHeading: function (editor, heading) {
+            slate.Editor.withoutNormalizing(editor, function () {
+                var _a;
+                var types = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.listItem];
+                slate.Transforms.unwrapNodes(editor, {
+                    at: editor.selection,
+                    match: function (n) { return slate.Element.isElement(n) && types.includes(n.type); },
+                    mode: 'all',
+                    split: true
+                });
+                slate.Transforms.setNodes(editor, { type: heading });
+                var entry = anchorBlockEntry(editor);
+                var unMarks = (_a = {},
+                    _a[exports.MarkTypes.fontSize] = null,
+                    _a);
+                if (entry) {
+                    setMarks(editor, unMarks, entry[1]);
+                    return;
                 }
+                setMarks(editor, unMarks, editor.selection);
             });
+        },
+        isHeadingActive: function (editor, heading) {
+            var _a = __read(slate.Editor.nodes(editor, {
+                match: function (n) { return slate.Element.isElement(n) && n.type === heading; },
+                universal: true
+            }), 1), match = _a[0];
+            return !!match;
         }
-        else {
-            // add mark to the text between the markups
-            slate.Transforms.select(editor, markupRange);
-            editor.addMark(type, true);
-            slate.Transforms.collapse(editor, { edge: 'end' });
-            editor.removeMark(type, false);
-            // delete start markup
-            slate.Transforms.delete(editor, {
-                at: {
-                    anchor: startMarkupPointBefore,
-                    focus: startMarkupPointAfter
+    };
+
+    var defaultAutoFormatRules = [
+        {
+            type: exports.ElementKinds.heading_1,
+            markup: '#',
+            format: function (editor) {
+                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_1);
+            }
+        },
+        {
+            type: exports.ElementKinds.heading_2,
+            markup: '##',
+            format: function (editor) {
+                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_2);
+            }
+        },
+        {
+            type: exports.ElementKinds.heading_3,
+            markup: '###',
+            format: function (editor) {
+                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_3);
+            }
+        },
+        {
+            type: exports.ElementKinds.heading_4,
+            markup: '####',
+            format: function (editor) {
+                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_4);
+            }
+        },
+        {
+            type: exports.ElementKinds.heading_5,
+            markup: '#####',
+            format: function (editor) {
+                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_5);
+            }
+        },
+        {
+            type: exports.ElementKinds.heading_6,
+            markup: '######',
+            format: function (editor) {
+                HeadingEditor.setHeading(editor, exports.ElementKinds.heading_6);
+            }
+        },
+        {
+            type: exports.ElementKinds.blockquote,
+            markup: ['>'],
+            format: function (editor) {
+                BlockquoteEditor.toggleBlockquote(editor);
+            }
+        },
+        {
+            type: exports.MarkTypes.bold,
+            between: ['**', '**'],
+            mode: 'inline',
+            insertTrigger: true
+        },
+        {
+            type: exports.MarkTypes.bold,
+            between: ['__', '__'],
+            mode: 'inline',
+            insertTrigger: true
+        },
+        {
+            type: exports.MarkTypes.italic,
+            between: ['*', '*'],
+            mode: 'inline',
+            insertTrigger: true
+        },
+        {
+            type: exports.MarkTypes.italic,
+            between: ['_', '_'],
+            mode: 'inline',
+            insertTrigger: true
+        },
+        {
+            type: exports.ElementKinds.inlineCode,
+            between: ['`', '`'],
+            mode: 'inline',
+            format: function (editor, text) {
+                InlineCodeEditor.toggleInlineCode(editor, text);
+                slate.Transforms.select(editor, slate.Editor.after(editor, editor.selection));
+            }
+        },
+        {
+            type: exports.MarkTypes.strike,
+            between: ['~~', '~~'],
+            mode: 'inline',
+            insertTrigger: true
+        },
+        {
+            type: exports.ElementKinds.code,
+            markup: '```',
+            insertTrigger: true
+        },
+        {
+            type: exports.ElementKinds.listItem,
+            markup: [],
+            match: function (editor) {
+                return isParagraph(editor) ? ['*', '-', '+'] : [];
+            },
+            format: function (editor) {
+                ListEditor.toggleList(editor, exports.ElementKinds.bulletedList);
+            }
+        },
+        {
+            type: exports.ElementKinds.listItem,
+            key: exports.ElementKinds.numberedList,
+            markup: [],
+            match: function (editor, textFromBlockStart) {
+                return isParagraph(editor) && /^-?\d+(\.|\))$/.test(textFromBlockStart) ? [textFromBlockStart] : [];
+            },
+            format: function (editor, markup) {
+                var startIndex = 1;
+                if (markup) {
+                    startIndex = markup[0].split('.')[0];
+                    if (startIndex === 0) {
+                        startIndex = 1;
+                    }
                 }
-            });
+                ListEditor.toggleList(editor, exports.ElementKinds.numberedList, startIndex);
+            }
+        },
+        {
+            type: exports.ElementKinds.checkItem,
+            markup: [],
+            match: function (editor) {
+                return isParagraph(editor) ? ['[]'] : [];
+            },
+            format: function (editor) {
+                TodoItemEditor.insertTodoItem(editor);
+            }
+        },
+        {
+            type: exports.ElementKinds.hr,
+            markup: '---',
+            insertTrigger: true
         }
-        return true;
-    };
+    ];
 
-    var withAutoFormat = function (_c) {
-        var rules = _c.rules;
-        return function (editor) {
-            var insertText = editor.insertText;
-            editor.insertText = function (text) {
-                var e_1, _c;
-                var _a;
-                if (!isCollapsed(editor.selection)) {
-                    return insertText(text);
-                }
-                var _loop_1 = function (_b) {
-                    var query = _b.query, rule = __rest(_b, ["query"]);
-                    var _d = rule.trigger, trigger = _d === void 0 ? ' ' : _d, _e = rule.mode, mode = _e === void 0 ? 'block' : _e, type = rule.type, markup = rule.markup, preFormat = rule.preFormat, format = rule.format, match = rule.match, between = rule.between, ignoreTrim = rule.ignoreTrim, insertTrigger = rule.insertTrigger, _f = rule.allowSameTypeAbove, allowSameTypeAbove = _f === void 0 ? false : _f, _g = rule.triggerAtBlockStart, triggerAtBlockStart = _g === void 0 ? true : _g;
-                    if (query && !query(editor, rule))
-                        return "continue";
-                    var triggers = castArray(trigger);
-                    // Check trigger
-                    if (!triggers.includes(text))
-                        return "continue";
-                    var valid = function () { return insertTrigger && insertText(text); };
-                    if (mode === 'block') {
-                        var markups = castArray(markup);
-                        var markupRange = void 0;
-                        if (triggerAtBlockStart) {
-                            markupRange = getRangeFromBlockStart(editor);
-                            // Don't autoformat if there is void nodes.
-                            var hasVoidNode = someNode(editor, {
-                                at: markupRange,
-                                match: function (n) { return slate.Editor.isVoid(editor, n); }
-                            });
-                            if (hasVoidNode)
-                                return "continue";
-                            var textFromBlockStart = getText(editor, markupRange);
-                            if (match) {
-                                markups = match(editor, textFromBlockStart);
-                            }
-                            if (!markups.includes(textFromBlockStart))
-                                return "continue";
-                        }
-                        else {
-                            markupRange = getRangeBefore(editor, editor.selection, {
-                                matchString: markup,
-                                skipInvalid: true
-                            });
-                            if (!markupRange)
-                                return "continue";
-                            var blockAbovePath = (_a = getBlockAbove(editor)) === null || _a === void 0 ? void 0 : _a[1];
-                            if (!blockAbovePath)
-                                return "continue";
-                            // If the markup is not at the start, insert break before autoformatting.
-                            if (!slate.Editor.isStart(editor, markupRange.anchor, blockAbovePath)) {
-                                editor.insertBreak();
-                            }
-                        }
-                        if (!allowSameTypeAbove) {
-                            // Don't autoformat if already in a block of the same type.
-                            var isBelowSameBlockType = someNode(editor, { match: { type: type } });
-                            if (isBelowSameBlockType)
-                                return "continue";
+    var withAutoFormat = function () { return function (editor) {
+        var insertText = editor.insertText;
+        editor.insertText = function (text) {
+            var e_1, _d;
+            var _a, _b;
+            var autoFormatRules = defaultAutoFormatRules;
+            if ((_a = editor.extraAutoFormatRules) === null || _a === void 0 ? void 0 : _a.length) {
+                var extraRules = mergAutoFormateRules(editor.extraAutoFormatRules);
+                autoFormatRules = Object.values(extraRules);
+            }
+            if (!isCollapsed(editor.selection)) {
+                return insertText(text);
+            }
+            var _loop_1 = function (_c) {
+                var query = _c.query, rule = __rest(_c, ["query"]);
+                var _e = rule.trigger, trigger = _e === void 0 ? ' ' : _e, _f = rule.mode, mode = _f === void 0 ? 'block' : _f, type = rule.type, markup = rule.markup, preFormat = rule.preFormat, format = rule.format, match = rule.match, between = rule.between, ignoreTrim = rule.ignoreTrim, insertTrigger = rule.insertTrigger, _g = rule.allowSameTypeAbove, allowSameTypeAbove = _g === void 0 ? false : _g, _h = rule.triggerAtBlockStart, triggerAtBlockStart = _h === void 0 ? true : _h;
+                if (query && !query(editor, rule))
+                    return "continue";
+                var triggers = castArray(trigger);
+                // Check trigger
+                if (!triggers.includes(text))
+                    return "continue";
+                var valid = function () { return insertTrigger && insertText(text); };
+                if (mode === 'block') {
+                    var markups = castArray(markup);
+                    var markupRange = void 0;
+                    if (triggerAtBlockStart) {
+                        markupRange = getRangeFromBlockStart(editor);
+                        // Don't autoformat if there is void nodes.
+                        var hasVoidNode = someNode(editor, {
+                            at: markupRange,
+                            match: function (n) { return slate.Editor.isVoid(editor, n); }
+                        });
+                        if (hasVoidNode)
+                            return "continue";
+                        var textFromBlockStart = getText(editor, markupRange);
+                        if (match) {
+                            markups = match(editor, textFromBlockStart);
                         }
-                        // Start of the block
-                        autoFormatBlock(editor, type, markupRange, {
-                            preFormat: preFormat,
-                            format: format
-                        }, markups);
-                        return { value: valid() };
+                        if (!markups.includes(textFromBlockStart))
+                            return "continue";
                     }
-                    if (mode === 'inline') {
-                        if (autoFormatInline(editor, {
-                            type: type,
-                            between: between,
-                            ignoreTrim: ignoreTrim,
-                            format: format,
-                            markup: Array.isArray(markup) ? markup[0] : markup
-                        })) {
-                            return { value: valid() };
+                    else {
+                        markupRange = getRangeBefore(editor, editor.selection, {
+                            matchString: markup,
+                            skipInvalid: true
+                        });
+                        if (!markupRange)
+                            return "continue";
+                        var blockAbovePath = (_b = getBlockAbove(editor)) === null || _b === void 0 ? void 0 : _b[1];
+                        if (!blockAbovePath)
+                            return "continue";
+                        // If the markup is not at the start, insert break before autoformatting.
+                        if (!slate.Editor.isStart(editor, markupRange.anchor, blockAbovePath)) {
+                            editor.insertBreak();
                         }
                     }
-                };
-                try {
-                    for (var rules_1 = __values(rules), rules_1_1 = rules_1.next(); !rules_1_1.done; rules_1_1 = rules_1.next()) {
-                        var _b = rules_1_1.value;
-                        var state_1 = _loop_1(_b);
-                        if (typeof state_1 === "object")
-                            return state_1.value;
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (rules_1_1 && !rules_1_1.done && (_c = rules_1.return)) _c.call(rules_1);
+                    if (!allowSameTypeAbove) {
+                        // Don't autoformat if already in a block of the same type.
+                        var isBelowSameBlockType = someNode(editor, { match: { type: type } });
+                        if (isBelowSameBlockType)
+                            return "continue";
+                    }
+                    // Start of the block
+                    autoFormatBlock(editor, type, markupRange, {
+                        preFormat: preFormat,
+                        format: format
+                    }, markups);
+                    return { value: valid() };
+                }
+                if (mode === 'inline') {
+                    if (autoFormatInline(editor, {
+                        type: type,
+                        between: between,
+                        ignoreTrim: ignoreTrim,
+                        format: format,
+                        markup: Array.isArray(markup) ? markup[0] : markup
+                    })) {
+                        return { value: valid() };
                     }
-                    finally { if (e_1) throw e_1.error; }
                 }
-                insertText(text);
             };
-            return editor;
+            try {
+                for (var autoFormatRules_1 = __values(autoFormatRules), autoFormatRules_1_1 = autoFormatRules_1.next(); !autoFormatRules_1_1.done; autoFormatRules_1_1 = autoFormatRules_1.next()) {
+                    var _c = autoFormatRules_1_1.value;
+                    var state_1 = _loop_1(_c);
+                    if (typeof state_1 === "object")
+                        return state_1.value;
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (autoFormatRules_1_1 && !autoFormatRules_1_1.done && (_d = autoFormatRules_1.return)) _d.call(autoFormatRules_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            insertText(text);
         };
+        return editor;
+    }; };
+    var mergAutoFormateRules = function (extraAutoFormatRules) {
+        var combinationData = __spreadArray(__spreadArray([], __read(defaultAutoFormatRules)), __read(extraAutoFormatRules));
+        var dataInfo = {};
+        combinationData.forEach(function (item) {
+            if (!dataInfo[item.type + item.key]) {
+                dataInfo[item.type + item.key] = Object.assign({}, item);
+            }
+            dataInfo[item.type + item.key] = Object.assign(Object.assign({}, dataInfo[item.type + item.key]), item);
+        });
+        return dataInfo;
     };
 
     var withTransforms = function () { return function (editor) {
@@ -9387,7 +9445,7 @@
                 offset: this.offset,
                 hasBackdrop: this.hasBackdrop,
                 insideClosable: this.insideClosable,
-                panelClass: 'the-table-toolbar-wrap',
+                panelClass: 'the-temp-table-toolbar-wrap',
                 scrollStrategy: this.overlay.scrollStrategies.reposition(),
                 manualClosure: true
             });
@@ -9397,15 +9455,15 @@
             if (origin instanceof HTMLTableCellElement && origin.tagName !== 'TH') {
                 var _a = this.tableStore, selectedRowsIndex = _a.selectedRowsIndex, selectedColumnsIndex = _a.selectedColumnsIndex, focusCellPath = _a.focusCellPath, isSelectedTable = _a.isSelectedTable, focusCellElement = _a.focusCellElement;
                 var _b = __read(focusCellPath.slice(-2), 2), row = _b[0], col = _b[1];
-                var tableElement = focusCellElement.closest('.the-table-container');
+                var tableElement = focusCellElement.closest('.the-temp-table-container');
                 if (isSelectedTable && col === 0 && row === 0) {
-                    return tableElement.querySelector('.the-table-corner-controls');
+                    return tableElement.querySelector('.the-temp-table-corner-controls');
                 }
                 if (selectedColumnsIndex.length > 0 && row === 0) {
-                    return tableElement.querySelectorAll('.the-table-col-controls')[col];
+                    return tableElement.querySelectorAll('.the-temp-table-col-controls')[col];
                 }
                 if (selectedRowsIndex.length > 0 && col === 0) {
-                    return tableElement.querySelectorAll('.the-table-row-controls-button-wrap')[row];
+                    return tableElement.querySelectorAll('.the-temp-table-row-controls-button-wrap')[row];
                 }
             }
             return origin;
@@ -9517,13 +9575,13 @@
                 var tableWrapper = tableComponent.tableWrapper.nativeElement;
                 var tableElement = tableComponent.theTableElement.nativeElement;
                 var result = 0;
-                var rowControl = tableComponent.nativeElement.querySelector('.the-table-row-controls');
+                var rowControl = tableComponent.nativeElement.querySelector('.the-temp-table-row-controls');
                 var rowControlWidth = 11;
                 if (rowControl) {
                     rowControlWidth = rowControl.getBoundingClientRect().width;
                 }
                 if (this.type === 'row') {
-                    result = tableWrapper.offsetWidth + rowControlWidth;
+                    result = tableWrapper.offsetWidth + rowControlWidth - 2;
                 }
                 else {
                     result = tableElement.offsetHeight - 1;
@@ -9535,7 +9593,7 @@
         return TheInsertMarkComponent;
     }());
     TheInsertMarkComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheInsertMarkComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheInsertMarkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore" }, ngImport: i0__namespace, template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n", directives: [{ type: i5__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    TheInsertMarkComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore" }, ngImport: i0__namespace, template: "<div\n    [thyTooltip]=\"!disabled && tooltipContent\"\n    class=\"the-temp-table-controls-insert-wrapper\"\n    [ngClass]=\"{ disabled: disabled }\"\n    contenteditable=\"false\"\n    (mousedown)=\"onMouseDown($event)\"\n    (mouseenter)=\"onMouseEnter($event)\"\n    (mouseleave)=\"onMouseLeave($event)\"\n>\n    <div\n        class=\"the-temp-table-controls-insert-line\"\n        *ngIf=\"dotWrapperHovered\"\n        [attr.data-dot-type]=\"type\"\n        [ngStyle]=\"{ height: type === 'column' && insertLength, width: type === 'row' && insertLength }\"\n    ></div>\n</div>\n", directives: [{ type: i5__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheInsertMarkComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -10049,7 +10107,7 @@
                 provide: TheTableToken,
                 useExisting: TheTableComponent
             }
-        ], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div\n    class=\"the-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-table-with-controls': isInTable,\n        'the-numbered-column-container': element?.options?.numberedColumn,\n        'the-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-table-corner-controls\"\n            [ngClass]=\"{\n                visible: !readonly && isInTable,\n                active: isSelectedAllCell,\n                dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n            }\"\n        >\n            <div class=\"the-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-table-corner-controls-insert-row-marker\">\n                <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n            <div class=\"the-table-corner-controls-insert-column-marker\">\n                <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n        </div>\n        <div class=\"the-table-row-controls\">\n            <div class=\"the-table-row-controls-inner\">\n                <div\n                    class=\"the-table-row-controls-button-wrap\"\n                    *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowCotrols\"\n                    [ngClass]=\"{\n                        active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n                        dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n                    }\"\n                >\n                    <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n                        <button\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            type=\"button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                            class=\"the-table-row-controls-button the-table-controls-button\"\n                        ></button>\n                    </ng-container>\n                    <ng-container *ngIf=\"element?.options?.numberedColumn\">\n                        <div\n                            [contentEditable]=\"false\"\n                            contenteditable=\"false\"\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            class=\"the-table-numbered-controls-button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                        >\n                            <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n                        </div>\n                    </ng-container>\n                    <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"the-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-table\" #theTable [ngClass]=\"{ 'the-table-with-controls': isInTable }\">\n            <colgroup *ngIf=\"columns\">\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n            </colgroup>\n            <thead>\n                <tr class=\"the-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-table-col-controls\"\n                        [ngClass]=\"{\n                            active: tableStore.selectedColumnsIndex.includes(i),\n                            dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n                        }\"\n                        (mousedown)=\"onColMouseDown($event, i)\"\n                        *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColCotrols\"\n                    >\n                        <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n                        </the-table-insert-mark>\n                    </th>\n                </tr>\n            </thead>\n            <tbody #tbody>\n                <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n            </tbody>\n        </table>\n    </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+        ], viewQueries: [{ propertyName: "tableWrapper", first: true, predicate: ["tableWrapper"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "theTableElement", first: true, predicate: ["theTable"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "tbodyElement", first: true, predicate: ["tbody"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!-- \u7C7B\u540D the-temp-*: \u4E34\u65F6\u89E3\u51B3\u56E0\u53D7portal\u5F71\u54CD\u8868\u683C\u6837\u5F0F\u95EE\u9898\uFF0C\u540E\u671F\u6539\u56DEthe-* -->\n<div\n    class=\"the-temp-table-container\"\n    theColumnResize\n    [ngClass]=\"{\n        'the-temp-table-with-controls': isInTable,\n        'the-temp-numbered-column-container': element?.options?.numberedColumn,\n        'the-temp-table-selection-hide': tableStore.isCellSelecting || tableStore.isRightClicking\n    }\"\n>\n    <div\n        class=\"the-temp-table-row-controls-wrapper\"\n        [ngClass]=\"{\n            'the-temp-table-focus': isInTable\n        }\"\n    >\n        <div\n            class=\"the-temp-table-corner-controls\"\n            [ngClass]=\"{\n                visible: !readonly && isInTable,\n                active: isSelectedAllCell,\n                dangerous: tableStore.isSelectedTable && tableStore.dangerousCells.length > 0\n            }\"\n        >\n            <div class=\"the-temp-table-corner-button\" (mousedown)=\"onSelectTable($event)\"></div>\n            <div class=\"the-temp-table-corner-controls-insert-row-marker\">\n                <the-table-insert-mark type=\"row\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n            <div class=\"the-temp-table-corner-controls-insert-column-marker\">\n                <the-table-insert-mark type=\"column\" [at]=\"0\" [tableStore]=\"tableStore\"></the-table-insert-mark>\n            </div>\n        </div>\n        <div class=\"the-temp-table-row-controls\">\n            <div class=\"the-temp-table-row-controls-inner\">\n                <div\n                    class=\"the-temp-table-row-controls-button-wrap\"\n                    *ngFor=\"let control of rowControls; let i = index; trackBy: trackByFnRowCotrols\"\n                    [ngClass]=\"{\n                        active: tableStore.selectedRowsIndex.includes(control.rowIndex),\n                        dangerous: tableStore.dangerousRowsIndex.includes(control.rowIndex) && tableStore.dangerousCells.length > 0\n                    }\"\n                >\n                    <ng-container *ngIf=\"!readonly && isInTable && !element?.options?.numberedColumn\">\n                        <button\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            type=\"button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                            class=\"the-temp-table-row-controls-button the-temp-table-controls-button\"\n                        ></button>\n                    </ng-container>\n                    <ng-container *ngIf=\"element?.options?.numberedColumn\">\n                        <div\n                            [contentEditable]=\"false\"\n                            contenteditable=\"false\"\n                            (mousedown)=\"onRowMouseDown($event, control.rowIndex)\"\n                            class=\"the-temp-table-numbered-controls-button\"\n                            [ngStyle]=\"{ height: control.height + 1 + 'px' }\"\n                        >\n                            <p class=\"row-number d-flex align-items-center\">{{ i + 1 }}</p>\n                        </div>\n                    </ng-container>\n                    <the-table-insert-mark type=\"row\" [at]=\"control.rowIndex + 1\" [tableStore]=\"tableStore\"> </the-table-insert-mark>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"the-temp-table-wrapper\" #tableWrapper [ngClass]=\"{ 'the-temp-table-numbered': element?.options?.numberedColumn }\">\n        <table class=\"the-temp-table\" #theTable [ngClass]=\"{ 'the-temp-table-with-controls': isInTable }\">\n            <colgroup *ngIf=\"columns\">\n                <col *ngFor=\"let col of columns\" [ngStyle]=\"{ width: col.width + 'px' }\" />\n            </colgroup>\n            <thead>\n                <tr class=\"the-temp-table-col-controls-wrapper\">\n                    <th\n                        class=\"the-temp-table-col-controls\"\n                        [ngClass]=\"{\n                            active: tableStore.selectedColumnsIndex.includes(i),\n                            dangerous: tableStore.dangerousColumnsIndex.includes(i) && tableStore.dangerousCells.length > 0\n                        }\"\n                        (mousedown)=\"onColMouseDown($event, i)\"\n                        *ngFor=\"let control of colControls; let i = index; trackBy: trackByFnColCotrols\"\n                    >\n                        <the-table-insert-mark *ngIf=\"isInTable\" type=\"column\" [at]=\"i + 1\" [tableStore]=\"tableStore\">\n                        </the-table-insert-mark>\n                    </th>\n                </tr>\n            </thead>\n            <tbody #tbody>\n                <slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"> </slate-children>\n            </tbody>\n        </table>\n    </div>\n</div>\n", components: [{ type: TheInsertMarkComponent, selector: "the-table-insert-mark", inputs: ["type", "at", "tableStore"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }], directives: [{ type: TheColumnResizeDirective, selector: "div[theColumnResize]" }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheTableComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -10992,12 +11050,12 @@
         };
         TheTdComponent.prototype.updateOverlayHandleRowSize = function () {
             var tableElement = this.tableComponent.nativeElement;
-            var rowControl = tableElement.querySelector('.the-table-row-controls');
+            var rowControl = tableElement.querySelector('.the-temp-table-row-controls');
             var rowControlWidth = 11;
             if (rowControl) {
                 rowControlWidth = rowControl.getBoundingClientRect().width;
             }
-            var width = this.tableComponent.tableWrapper.nativeElement.offsetWidth + rowControlWidth;
+            var width = this.tableComponent.tableWrapper.nativeElement.offsetWidth + rowControlWidth - 2;
             this.overlayRef.addPanelClass(this.rowResizeClass);
             this.overlayRef.updateSize({ width: width, height: OVERLAY_INIT_SIZE });
         };
@@ -11190,8 +11248,7 @@
         TheTdComponent.prototype.applyTopRows = function (rows, deltaY, rowIndex) {
             while (deltaY < 0 && rows[rowIndex]) {
                 var rowOffsetHeight = getElementHeight(rows[rowIndex]);
-                var rowStyleHeight = coercePixelsFromCssValue(rows[rowIndex].style.height);
-                if (rowOffsetHeight > this.tableOptions.minHeightPx && rowOffsetHeight === rowStyleHeight) {
+                if (rowOffsetHeight > this.tableOptions.minHeightPx) {
                     if (this.resizingStore.isResizing(deltaY, this.isXAxisHover)) {
                         this.resizingStore.storeResizingRow(rows[rowIndex]);
                     }
@@ -11211,8 +11268,7 @@
         TheTdComponent.prototype.applyBottomRows = function (rows, deltaY, rowIndex) {
             while (rows[rowIndex] && deltaY > 0) {
                 var rowOffsetHeight = getElementHeight(rows[rowIndex]);
-                var rowStyleHeight = coercePixelsFromCssValue(rows[rowIndex].style.height);
-                if (rowOffsetHeight > this.tableOptions.minHeightPx && rowOffsetHeight === rowStyleHeight) {
+                if (rowOffsetHeight > this.tableOptions.minHeightPx) {
                     if (this.resizingStore.isResizing(deltaY, this.isXAxisHover)) {
                         this.resizingStore.storeResizingRow(rows[rowIndex]);
                     }
@@ -12104,27 +12160,27 @@
 
     var TheQuickToolbarComponent = /** @class */ (function (_super) {
         __extends(TheQuickToolbarComponent, _super);
-        function TheQuickToolbarComponent(popoverRef, elementRef) {
+        function TheQuickToolbarComponent(elementRef, cdr) {
             var _this = _super.call(this) || this;
-            _this.popoverRef = popoverRef;
             _this.elementRef = elementRef;
+            _this.cdr = cdr;
             _this.ToolbarItemMode = exports.ToolbarItemMode;
             _this.ToolbarActionTypes = exports.ToolbarActionTypes;
             return _this;
         }
         TheQuickToolbarComponent.prototype.handleMouseDown = function (event) {
             if (!this.elementRef.nativeElement.contains(event.target)) {
-                QuickInsertEditor.closeQuickToolbar(this.editor);
+                QuickInsertEditor.closeQuickInsertToolbar(this.editor);
             }
             else {
                 event.preventDefault();
             }
         };
         TheQuickToolbarComponent.prototype.handleEnter = function () {
-            QuickInsertEditor.closeQuickToolbar(this.editor);
+            QuickInsertEditor.closeQuickInsertToolbar(this.editor);
         };
         TheQuickToolbarComponent.prototype.handleEsc = function () {
-            QuickInsertEditor.closeQuickToolbar(this.editor);
+            QuickInsertEditor.closeQuickInsertToolbar(this.editor);
         };
         TheQuickToolbarComponent.prototype.ngOnInit = function () {
             this.editorElement = i1.AngularEditor.toDOMNode(this.editor, this.editor);
@@ -12150,15 +12206,15 @@
         };
         return TheQuickToolbarComponent;
     }(core.mixinUnsubscribe(core.MixinBase)));
-    TheQuickToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheQuickToolbarComponent, deps: [{ token: i1__namespace$3.ThyPopoverRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TheQuickToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheQuickToolbarComponent, selector: "the-quick-toolbar", inputs: { editor: "editor", quickToolbarItems: "quickToolbarItems" }, host: { listeners: { "document: mousedown": "handleMouseDown($event)", "document: keydown.enter": "handleEnter()", "document: keydown.escape": "handleEsc()" } }, usesInheritance: true, ngImport: i0__namespace, template: "<thy-selection-list\n    class=\"the-quick-toolbar\"\n    [thyBindKeyEventContainer]=\"editorElement\"\n    (thySelectionChange)=\"selectionChange($event)\"\n    [thyMultiple]=\"false\"\n>\n    <ng-container *ngFor=\"let item of quickToolbarItems\">\n        <ng-container *ngIf=\"item.key !== ToolbarActionTypes.split; else splitLine\">\n            <thy-list-option [thyValue]=\"item?.key\" (mousedown)=\"stopPropagation($event)\">\n                <the-toolbar-item [editor]=\"editor\" [item]=\"item\" [itemMode]=\"ToolbarItemMode.vertical\"></the-toolbar-item>\n            </thy-list-option>\n        </ng-container>\n    </ng-container>\n</thy-selection-list>\n\n<ng-template #splitLine>\n    <nav-split-line [mode]=\"ToolbarItemMode.horizontal\"></nav-split-line>\n</ng-template>\n", components: [{ type: i2__namespace$3.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5__namespace$2.ThyListOptionComponent, selector: "thy-list-option,[thy-list-option]", inputs: ["id", "thyValue", "thyDisabled"] }, { type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: ["editor", "item", "itemMode"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    TheQuickToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheQuickToolbarComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TheQuickToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheQuickToolbarComponent, selector: "the-quick-toolbar", inputs: { editor: "editor", quickToolbarItems: "quickToolbarItems" }, host: { listeners: { "document: mousedown": "handleMouseDown($event)", "document: keydown.enter": "handleEnter()", "document: keydown.escape": "handleEsc()" } }, usesInheritance: true, ngImport: i0__namespace, template: "<thy-selection-list\n    class=\"the-quick-toolbar\"\n    [thyBindKeyEventContainer]=\"editorElement\"\n    (thySelectionChange)=\"selectionChange($event)\"\n    [thyMultiple]=\"false\"\n>\n    <ng-container *ngFor=\"let item of quickToolbarItems\">\n        <ng-container *ngIf=\"item.key !== ToolbarActionTypes.split; else splitLine\">\n            <thy-list-option [thyValue]=\"item?.key\" (mousedown)=\"stopPropagation($event)\">\n                <the-toolbar-item [editor]=\"editor\" [item]=\"item\" [itemMode]=\"ToolbarItemMode.vertical\"></the-toolbar-item>\n            </thy-list-option>\n        </ng-container>\n    </ng-container>\n</thy-selection-list>\n\n<ng-template #splitLine>\n    <nav-split-line [mode]=\"ToolbarItemMode.horizontal\"></nav-split-line>\n</ng-template>\n", components: [{ type: i1__namespace$7.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5__namespace$2.ThyListOptionComponent, selector: "thy-list-option,[thy-list-option]", inputs: ["id", "thyValue", "thyDisabled"] }, { type: TheToolbarItemComponent, selector: "the-toolbar-item", inputs: ["editor", "item", "itemMode"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }], directives: [{ type: i10__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheQuickToolbarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'the-quick-toolbar',
                         templateUrl: 'quick-toolbar.component.html'
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$3.ThyPopoverRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { editor: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { editor: [{
                     type: i0.Input
                 }], quickToolbarItems: [{
                     type: i0.Input
@@ -12173,16 +12229,23 @@
                     args: ['document: keydown.escape']
                 }] } });
 
-    var OperationTypes = ['insert_text', 'remove_node', 'merge_node'];
     var QuickInsertEditor = {
-        openQuickToolbar: function (editor, toolbarItems, origin) {
+        openQuickInsertToolbar: function (editor, quickToolbarItems, origin) {
+            if (QuickInsertEditor.isOpenedToolbar(editor)) {
+                return;
+            }
+            if (!origin) {
+                var _a = __read(getBlockAbove(editor), 1), block = _a[0];
+                var rootNode = i1.AngularEditor.toDOMNode(editor, block);
+                origin = rootNode.querySelector('[data-slate-leaf="true"]');
+            }
             var overlay = editor.injector.get(i2.Overlay);
             var viewContainerRef = editor.injector.get(i0.ViewContainerRef);
             var thyPopover = editor.injector.get(i1$2.ThyPopover);
             var quickToolbarRef = thyPopover.open(TheQuickToolbarComponent, {
                 initialState: {
                     editor: editor,
-                    quickToolbarItems: toolbarItems
+                    quickToolbarItems: quickToolbarItems
                 },
                 origin: origin,
                 viewContainerRef: viewContainerRef,
@@ -12195,53 +12258,39 @@
                 scrollStrategy: overlay.scrollStrategies.reposition(),
                 manualClosure: true
             });
+            quickToolbarRef.componentInstance.cdr.markForCheck();
             THE_EDITOR_QUICK_TOOLBAR_REF.set(editor, quickToolbarRef);
         },
-        closeQuickToolbar: function (editor) {
+        closeQuickInsertToolbar: function (editor) {
             var quickToolbarRef = THE_EDITOR_QUICK_TOOLBAR_REF.get(editor);
             if (quickToolbarRef) {
                 quickToolbarRef.close();
                 THE_EDITOR_QUICK_TOOLBAR_REF.set(editor, null);
             }
         },
-        isOpenToolbar: function (editor, opTypes) {
-            if (opTypes === void 0) { opTypes = OperationTypes; }
-            var isCollapsedCursor = TheEditor.isFocused(editor) && editor.selection && slate.Range.isCollapsed(editor.selection);
-            if (!isCollapsedCursor) {
-                return false;
-            }
-            var block = slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]);
-            var undos = editor.history.undos;
-            var lastBatch = undos[undos.length - 1];
-            var lastOp = lastBatch && lastBatch[lastBatch.length - 1];
-            if (lastOp &&
-                block.children.length === 1 &&
-                block.type === exports.ElementKinds.paragraph &&
-                slate.Node.string(block) === QUICK_TOOLBAR_HOTKEY &&
-                opTypes.includes(lastOp.type) &&
-                (lastOp.text === QUICK_TOOLBAR_HOTKEY || lastOp.text === undefined)) {
-                return true;
-            }
-            return false;
+        isOpenedToolbar: function (editor) {
+            var quickToolbarRef = THE_EDITOR_QUICK_TOOLBAR_REF.get(editor);
+            return !!quickToolbarRef;
         }
     };
 
     var withQuickInsert = function (editor) {
         var onKeydown = editor.onKeydown, deleteBackward = editor.deleteBackward, onChange = editor.onChange;
+        var presseingQuickInsertHotkey = false;
         editor.onKeydown = function (event) {
-            if (event.key === QUICK_TOOLBAR_HOTKEY && isCleanEmptyParagraph(editor)) {
-                var rootNode = i1.AngularEditor.toDOMNode(editor, slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]));
-                var theEditorComponent = editor.injector.get(TheEditorComponent);
-                var quickToolbars = theEditorComponent.quickToolbarItems;
-                var leafElement = rootNode.querySelector('[data-slate-leaf="true"]');
-                var origin = leafElement || rootNode;
-                QuickInsertEditor.openQuickToolbar(editor, quickToolbars, origin);
+            var _a;
+            if (event.key === QUICK_TOOLBAR_HOTKEY) {
+                var types = __spreadArray([], __read((((_a = editor.options) === null || _a === void 0 ? void 0 : _a.triggerQuickToolbarTypes) || [])));
+                var _b = __read(getBlockAbove(editor), 1), block = _b[0];
+                if (isPureEmptyParagraph(editor, block) && allowOpenQuickToolbar(editor, types)) {
+                    presseingQuickInsertHotkey = true;
+                }
             }
             onKeydown(event);
         };
         editor.deleteBackward = function (unit) {
-            if (!QuickInsertEditor.isOpenToolbar(editor, ['remove_text'])) {
-                QuickInsertEditor.closeQuickToolbar(editor);
+            if (QuickInsertEditor.isOpenedToolbar(editor)) {
+                QuickInsertEditor.closeQuickInsertToolbar(editor);
             }
             deleteBackward(unit);
         };
@@ -12249,16 +12298,33 @@
             var _a;
             onChange();
             if (editor.selection) {
+                var _b = __read(getBlockAbove(editor), 2), block = _b[0], path = _b[1];
+                // quick insert plus
                 var editorComponent = editor.injector.get(TheEditorComponent);
                 (_a = editorComponent.quickInsertInstance) === null || _a === void 0 ? void 0 : _a.checkStatus();
-                var block = slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]);
-                if (!isCleanEmptyParagraph(editor) && slate.Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
-                    QuickInsertEditor.closeQuickToolbar(editor);
+                if (presseingQuickInsertHotkey && slate.Node.string(block) === QUICK_TOOLBAR_HOTKEY) {
+                    QuickInsertEditor.openQuickInsertToolbar(editor, editorComponent.quickToolbarItems);
+                    presseingQuickInsertHotkey = false;
+                    return;
+                }
+                else {
+                    presseingQuickInsertHotkey = false;
+                }
+                if (QuickInsertEditor.isOpenedToolbar(editor) && !isPureEmptyParagraph(editor, block) && slate.Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
+                    QuickInsertEditor.closeQuickInsertToolbar(editor);
                 }
             }
         };
         return editor;
     };
+    var allowOpenQuickToolbar = function (editor, allowTypes) {
+        var _b = __read(getBlockAbove(editor), 2), block = _b[0], path = _b[1];
+        var parentNode = slate.Node.parent(editor, path);
+        if (path.length === 1 || (parentNode && allowTypes.includes(parentNode.type))) {
+            return true;
+        }
+        return false;
+    };
 
     var withSoftBreak = function (options) {
         if (options === void 0) { options = { rules: [{ hotkey: 'shift+enter' }] }; }
@@ -12562,6 +12628,78 @@
                     args: ['class.disabled']
                 }] } });
 
+    var onKeydownTextIndent = function (editor, event, kinds, textIndentDisabled) {
+        var selection = editor.selection;
+        var isExpanded = slate.Range.isExpanded(selection);
+        var nodes = Array.from(slate.Editor.nodes(editor, {
+            mode: 'highest',
+            match: function (node) { return slate.Element.isElement(node) && kinds.includes(node.type); }
+        }));
+        var _a = __read(nodes, 1), startBlock = _a[0];
+        if (!startBlock) {
+            return false;
+        }
+        var _b = __read(startBlock, 2), block = _b[0], path = _b[1];
+        var isStart = slate.Editor.isStart(editor, selection.anchor, path);
+        if (isHotkey.isKeyHotkey('Tab', event)) {
+            event.preventDefault();
+            if (startBlock && (isExpanded || isStart)) {
+                if (!editor.isVoid(block)) {
+                    var textIndent = block.textIndent, type = block.type;
+                    // do not apply first-line indentation for lists
+                    if (!textIndent && !textIndentDisabled.includes(type)) {
+                        IndentEditor.setTextIndent(editor, kinds, 2);
+                        return true;
+                    }
+                    else {
+                        IndentEditor.setIndent(editor);
+                        return true;
+                    }
+                }
+            }
+            else {
+                editor.insertText(TAB_SPACE);
+                return true;
+            }
+        }
+        if (isHotkey.isKeyHotkey('shift+Tab', event)) {
+            if (startBlock && (isExpanded || isStart)) {
+                if (!editor.isVoid(block)) {
+                    return IndentEditor.cancelTextIntent(editor, event, block, kinds);
+                }
+            }
+        }
+        if (selection && slate.Range.isCollapsed(selection) && i1.hotkeys.isDeleteBackward(event)) {
+            if (startBlock && isStart) {
+                return IndentEditor.cancelTextIntent(editor, event, block, kinds);
+            }
+        }
+        return false;
+    };
+
+    var withIndent = function (kinds) { return function (editor) {
+        var onKeydown = editor.onKeydown;
+        editor.onKeydown = function (event) {
+            var _a, _b, _c, _d;
+            var indentTypes = kinds;
+            var disableIndentTypes = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.checkItem];
+            if ((_b = (_a = editor.extraIndentOptions) === null || _a === void 0 ? void 0 : _a.indentTypes) === null || _b === void 0 ? void 0 : _b.length) {
+                indentTypes = mergIndentTypes(kinds, editor.extraIndentOptions.indentTypes);
+            }
+            if ((_d = (_c = editor.extraIndentOptions) === null || _c === void 0 ? void 0 : _c.disabledIndentTypes) === null || _d === void 0 ? void 0 : _d.length) {
+                disableIndentTypes = mergIndentTypes(disableIndentTypes, editor.extraIndentOptions.disabledIndentTypes);
+            }
+            var isContinue = !onKeydownTextIndent(editor, event, indentTypes, disableIndentTypes);
+            if (isContinue) {
+                onKeydown(event);
+            }
+        };
+        return editor;
+    }; };
+    var mergIndentTypes = function (defaultTypes, indentTypes) {
+        return Array.from(new Set(__spreadArray(__spreadArray([], __read(defaultTypes)), __read(indentTypes))));
+    };
+
     var MaxIndent = 11;
     var includesIndentTypes = __spreadArray([
         exports.ElementKinds.checkItem,
@@ -12569,11 +12707,15 @@
         exports.ElementKinds.bulletedList,
         exports.ElementKinds.paragraph
     ], __read(HEADING_TYPES));
+    var getIndentTypes = function (editor) {
+        var indentTypes = editor.extraIndentOptions ? editor.extraIndentOptions.indentTypes : [];
+        return mergIndentTypes(includesIndentTypes, indentTypes);
+    };
     var IndentEditor = {
         setIndent: function (editor) {
             var nodes = Array.from(slate.Editor.nodes(editor, {
                 mode: 'highest',
-                match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
+                match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
             }));
             var _a = __read(nodes, 1), startBlock = _a[0];
             if (startBlock) {
@@ -12583,7 +12725,7 @@
                 if (indent <= MaxIndent) {
                     slate.Transforms.setNodes(editor, { indent: indent }, {
                         mode: 'highest',
-                        match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
+                        match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
                     });
                 }
             }
@@ -12591,7 +12733,7 @@
         cancelIndent: function (editor) {
             var nodes = Array.from(slate.Editor.nodes(editor, {
                 mode: 'highest',
-                match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
+                match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
             }));
             var _a = __read(nodes, 1), startBlock = _a[0];
             if (startBlock) {
@@ -12599,7 +12741,7 @@
                 indent = indent === 1 ? null : (indent -= 1);
                 slate.Transforms.setNodes(editor, { indent: indent }, {
                     mode: 'highest',
-                    match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
+                    match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
                 });
             }
         },
@@ -12631,14 +12773,8 @@
         },
         isDisabled: function (editor) {
             if (editor.selection) {
-                var allowGroup = __spreadArray([
-                    exports.ElementKinds.paragraph,
-                    exports.ElementKinds.numberedList,
-                    exports.ElementKinds.bulletedList,
-                    exports.ElementKinds.checkItem
-                ], __read(HEADING_TYPES));
                 var anchorBlock$1 = anchorBlock(editor);
-                return anchorBlock$1 && !allowGroup.includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
+                return anchorBlock$1 && !getIndentTypes(editor).includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
             }
             return false;
         }
@@ -12668,67 +12804,6 @@
         }
     ];
 
-    var onKeydownTextIndent = function (editor, event, kinds) {
-        var selection = editor.selection;
-        var isExpanded = slate.Range.isExpanded(selection);
-        var nodes = Array.from(slate.Editor.nodes(editor, {
-            mode: 'highest',
-            match: function (node) { return slate.Element.isElement(node) && kinds.includes(node.type); }
-        }));
-        var _a = __read(nodes, 1), startBlock = _a[0];
-        if (!startBlock) {
-            return false;
-        }
-        var _b = __read(startBlock, 2), block = _b[0], path = _b[1];
-        var isStart = slate.Editor.isStart(editor, selection.anchor, path);
-        var textIndentDisable = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.checkItem];
-        if (isHotkey.isKeyHotkey('Tab', event)) {
-            event.preventDefault();
-            if (startBlock && (isExpanded || isStart)) {
-                if (!editor.isVoid(block)) {
-                    var textIndent = block.textIndent, type = block.type;
-                    // do not apply first-line indentation for lists
-                    if (!textIndent && !textIndentDisable.includes(type)) {
-                        IndentEditor.setTextIndent(editor, kinds, 2);
-                        return true;
-                    }
-                    else {
-                        IndentEditor.setIndent(editor);
-                        return true;
-                    }
-                }
-            }
-            else {
-                editor.insertText(TAB_SPACE);
-                return true;
-            }
-        }
-        if (isHotkey.isKeyHotkey('shift+Tab', event)) {
-            if (startBlock && (isExpanded || isStart)) {
-                if (!editor.isVoid(block)) {
-                    return IndentEditor.cancelTextIntent(editor, event, block, kinds);
-                }
-            }
-        }
-        if (selection && slate.Range.isCollapsed(selection) && i1.hotkeys.isDeleteBackward(event)) {
-            if (startBlock && isStart) {
-                return IndentEditor.cancelTextIntent(editor, event, block, kinds);
-            }
-        }
-        return false;
-    };
-
-    var withIndent = function (kinds) { return function (editor) {
-        var onKeydown = editor.onKeydown;
-        editor.onKeydown = function (event) {
-            var isContinue = !onKeydownTextIndent(editor, event, kinds);
-            if (isContinue) {
-                onKeydown(event);
-            }
-        };
-        return editor;
-    }; };
-
     var internalPlugins = [
         withTheHistory,
         withAutoInsertData(),
@@ -12759,7 +12834,7 @@
         }),
         withBlockquote,
         withNodeID({ idKey: ELEMENT_UNIQUE_ID, idCreator: idCreator }),
-        withAutoFormat({ rules: autoFormatRules }),
+        withAutoFormat(),
         withTransforms(),
         withTrailingNode({ type: exports.ElementKinds.paragraph, level: 0 }),
         withMoveSelection,
@@ -13403,7 +13478,11 @@
         TheQuickInsertComponent.prototype.handleClick = function (event) {
             event.stopPropagation();
             event.preventDefault();
-            QuickInsertEditor.openQuickToolbar(this.editor, this.quickToolbarItems, this.iconElement.nativeElement);
+            if (QuickInsertEditor.isOpenedToolbar(this.editor)) {
+                QuickInsertEditor.closeQuickInsertToolbar(this.editor);
+                return;
+            }
+            QuickInsertEditor.openQuickInsertToolbar(this.editor, this.quickToolbarItems, this.iconElement.nativeElement);
         };
         return TheQuickInsertComponent;
     }());
@@ -13700,11 +13779,14 @@
         };
         TheEditorComponent.prototype.initialize = function () {
             var _this = this;
-            var _a, _b;
+            var _a, _b, _c, _d;
             this.editor = withTheEditor(this.thePlugins, slateHistory.withHistory(i1.withAngular(slate.createEditor(), CLIPBOARD_FORMAT_KEY)));
             this.generateDecorate();
             this.editor.disabled = (_a = this.theOptions) === null || _a === void 0 ? void 0 : _a.disabled;
             this.editor.extraElementOptions = (_b = this.theOptions) === null || _b === void 0 ? void 0 : _b.extraElementOptions;
+            this.editor.extraAutoFormatRules = (_c = this.theOptions) === null || _c === void 0 ? void 0 : _c.extraAutoFormatRules;
+            this.editor.extraIndentOptions = (_d = this.theOptions) === null || _d === void 0 ? void 0 : _d.extraIndentOptions;
+            this.editor.options = this.theOptions;
             setEditorUUID(this.editor, idCreator());
             this.theContextService.initialize({
                 theOptions: this.theOptions,
@@ -14129,7 +14211,7 @@
         i3$1.ThyNavModule,
         i2$2.ThyFormModule,
         i5$2.ThySharedModule,
-        i2$3.ThyListModule,
+        i1$7.ThyListModule,
         i5.ThyTooltipModule,
         i6.ThyProgressModule,
         autocomplete.ThyAutocompleteModule,
@@ -14230,7 +14312,7 @@
             i3$1.ThyNavModule,
             i2$2.ThyFormModule,
             i5$2.ThySharedModule,
-            i2$3.ThyListModule,
+            i1$7.ThyListModule,
             i5.ThyTooltipModule,
             i6.ThyProgressModule,
             autocomplete.ThyAutocompleteModule,
@@ -14357,6 +14439,7 @@
     exports.htmlToTheia = htmlToTheia;
     exports.inValidTypes = inValidTypes;
     exports.isCleanEmptyParagraph = isCleanEmptyParagraph;
+    exports.isPureEmptyParagraph = isPureEmptyParagraph;
     exports.mergeElementOptions = mergeElementOptions;
     exports.plainToTheia = plainToTheia;
     exports.toolbarCompose = toolbarCompose;