@worktile/theia 2.4.2 → 2.4.3

package/fesm2015/worktile-theia.js

@@ -54,7 +54,7 @@ import { ThySharedModule } from 'ngx-tethys/shared';
 import * as i1$6 from 'ngx-tethys';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
 import { PortalInjector, ComponentPortal } from '@angular/cdk/portal';
-import * as i2$3 from 'ngx-tethys/list';
+import * as i1$7 from 'ngx-tethys/list';
 import { ThyListModule } from 'ngx-tethys/list';
 import { ThyAutocompleteModule } from 'ngx-tethys/autocomplete';
 import { ThyAvatarModule } from 'ngx-tethys/avatar';
@@ -1589,6 +1589,40 @@ function handleContinualInsertBreak(editor, lowestBlock, type) {
     return false;
 }
 
+const insertElementNode = (editor, node) => {
+    if (Range.isExpanded(editor.selection)) {
+        Editor.deleteFragment(editor);
+    }
+    const isBlockCardCursor$1 = isBlockCardCursor(editor);
+    const containerBlocks = getContainerBlocks(editor);
+    const isContainer = isNodeTypeIn(editor, containerBlocks, { at: editor.selection });
+    const [anchorBlock, anchorBlockPath] = anchorBlockEntry(editor);
+    const isEmpty = Editor.isEmpty(editor, anchorBlock);
+    if (isContainer && !isBlockCardCursor$1) {
+        const [, containerPath] = Editor.above(editor, {
+            match: n => Editor.isBlock(editor, n) && containerBlocks.includes(n.type),
+            at: editor.selection
+        });
+        Editor.withoutNormalizing(editor, () => {
+            const containerPathFirstPath = anchorBlockPath.slice(0, containerPath.length + 1);
+            Transforms.insertNodes(editor, node, { at: Path.next(containerPathFirstPath), select: true });
+            if (isEmpty) {
+                Transforms.removeNodes(editor, { at: anchorBlockPath });
+            }
+        });
+        return;
+    }
+    const nextPath = Path.next([anchorBlockPath[0]]);
+    Transforms.insertNodes(editor, node, { at: nextPath });
+    if (isEmpty && anchorBlockPath.length === 1) {
+        Transforms.delete(editor, { at: anchorBlockPath });
+        Transforms.select(editor, Editor.start(editor, anchorBlockPath));
+    }
+    else {
+        Transforms.select(editor, Editor.start(editor, nextPath));
+    }
+};
+
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     setMarks: setMarks,
@@ -1608,7 +1642,8 @@ var index = /*#__PURE__*/Object.freeze({
     setEndSelection: setEndSelection,
     closeConversionHint: closeConversionHint,
     handleContinualDeleteBackward: handleContinualDeleteBackward,
-    handleContinualInsertBreak: handleContinualInsertBreak
+    handleContinualInsertBreak: handleContinualInsertBreak,
+    insertElementNode: insertElementNode
 });
 
 class TheConversionHintComponent {
@@ -11268,26 +11303,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
             }] } });
 
 class TheQuickToolbarComponent extends mixinUnsubscribe(MixinBase) {
-    constructor(popoverRef, elementRef) {
+    constructor(elementRef, cdr) {
         super();
-        this.popoverRef = popoverRef;
         this.elementRef = elementRef;
+        this.cdr = cdr;
         this.ToolbarItemMode = ToolbarItemMode;
         this.ToolbarActionTypes = ToolbarActionTypes;
     }
     handleMouseDown(event) {
         if (!this.elementRef.nativeElement.contains(event.target)) {
-            QuickInsertEditor.closeQuickToolbar(this.editor);
+            QuickInsertEditor.closeQuickInsertToolbar(this.editor);
         }
         else {
             event.preventDefault();
         }
     }
     handleEnter() {
-        QuickInsertEditor.closeQuickToolbar(this.editor);
+        QuickInsertEditor.closeQuickInsertToolbar(this.editor);
     }
     handleEsc() {
-        QuickInsertEditor.closeQuickToolbar(this.editor);
+        QuickInsertEditor.closeQuickInsertToolbar(this.editor);
     }
     ngOnInit() {
         this.editorElement = AngularEditor.toDOMNode(this.editor, this.editor);
@@ -11312,15 +11347,15 @@ class TheQuickToolbarComponent extends mixinUnsubscribe(MixinBase) {
         super.ngOnDestroy();
     }
 }
-TheQuickToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, deps: [{ token: i1$3.ThyPopoverRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheQuickToolbarComponent.ɵcmp = i0.ɵɵ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, 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$3.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5$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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+TheQuickToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TheQuickToolbarComponent.ɵcmp = i0.ɵɵ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, 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$7.ThySelectionListComponent, selector: "thy-selection-list,[thy-selection-list]", inputs: ["thyMultiple", "thyBindKeyEventContainer", "thyScrollContainer", "thyBeforeKeydown", "thyUniqueKey", "thyCompareWith", "thyLayout", "thyAutoActiveFirstItem", "thySize", "thySpaceKeyEnabled"], outputs: ["thySelectionChange"] }, { type: i5$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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'the-quick-toolbar',
                     templateUrl: 'quick-toolbar.component.html'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$3.ThyPopoverRef }, { type: i0.ElementRef }]; }, propDecorators: { editor: [{
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { editor: [{
                 type: Input
             }], quickToolbarItems: [{
                 type: Input
@@ -11335,16 +11370,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                 args: ['document: keydown.escape']
             }] } });
 
-const OperationTypes = ['insert_text', 'remove_node', 'merge_node'];
 const QuickInsertEditor = {
-    openQuickToolbar(editor, toolbarItems, origin) {
+    openQuickInsertToolbar(editor, quickToolbarItems, origin) {
+        if (QuickInsertEditor.isOpenedToolbar(editor)) {
+            return;
+        }
+        if (!origin) {
+            const rootNode = AngularEditor.toDOMNode(editor, Node.ancestor(editor, [editor.selection.anchor.path[0]]));
+            origin = rootNode.querySelector('[data-slate-leaf="true"]');
+        }
         const overlay = editor.injector.get(Overlay);
         const viewContainerRef = editor.injector.get(ViewContainerRef);
         const thyPopover = editor.injector.get(ThyPopover);
         const quickToolbarRef = thyPopover.open(TheQuickToolbarComponent, {
             initialState: {
                 editor,
-                quickToolbarItems: toolbarItems
+                quickToolbarItems
             },
             origin,
             viewContainerRef: viewContainerRef,
@@ -11357,52 +11398,34 @@ const QuickInsertEditor = {
             scrollStrategy: overlay.scrollStrategies.reposition(),
             manualClosure: true
         });
+        quickToolbarRef.componentInstance.cdr.markForCheck();
         THE_EDITOR_QUICK_TOOLBAR_REF.set(editor, quickToolbarRef);
     },
-    closeQuickToolbar(editor) {
+    closeQuickInsertToolbar(editor) {
         const quickToolbarRef = THE_EDITOR_QUICK_TOOLBAR_REF.get(editor);
         if (quickToolbarRef) {
             quickToolbarRef.close();
             THE_EDITOR_QUICK_TOOLBAR_REF.set(editor, null);
         }
     },
-    isOpenToolbar(editor, opTypes = OperationTypes) {
-        const isCollapsedCursor = TheEditor.isFocused(editor) && editor.selection && Range.isCollapsed(editor.selection);
-        if (!isCollapsedCursor) {
-            return false;
-        }
-        const block = Node.ancestor(editor, [editor.selection.anchor.path[0]]);
-        const { undos } = editor.history;
-        const lastBatch = undos[undos.length - 1];
-        const lastOp = lastBatch && lastBatch[lastBatch.length - 1];
-        if (lastOp &&
-            block.children.length === 1 &&
-            block.type === ElementKinds.paragraph &&
-            Node.string(block) === QUICK_TOOLBAR_HOTKEY &&
-            opTypes.includes(lastOp.type) &&
-            (lastOp.text === QUICK_TOOLBAR_HOTKEY || lastOp.text === undefined)) {
-            return true;
-        }
-        return false;
+    isOpenedToolbar(editor) {
+        const quickToolbarRef = THE_EDITOR_QUICK_TOOLBAR_REF.get(editor);
+        return !!quickToolbarRef;
     }
 };
 
 const withQuickInsert = (editor) => {
     const { onKeydown, deleteBackward, onChange } = editor;
+    let presseingQuickInsertHotkey = false;
     editor.onKeydown = (event) => {
         if (event.key === QUICK_TOOLBAR_HOTKEY && isCleanEmptyParagraph(editor)) {
-            const rootNode = AngularEditor.toDOMNode(editor, Node.ancestor(editor, [editor.selection.anchor.path[0]]));
-            const theEditorComponent = editor.injector.get(TheEditorComponent);
-            const quickToolbars = theEditorComponent.quickToolbarItems;
-            const leafElement = rootNode.querySelector('[data-slate-leaf="true"]');
-            const origin = leafElement || rootNode;
-            QuickInsertEditor.openQuickToolbar(editor, quickToolbars, origin);
+            presseingQuickInsertHotkey = true;
         }
         onKeydown(event);
     };
     editor.deleteBackward = unit => {
-        if (!QuickInsertEditor.isOpenToolbar(editor, ['remove_text'])) {
-            QuickInsertEditor.closeQuickToolbar(editor);
+        if (QuickInsertEditor.isOpenedToolbar(editor)) {
+            QuickInsertEditor.closeQuickInsertToolbar(editor);
         }
         deleteBackward(unit);
     };
@@ -11410,11 +11433,17 @@ const withQuickInsert = (editor) => {
         var _a;
         onChange();
         if (editor.selection) {
+            const block = Node.get(editor, [editor.selection.anchor.path[0]]);
+            // quick insert plus
             const editorComponent = editor.injector.get(TheEditorComponent);
             (_a = editorComponent.quickInsertInstance) === null || _a === void 0 ? void 0 : _a.checkStatus();
-            const block = Node.ancestor(editor, [editor.selection.anchor.path[0]]);
-            if (!isCleanEmptyParagraph(editor) && Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
-                QuickInsertEditor.closeQuickToolbar(editor);
+            if (presseingQuickInsertHotkey && Node.string(block) === QUICK_TOOLBAR_HOTKEY) {
+                QuickInsertEditor.openQuickInsertToolbar(editor, editorComponent.quickToolbarItems);
+                presseingQuickInsertHotkey = false;
+                return;
+            }
+            if (QuickInsertEditor.isOpenedToolbar(editor) && !isCleanEmptyParagraph(editor) && Node.string(block) !== QUICK_TOOLBAR_HOTKEY) {
+                QuickInsertEditor.closeQuickInsertToolbar(editor);
             }
         }
     };
@@ -11709,6 +11738,78 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
                 args: ['class.disabled']
             }] } });
 
+const onKeydownTextIndent = (editor, event, kinds, textIndentDisabled) => {
+    const { selection } = editor;
+    const isExpanded = Range.isExpanded(selection);
+    const nodes = Array.from(Editor.nodes(editor, {
+        mode: 'highest',
+        match: node => Element$1.isElement(node) && kinds.includes(node.type)
+    }));
+    const [startBlock] = nodes;
+    if (!startBlock) {
+        return false;
+    }
+    const [block, path] = startBlock;
+    const isStart = Editor.isStart(editor, selection.anchor, path);
+    if (isKeyHotkey('Tab', event)) {
+        event.preventDefault();
+        if (startBlock && (isExpanded || isStart)) {
+            if (!editor.isVoid(block)) {
+                let { textIndent, type } = block;
+                // 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 (isKeyHotkey('shift+Tab', event)) {
+        if (startBlock && (isExpanded || isStart)) {
+            if (!editor.isVoid(block)) {
+                return IndentEditor.cancelTextIntent(editor, event, block, kinds);
+            }
+        }
+    }
+    if (selection && Range.isCollapsed(selection) && hotkeys.isDeleteBackward(event)) {
+        if (startBlock && isStart) {
+            return IndentEditor.cancelTextIntent(editor, event, block, kinds);
+        }
+    }
+    return false;
+};
+
+const withIndent = (kinds) => (editor) => {
+    const { onKeydown } = editor;
+    editor.onKeydown = (event) => {
+        var _a, _b, _c, _d;
+        let indentTypes = kinds;
+        let disableIndentTypes = [ElementKinds.bulletedList, ElementKinds.numberedList, 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);
+        }
+        const isContinue = !onKeydownTextIndent(editor, event, indentTypes, disableIndentTypes);
+        if (isContinue) {
+            onKeydown(event);
+        }
+    };
+    return editor;
+};
+const mergIndentTypes = (defaultTypes, indentTypes) => {
+    return Array.from(new Set([...defaultTypes, ...indentTypes]));
+};
+
 const MaxIndent = 11;
 const includesIndentTypes = [
     ElementKinds.checkItem,
@@ -11717,11 +11818,15 @@ const includesIndentTypes = [
     ElementKinds.paragraph,
     ...HEADING_TYPES
 ];
+const getIndentTypes = editor => {
+    let indentTypes = editor.extraIndentOptions ? editor.extraIndentOptions.indentTypes : [];
+    return mergIndentTypes(includesIndentTypes, indentTypes);
+};
 const IndentEditor = {
     setIndent(editor) {
         const nodes = Array.from(Editor.nodes(editor, {
             mode: 'highest',
-            match: n => Element$1.isElement(n) && includesIndentTypes.includes(n.type)
+            match: n => Element$1.isElement(n) && getIndentTypes(editor).includes(n.type)
         }));
         const [startBlock] = nodes;
         if (startBlock) {
@@ -11731,7 +11836,7 @@ const IndentEditor = {
             if (indent <= MaxIndent) {
                 Transforms.setNodes(editor, { indent }, {
                     mode: 'highest',
-                    match: n => Element$1.isElement(n) && includesIndentTypes.includes(n.type)
+                    match: n => Element$1.isElement(n) && getIndentTypes(editor).includes(n.type)
                 });
             }
         }
@@ -11739,7 +11844,7 @@ const IndentEditor = {
     cancelIndent(editor) {
         const nodes = Array.from(Editor.nodes(editor, {
             mode: 'highest',
-            match: n => Element$1.isElement(n) && includesIndentTypes.includes(n.type)
+            match: n => Element$1.isElement(n) && getIndentTypes(editor).includes(n.type)
         }));
         const [startBlock] = nodes;
         if (startBlock) {
@@ -11747,7 +11852,7 @@ const IndentEditor = {
             indent = indent === 1 ? null : (indent -= 1);
             Transforms.setNodes(editor, { indent }, {
                 mode: 'highest',
-                match: n => Element$1.isElement(n) && includesIndentTypes.includes(n.type)
+                match: n => Element$1.isElement(n) && getIndentTypes(editor).includes(n.type)
             });
         }
     },
@@ -11779,15 +11884,8 @@ const IndentEditor = {
     },
     isDisabled(editor) {
         if (editor.selection) {
-            const allowGroup = [
-                ElementKinds.paragraph,
-                ElementKinds.numberedList,
-                ElementKinds.bulletedList,
-                ElementKinds.checkItem,
-                ...HEADING_TYPES
-            ];
             const 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;
     }
@@ -11817,67 +11915,6 @@ const IndentOptions = [
     }
 ];
 
-const onKeydownTextIndent = (editor, event, kinds) => {
-    const { selection } = editor;
-    const isExpanded = Range.isExpanded(selection);
-    const nodes = Array.from(Editor.nodes(editor, {
-        mode: 'highest',
-        match: node => Element$1.isElement(node) && kinds.includes(node.type)
-    }));
-    const [startBlock] = nodes;
-    if (!startBlock) {
-        return false;
-    }
-    const [block, path] = startBlock;
-    const isStart = Editor.isStart(editor, selection.anchor, path);
-    const textIndentDisable = [ElementKinds.bulletedList, ElementKinds.numberedList, ElementKinds.checkItem];
-    if (isKeyHotkey('Tab', event)) {
-        event.preventDefault();
-        if (startBlock && (isExpanded || isStart)) {
-            if (!editor.isVoid(block)) {
-                let { textIndent, type } = block;
-                // 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 (isKeyHotkey('shift+Tab', event)) {
-        if (startBlock && (isExpanded || isStart)) {
-            if (!editor.isVoid(block)) {
-                return IndentEditor.cancelTextIntent(editor, event, block, kinds);
-            }
-        }
-    }
-    if (selection && Range.isCollapsed(selection) && hotkeys.isDeleteBackward(event)) {
-        if (startBlock && isStart) {
-            return IndentEditor.cancelTextIntent(editor, event, block, kinds);
-        }
-    }
-    return false;
-};
-
-const withIndent = (kinds) => (editor) => {
-    const { onKeydown } = editor;
-    editor.onKeydown = (event) => {
-        const isContinue = !onKeydownTextIndent(editor, event, kinds);
-        if (isContinue) {
-            onKeydown(event);
-        }
-    };
-    return editor;
-};
-
 const internalPlugins = [
     withTheHistory,
     withAutoInsertData(),
@@ -12500,7 +12537,11 @@ class TheQuickInsertComponent {
     handleClick(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);
     }
 }
 TheQuickInsertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: TheQuickInsertComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -12773,12 +12814,13 @@ class TheEditorComponent extends mixinUnsubscribe(MixinBase) {
         super.ngOnDestroy();
     }
     initialize() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         this.editor = withTheEditor(this.thePlugins, withHistory(withAngular(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,