@worktile/theia 2.4.2 → 2.4.3

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('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.i2$3, 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, i2$3, autocomplete, avatar, select) { 'use strict';
+    (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 }; }
 
@@ -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.
@@ -1995,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,
@@ -2014,7 +2048,8 @@
         setEndSelection: setEndSelection,
         closeConversionHint: closeConversionHint,
         handleContinualDeleteBackward: handleContinualDeleteBackward,
-        handleContinualInsertBreak: handleContinualInsertBreak
+        handleContinualInsertBreak: handleContinualInsertBreak,
+        insertElementNode: insertElementNode
     });
 
     var TheConversionHintComponent = /** @class */ (function () {
@@ -12118,27 +12153,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);
@@ -12164,15 +12199,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
@@ -12187,16 +12222,22 @@
                     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 rootNode = i1.AngularEditor.toDOMNode(editor, slate.Node.ancestor(editor, [editor.selection.anchor.path[0]]));
+                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,
@@ -12209,53 +12250,34 @@
                 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);
+                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);
         };
@@ -12263,11 +12285,17 @@
             var _a;
             onChange();
             if (editor.selection) {
+                var block = slate.Node.get(editor, [editor.selection.anchor.path[0]]);
+                // 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;
+                }
+                if (QuickInsertEditor.isOpenedToolbar(editor) && !isCleanEmptyParagraph(editor) && slate.Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
+                    QuickInsertEditor.closeQuickInsertToolbar(editor);
                 }
             }
         };
@@ -12576,6 +12604,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,
@@ -12583,11 +12683,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) {
@@ -12597,7 +12701,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); }
                     });
                 }
             }
@@ -12605,7 +12709,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) {
@@ -12613,7 +12717,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); }
                 });
             }
         },
@@ -12645,14 +12749,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;
         }
@@ -12682,67 +12780,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(),
@@ -13417,7 +13454,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;
     }());
@@ -13714,12 +13755,13 @@
         };
         TheEditorComponent.prototype.initialize = function () {
             var _this = this;
-            var _a, _b, _c;
+            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;
             setEditorUUID(this.editor, idCreator());
             this.theContextService.initialize({
                 theOptions: this.theOptions,
@@ -14144,7 +14186,7 @@
         i3$1.ThyNavModule,
         i2$2.ThyFormModule,
         i5$2.ThySharedModule,
-        i2$3.ThyListModule,
+        i1$7.ThyListModule,
         i5.ThyTooltipModule,
         i6.ThyProgressModule,
         autocomplete.ThyAutocompleteModule,
@@ -14245,7 +14287,7 @@
             i3$1.ThyNavModule,
             i2$2.ThyFormModule,
             i5$2.ThySharedModule,
-            i2$3.ThyListModule,
+            i1$7.ThyListModule,
             i5.ThyTooltipModule,
             i6.ThyProgressModule,
             autocomplete.ThyAutocompleteModule,