@worktile/theia 2.4.5 → 2.4.8

package/bundles/worktile-theia.umd.js

@@ -379,11 +379,6 @@
     var DEFAULT_SCROLL_CONTAINER = '.the-editable-container';
     var ELEMENT_UNIQUE_ID = 'key';
     var ZERO_WIDTH_CHAR = '\u200B';
-    exports.TheMode = void 0;
-    (function (TheMode) {
-        TheMode["fullMode"] = "full";
-        TheMode["liteMode"] = "lite";
-    })(exports.TheMode || (exports.TheMode = {}));
 
     exports.ElementKinds = void 0;
     (function (ElementKinds) {
@@ -591,22 +586,6 @@
             value: 'htmlmixed'
         }
     ];
-    var CodeMode = {
-        default: 'default',
-        print: 'print'
-    };
-    var TheCodeConfig = /** @class */ (function () {
-        function TheCodeConfig() {
-        }
-        return TheCodeConfig;
-    }());
-    var THE_CODE_MODE_TOKEN = new i0.InjectionToken('the-code-mode');
-    var THE_CODE_MODE_PROVIDER = {
-        provide: THE_CODE_MODE_TOKEN,
-        useValue: {
-            mode: CodeMode.default
-        }
-    };
     var CODEMIRROR_PADDING_TOP = 10;
 
     var TheToolbarGroupToken = new i0.InjectionToken('the-toolbar-group-token');
@@ -791,6 +770,23 @@
         TheDataMode["json"] = "json";
         TheDataMode["html"] = "html";
     })(exports.TheDataMode || (exports.TheDataMode = {}));
+    exports.TheMode = void 0;
+    (function (TheMode) {
+        TheMode["default"] = "default";
+        TheMode["print"] = "print";
+    })(exports.TheMode || (exports.TheMode = {}));
+    var TheModeConfig = /** @class */ (function () {
+        function TheModeConfig() {
+        }
+        return TheModeConfig;
+    }());
+    var THE_MODE_TOKEN = new i0.InjectionToken('the-mode');
+    var THE_MODE_PROVIDER = {
+        provide: THE_MODE_TOKEN,
+        useValue: {
+            mode: exports.TheMode.default
+        }
+    };
 
     exports.ToolbarItemType = void 0;
     (function (ToolbarItemType) {
@@ -4099,6 +4095,7 @@
             _this.elementRef = elementRef;
             _this.cdr = cdr;
             _this.ctxService = ctxService;
+            // 类名 the-temp-*: 临时解决因受portal影响样式问题，后期改回the-
             _this.checkItemClass = true;
             return _this;
         }
@@ -4127,7 +4124,7 @@
         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 }, { 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"] }] });
+    TheTodoItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheTodoItemComponent, selector: "div[theTodoItem]", host: { properties: { "class.the-temp-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,
                 args: [{
@@ -4136,7 +4133,7 @@
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: TheContextService }]; }, propDecorators: { checkItemClass: [{
                     type: i0.HostBinding,
-                    args: ['class.the-check-item']
+                    args: ['class.the-temp-check-item']
                 }], level: [{
                     type: i0.HostBinding,
                     args: ['attr.the-level']
@@ -7365,7 +7362,7 @@
             _this.config = config;
             _this.startRenderCodemirror = false;
             _this.dropdownMode = exports.DropdownMode;
-            _this.maxHeight = _this.config.mode === CodeMode.default ? 350 - CODEMIRROR_PADDING_TOP * 2 : 0;
+            _this.maxHeight = _this.config.mode === exports.TheMode.default ? 350 - CODEMIRROR_PADDING_TOP * 2 : 0;
             _this.menus = CODE_MODES.map(function (item) {
                 return { key: item.value, name: item.showName };
             });
@@ -7379,7 +7376,7 @@
                 readOnly: false,
                 autofocus: false,
                 lineWiseCopyCut: true,
-                lineWrapping: _this.config.mode === CodeMode.default ? false : true,
+                lineWrapping: _this.config.mode === exports.TheMode.default ? false : true,
                 cursorBlinkRate: 500
             };
             _this.actives = _this.menus[0];
@@ -7566,7 +7563,7 @@
         };
         return TheCodeComponent;
     }(TheBaseElementComponent));
-    TheCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheCodeComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$4.ThyNotifyService }, { token: TheContextService }, { token: i0__namespace.NgZone }, { token: THE_CODE_MODE_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    TheCodeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheCodeComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$4.ThyNotifyService }, { token: TheContextService }, { token: i0__namespace.NgZone }, { token: THE_MODE_TOKEN }], target: i0__namespace.ɵɵFactoryTarget.Component });
     TheCodeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: TheCodeComponent, selector: "div[theCode]", viewQueries: [{ propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: i8.CodeMirrorComponent }], usesInheritance: true, ngImport: i0__namespace, template: "<div contenteditable=\"false\" class=\"the-code-block-operation\" *ngIf=\"isCollapsed && codemirror && !options.readOnly\">\n    <thy-icon-nav>\n        <the-toolbar-dropdown [menus]=\"menus\" [item]=\"actives\" [itemMousedownHandle]=\"onChangeLangulage\"> </the-toolbar-dropdown>\n        <a\n            href=\"javascript:;\"\n            thyIconNavLink\n            thyIconNavLinkIcon=\"copy\"\n            thyTooltip=\"\u590D\u5236\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onCopy($event)\"\n        ></a>\n        <a\n            href=\"javascript:;\"\n            thyIconNavLink\n            thyIconNavLinkIcon=\"trash\"\n            thyTooltip=\"\u5220\u9664\"\n            class=\"remove-link\"\n            thyTooltipPlacement=\"top\"\n            (mousedown)=\"onDelete($event)\"\n        ></a>\n        <nav-split-line [mode]=\"ToolbarItemMode.vertical\"></nav-split-line>\n        <span class=\"auto-wrap d-flex align-items-center\">\n            <span>\u81EA\u52A8\u6362\u884C</span>\n            <thy-switch\n                class=\"auto-wrap-btn d-flex\"\n                [(ngModel)]=\"options.lineWrapping\"\n                (ngModelChange)=\"onChangeWrap($event)\"\n                thySize=\"sm\"\n            ></thy-switch>\n        </span>\n    </thy-icon-nav>\n</div>\n\n<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n    thyResizable\n    [thyMinHeight]=\"46\"\n    [thyBounds]=\"resizeBounds\"\n    [style.height.px]=\"resizeHeight\"\n    (thyResize)=\"onResize($event)\"\n    (thyResizeEnd)=\"onEndResize()\"\n    class=\"resize-code-container\"\n    [ngClass]=\"{ focus: isCollapsed, readonly: options.readOnly, active: isHightLight && isCollapsed }\"\n>\n    <ng-codemirror\n        *ngIf=\"startRenderCodemirror\"\n        #codemirror\n        contenteditable=\"false\"\n        class=\"ng-codemirror-wrapper\"\n        [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n        [options]=\"options\"\n        [ngModel]=\"code\"\n        [delayRefreshTime]=\"300\"\n        (ngModelChange)=\"codeChange($event)\"\n        (focusChange)=\"focusChange($event)\"\n        [autoMaxHeight]=\"maxHeight\"\n    >\n    </ng-codemirror>\n    <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsed && !options.readOnly\"></thy-resize-handle>\n</div>\n", components: [{ type: i3__namespace$1.ThyIconNavComponent, selector: "thy-icon-nav", inputs: ["thyType"] }, { type: TheToolbarDropdownComponent, selector: "the-toolbar-dropdown", inputs: ["toolbarItem", "menus", "mode", "item", "itemMousedownHandle"] }, { type: i3__namespace$1.ThyIconNavLinkComponent, selector: "[thyIconNavLink]", inputs: ["thyIconNavLinkIcon", "thyIconNavLinkActive"] }, { type: NavSplitLineComponent, selector: "nav-split-line", inputs: ["mode"] }, { type: i6__namespace$1.ThySwitchComponent, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled"], outputs: ["thyChange"] }, { type: i1__namespace.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { type: i8__namespace.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["autoMaxHeight", "delayRefreshTime", "options"], outputs: ["focusChange"] }, { type: i9__namespace.ThyResizeHandleComponent, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }], directives: [{ type: i10__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { type: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i9__namespace.ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeEnd", "thyResizeStart"] }, { type: i10__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheCodeComponent, decorators: [{
                 type: i0.Component,
@@ -7576,9 +7573,9 @@
                         changeDetection: i0.ChangeDetectionStrategy.OnPush
                     }]
             }], ctorParameters: function () {
-            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$4.ThyNotifyService }, { type: TheContextService }, { type: i0__namespace.NgZone }, { type: TheCodeConfig, decorators: [{
+            return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$4.ThyNotifyService }, { type: TheContextService }, { type: i0__namespace.NgZone }, { type: TheModeConfig, decorators: [{
                             type: i0.Inject,
-                            args: [THE_CODE_MODE_TOKEN]
+                            args: [THE_MODE_TOKEN]
                         }] }];
         }, propDecorators: { codemirror: [{
                     type: i0.ViewChild,
@@ -9793,19 +9790,41 @@
         };
         TheTableComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
-            this.ngZone.onStable.pipe(operators.take(1)).subscribe(function () {
-                var blockCardElement = _this.nativeElement.closest('slate-block-card');
-                if (blockCardElement) {
-                    blockCardElement.classList.add("slate-block-card-" + _this.element.type);
-                }
-                _this.tableStore.initEditor(_this.editor);
-                _this.subscribeCellsChange();
-                _this.subscribeCellPositionChange();
-                _this.listenTableContextMenuEvent();
-                _this.useTableWrapperWidth();
-                // need view render complete
-                _this.useRowControls();
-            });
+            this.ngZone.onStable.pipe(operators.take(1)).subscribe(function () { return __awaiter(_this, void 0, void 0, function () {
+                var _a, blockCardElement, loadImageDone;
+                var _this = this;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            blockCardElement = this.nativeElement.closest('slate-block-card');
+                            if (blockCardElement) {
+                                blockCardElement.classList.add("slate-block-card-" + this.element.type);
+                            }
+                            this.tableStore.initEditor(this.editor);
+                            this.subscribeCellsChange();
+                            this.subscribeCellPositionChange();
+                            this.listenTableContextMenuEvent();
+                            this.useTableWrapperWidth();
+                            if (!((_a = this.element.options) === null || _a === void 0 ? void 0 : _a.numberedColumn)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.resolveImage()];
+                        case 1:
+                            loadImageDone = _c.sent();
+                            // 等待序号列表格内图片加载完成后再去渲染表格行高度
+                            if (loadImageDone) {
+                                setTimeout(function () {
+                                    _this.useRowControls();
+                                    _this.cdr.detectChanges();
+                                }, 200); // 200ms：通过通知打开页面动画加载时间
+                            }
+                            return [3 /*break*/, 3];
+                        case 2:
+                            this.useRowControls();
+                            this.cdr.markForCheck();
+                            _c.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); });
         };
         TheTableComponent.prototype.subscribeCellPositionChange = function () {
             var _this = this;
@@ -9840,7 +9859,6 @@
             var _a;
             if (this.selection || ((_a = this.element.options) === null || _a === void 0 ? void 0 : _a.numberedColumn)) {
                 this.rowControls = this.calculateRowControls();
-                this.cdr.markForCheck();
             }
         };
         TheTableComponent.prototype.detectChanges = function () {
@@ -9944,6 +9962,24 @@
             });
             return belowRowlHeight;
         };
+        TheTableComponent.prototype.resolveImage = function () {
+            var imageElements = this.nativeElement.querySelectorAll('img');
+            if (imageElements.length) {
+                var imageResolves_1 = [];
+                imageElements.forEach(function (item) {
+                    var image = new Image();
+                    var imageLoad = new Promise(function (resolve) {
+                        image.onload = function () {
+                            resolve(true);
+                        };
+                        image.src = item.getAttribute('src');
+                    });
+                    imageResolves_1.push(imageLoad);
+                });
+                return Promise.all(imageResolves_1);
+            }
+            return Promise.resolve(true);
+        };
         TheTableComponent.prototype.getColControls = function () {
             var _a, _b;
             this.colControls = ((_b = (_a = this.element) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children) || [];
@@ -12648,78 +12684,6 @@
                     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,
@@ -12727,15 +12691,11 @@
         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) && getIndentTypes(editor).includes(n.type); }
+                match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
             }));
             var _a = __read(nodes, 1), startBlock = _a[0];
             if (startBlock) {
@@ -12745,7 +12705,7 @@
                 if (indent <= MaxIndent) {
                     slate.Transforms.setNodes(editor, { indent: indent }, {
                         mode: 'highest',
-                        match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                        match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
                     });
                 }
             }
@@ -12753,7 +12713,7 @@
         cancelIndent: function (editor) {
             var nodes = Array.from(slate.Editor.nodes(editor, {
                 mode: 'highest',
-                match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
             }));
             var _a = __read(nodes, 1), startBlock = _a[0];
             if (startBlock) {
@@ -12761,7 +12721,7 @@
                 indent = indent === 1 ? null : (indent -= 1);
                 slate.Transforms.setNodes(editor, { indent: indent }, {
                     mode: 'highest',
-                    match: function (n) { return slate.Element.isElement(n) && getIndentTypes(editor).includes(n.type); }
+                    match: function (n) { return slate.Element.isElement(n) && includesIndentTypes.includes(n.type); }
                 });
             }
         },
@@ -12794,7 +12754,7 @@
         isDisabled: function (editor) {
             if (editor.selection) {
                 var anchorBlock$1 = anchorBlock(editor);
-                return anchorBlock$1 && !getIndentTypes(editor).includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
+                return anchorBlock$1 && !includesIndentTypes.includes(anchorBlock$1 === null || anchorBlock$1 === void 0 ? void 0 : anchorBlock$1.type);
             }
             return false;
         }
@@ -12824,6 +12784,71 @@
         }
     ];
 
+    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 indentTypes = kinds;
+            var disableIndentTypes = [exports.ElementKinds.bulletedList, exports.ElementKinds.numberedList, exports.ElementKinds.checkItem];
+            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 internalPlugins = [
         withTheHistory,
         withAutoInsertData(),
@@ -13799,13 +13824,12 @@
         };
         TheEditorComponent.prototype.initialize = function () {
             var _this = this;
-            var _a, _b, _c, _d;
+            var _a, _b, _c;
             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({
@@ -14349,7 +14373,7 @@
                 provide: TheToolbarGroupToken,
                 useValue: TheToolbarGroupComponent
             },
-            THE_CODE_MODE_PROVIDER
+            THE_MODE_PROVIDER
         ], imports: [__spreadArray(__spreadArray([i10.CommonModule, i1.SlateModule, i4.FormsModule], __read(TETHYS)), [i8.CodemirrorModule, TheColumnSizeModule])] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: TheEditorModule, decorators: [{
                 type: i0.NgModule,
@@ -14363,7 +14387,7 @@
                                 provide: TheToolbarGroupToken,
                                 useValue: TheToolbarGroupComponent
                             },
-                            THE_CODE_MODE_PROVIDER
+                            THE_MODE_PROVIDER
                         ]
                     }]
             }] });
@@ -14388,7 +14412,6 @@
     exports.CONTAINER_BLOCKS = CONTAINER_BLOCKS;
     exports.CONTROL_KEY = CONTROL_KEY;
     exports.CodeEditor = CodeEditor;
-    exports.CodeMode = CodeMode;
     exports.ColorEditor = ColorEditor;
     exports.DEFAULT_LANGUAGE = DEFAULT_LANGUAGE;
     exports.DEFAULT_SCROLL_CONTAINER = DEFAULT_SCROLL_CONTAINER;
@@ -14403,6 +14426,7 @@
     exports.HrEditor = HrEditor;
     exports.IS_MAC = IS_MAC;
     exports.ImageEditor = ImageEditor;
+    exports.IndentEditor = IndentEditor;
     exports.LINK_DEFAULT_TEXT = LINK_DEFAULT_TEXT;
     exports.LIST_BLOCK_TYPES = LIST_BLOCK_TYPES;
     exports.LinkEditor = LinkEditor;
@@ -14416,22 +14440,23 @@
     exports.QuickInsertEditor = QuickInsertEditor;
     exports.STANDARD_HEADING_TYPES = STANDARD_HEADING_TYPES;
     exports.TAB_SPACE = TAB_SPACE;
-    exports.THE_CODE_MODE_PROVIDER = THE_CODE_MODE_PROVIDER;
-    exports.THE_CODE_MODE_TOKEN = THE_CODE_MODE_TOKEN;
     exports.THE_EDITOR_CONVERSION_HINT_REF = THE_EDITOR_CONVERSION_HINT_REF;
     exports.THE_EDITOR_QUICK_TOOLBAR_REF = THE_EDITOR_QUICK_TOOLBAR_REF;
     exports.THE_EDITOR_UUID = THE_EDITOR_UUID;
     exports.THE_INLINE_TOOLBAR_TYPES = THE_INLINE_TOOLBAR_TYPES;
+    exports.THE_MODE_PROVIDER = THE_MODE_PROVIDER;
+    exports.THE_MODE_TOKEN = THE_MODE_TOKEN;
     exports.THE_UPLOAD_SERVICE_TOKEN = THE_UPLOAD_SERVICE_TOKEN;
     exports.TableEditor = TableEditor;
     exports.TheBaseElementComponent = TheBaseElementComponent;
-    exports.TheCodeConfig = TheCodeConfig;
     exports.TheContextService = TheContextService;
     exports.TheDefaultElementComponent = TheDefaultElementComponent;
     exports.TheEditor = TheEditor;
     exports.TheEditorComponent = TheEditorComponent;
     exports.TheEditorModule = TheEditorModule;
     exports.TheImageComponent = TheImageComponent;
+    exports.TheIndentToolbarComponent = TheIndentToolbarComponent;
+    exports.TheModeConfig = TheModeConfig;
     exports.TheQueries = index$1;
     exports.TheToolbarBaseItemComponent = TheToolbarBaseItemComponent;
     exports.TheToolbarComponent = TheToolbarComponent;
@@ -14458,6 +14483,7 @@
     exports.getToolbarClass = getToolbarClass;
     exports.htmlToTheia = htmlToTheia;
     exports.inValidTypes = inValidTypes;
+    exports.includesIndentTypes = includesIndentTypes;
     exports.isCleanEmptyParagraph = isCleanEmptyParagraph;
     exports.isPureEmptyParagraph = isPureEmptyParagraph;
     exports.mergeElementOptions = mergeElementOptions;