@worktile/theia 20.0.0-next.8 → 20.0.0

package/fesm2022/worktile-theia.mjs

@@ -10,7 +10,7 @@ import { cloneDeep, map, assign, defaults, groupBy, uniq, isEqual } from 'lodash
 export { assign, cloneDeep, debounce, defaults, groupBy, isEqual, map, uniq } from 'lodash';
 import { Editor, Element, Span, Range, Path, Node, Point, Text, Transforms, Operation, createEditor } from 'slate';
 import * as i4 from 'slate-angular';
-import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, hasBlockCard, isCardLeft, SlateChildrenOutlet, BaseElementFlavour, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, withAngular } from 'slate-angular';
+import { FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, getClipboardData, AngularEditor, hotkeys, getPlainText as getPlainText$1, createClipboardData, setClipboardData, BaseElementComponent, IS_SAFARI, ELEMENT_TO_COMPONENT, SlateModule, BaseElementFlavour, hasBlockCard, isCardLeft, DefaultTextFlavour, defaultScrollSelectionIntoView, getDataTransferClipboard, withAngular } from 'slate-angular';
 import { HistoryEditor, withHistory } from 'slate-history';
 import { NODE_TO_PARENT, NODE_TO_INDEX, NODE_TO_ELEMENT, DOMEditor, EDITOR_TO_ELEMENT } from 'slate-dom';
 import { TheiaConverter } from '@atinc/selene';
@@ -2462,6 +2462,16 @@ function toggleHeadingRelatedElement(editor, element, isVisible) {
         }
     }
 }
+function createBreakBarChar() {
+    const span = document.createElement('span');
+    span.contentEditable = 'false';
+    span.classList.add('the-break-char');
+    // Put this at the start and end of an inline component to work around this Chromium bug:
+    // https://bugs.chromium.org/p/chromium/issues/detail?id=1249405
+    const inlineChromiumBugfix = String.fromCodePoint(160);
+    span.textContent = inlineChromiumBugfix;
+    return span;
+}
 
 class TheBaseElement extends BaseElementComponent {
     onContextChange() {
@@ -12438,7 +12448,7 @@ const defaultAutoFormatRules = [
         format: (editor, markup) => {
             let startIndex = 1;
             if (markup) {
-                startIndex = markup[0].split('.')[0];
+                startIndex = Number(markup[0].split('.')[0]);
                 if (startIndex === 0) {
                     startIndex = 1;
                 }
@@ -12655,24 +12665,108 @@ const createAutoFormatPlugin = createPluginFactory({
     }
 });
 
-class TheBlockquote extends TheBaseElement {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheBlockquote, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheBlockquote, isStandalone: true, selector: "blockquote[theBlockquote]", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+class TheBaseFlavourElement extends BaseElementFlavour {
+    constructor() {
+        super(...arguments);
+        this.destroy$ = new Subject();
+    }
+    takeUntilDestroyed() {
+        return takeUntil(this.destroy$);
+    }
+    toggleClassNames() {
+        if (this.selection && this.editor && this.editor.isVoid(this.element)) {
+            this.nativeElement.classList.add(`slate-selected-element`);
+            if (this.isCollapsed && isGlobalCollapsed(this.editor)) {
+                this.nativeElement.classList.add(`slate-focus-element`);
+            }
+            else {
+                this.nativeElement.classList.remove(`slate-focus-element`);
+            }
+        }
+        else {
+            this.nativeElement.classList.remove(`slate-selected-element`);
+            this.nativeElement.classList.remove(`slate-focus-element`);
+        }
+    }
+    toggleIndent() {
+        if (this.element?.indent) {
+            this.nativeElement.setAttribute('the-indent', this.element.indent.toString());
+        }
+        else {
+            this.nativeElement.removeAttribute('the-indent');
+        }
+    }
+    toggleStyles() {
+        if (this.element?.align) {
+            this.nativeElement.style.textAlign = this.element.align;
+        }
+        else {
+            this.nativeElement.style.textAlign = '';
+        }
+        if (this.element?.textIndent) {
+            this.nativeElement.style.textIndent = this.element.textIndent + 'em';
+        }
+        else {
+            this.nativeElement.style.textIndent = '';
+        }
+    }
+    render() {
+        this.context.attributes['data-slate-key'] = this.context.element.key;
+        const nativeElement = this.createNativeElement();
+        this.nativeElement = nativeElement;
+        const blockClass = this.editor.isInline(this.element) ? 'slate-inline-block' : 'slate-block';
+        this.nativeElement.classList.add(`slate-element-${this.element.type}`, blockClass);
+        this.toggleClassNames();
+        this.toggleStyles();
+    }
+    onInit() {
+        super.onInit();
+        if (this.editor) {
+            const isVisible = this.editor.isVisible(this.element);
+            const isBlockCard = this.editor.isBlockCard(this.element);
+            if (!isVisible) {
+                if (isBlockCard) {
+                    setTimeout(() => {
+                        toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                    }, 0);
+                }
+                else {
+                    toggleHeadingRelatedElement(this.editor, this.element, isVisible);
+                }
+            }
+        }
+    }
+    rerender() {
+        this.toggleClassNames();
+        this.toggleStyles();
+    }
+    onDestroy() {
+        super.onDestroy();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    afterViewInit() {
+        super.afterViewInit();
+        const isBlockCard = this.editor.isBlockCard(this.element);
+        if (isBlockCard) {
+            const blockCardElement = this.nativeElement.closest('slate-block-card');
+            blockCardElement.classList.add(`slate-block-card-${this.element.type}`);
+        }
+    }
+}
+
+class TheBlockquoteFlavour extends TheBaseFlavourElement {
+    createNativeElement() {
+        const element = document.createElement('blockquote');
+        return element;
+    }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheBlockquote, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'blockquote[theBlockquote]',
-                    template: ``,
-                    standalone: true
-                }]
-        }] });
 
 const withBlockquote = (editor) => {
     const { renderElement, deleteBackward, insertBreak, isContainer } = editor;
     editor.renderElement = (element) => {
         if (element.type === ElementKinds.blockquote) {
-            return TheBlockquote;
+            return TheBlockquoteFlavour;
         }
         return renderElement(element);
     };
@@ -14041,36 +14135,23 @@ const createHeadingPlugin = (locale) => createPluginFactory({
     options: headingOptions
 })();
 
-class TheHr extends TheBaseElement {
-    ngAfterViewInit() {
-        setTimeout(() => {
-            const blockCardElement = this.nativeElement.closest('slate-block-card');
-            if (blockCardElement) {
-                blockCardElement.classList.add(`slate-block-card-${this.element.type}`);
-            }
-        });
+class TheHrFlavour extends TheBaseFlavourElement {
+    createNativeElement() {
+        const element = document.createElement('div');
+        return element;
+    }
+    onInit() {
+        super.onInit();
+        const hrElement = document.createElement('hr');
+        this.nativeElement.appendChild(hrElement);
+    }
+    render() {
+        super.render();
+    }
+    rerender() {
+        super.rerender();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheHr, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheHr, isStandalone: true, selector: "the-hr, [theHr]", usesInheritance: true, ngImport: i0, template: `
-        <div class="the-hr" contenteditable="false" [ngClass]="{ active: isCollapsedAndNonReadonly }">
-            <hr class="the-hr" />
-            <slate-children-outlet></slate-children-outlet>
-        </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SlateChildrenOutlet, selector: "slate-children-outlet" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheHr, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'the-hr, [theHr]',
-                    template: `
-        <div class="the-hr" contenteditable="false" [ngClass]="{ active: isCollapsedAndNonReadonly }">
-            <hr class="the-hr" />
-            <slate-children-outlet></slate-children-outlet>
-        </div>
-    `,
-                    imports: [NgClass, SlateChildrenOutlet]
-                }]
-        }] });
 
 const withHr = (editor) => {
     const { isVoid, isBlockCard, renderElement } = editor;
@@ -14085,7 +14166,7 @@ const withHr = (editor) => {
     };
     editor.renderElement = (element) => {
         if (element.type === ElementKinds.hr) {
-            return TheHr;
+            return TheHrFlavour;
         }
         return renderElement(element);
     };
@@ -14763,28 +14844,18 @@ const withRemoveEmptyNodes = (options) => (editor) => {
     return editor;
 };
 
-class TheInlineCode extends TheBaseElement {
-    constructor() {
-        super(...arguments);
-        // Put this at the start and end of an inline component to work around this Chromium bug:
-        // https://bugs.chromium.org/p/chromium/issues/detail?id=1249405
-        this.inlineChromiumBugfix = String.fromCodePoint(160);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheInlineCode, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheInlineCode, isStandalone: true, selector: "span[theInlineCode]", usesInheritance: true, ngImport: i0, template: `<span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>
-        <slate-children-outlet></slate-children-outlet>
-        <span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>`, isInline: true, dependencies: [{ kind: "component", type: SlateChildrenOutlet, selector: "slate-children-outlet" }] }); }
+class TheInlineCodeFlavour extends TheBaseFlavourElement {
+    createNativeElement() {
+        return document.createElement('span');
+    }
+    onInit() {
+        super.onInit();
+        const before = createBreakBarChar();
+        const after = createBreakBarChar();
+        this.nativeElement.prepend(before);
+        this.nativeElement.appendChild(after);
+    }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheInlineCode, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'span[theInlineCode]',
-                    template: `<span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>
-        <slate-children-outlet></slate-children-outlet>
-        <span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>`,
-                    imports: [SlateChildrenOutlet]
-                }]
-        }] });
 
 const withInlineCode = (editor) => {
     const { isInline, renderElement, insertText } = editor;
@@ -14793,7 +14864,7 @@ const withInlineCode = (editor) => {
     };
     editor.renderElement = (element) => {
         if (element.type === ElementKinds.inlineCode) {
-            return TheInlineCode;
+            return TheInlineCodeFlavour;
         }
         return renderElement(element);
     };
@@ -14845,6 +14916,38 @@ const createInlineCodePlugin = (locale) => createPluginFactory({
     }
 })();
 
+class TheLinkHover {
+    constructor() {
+        this.link = '';
+        this.aTagRelAttr = A_TAG_REL_ATTR;
+    }
+    ngOnInit() { }
+    editLink(event) {
+        event.preventDefault();
+        this.editHandle();
+        event.stopPropagation();
+    }
+    removeLink(event) {
+        event.preventDefault();
+        this.deleteHandle();
+        event.stopPropagation();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheLinkHover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheLinkHover, isStandalone: true, selector: "the-link-hover", inputs: { link: "link", dom: "dom", editHandle: "editHandle", deleteHandle: "deleteHandle" }, ngImport: i0, template: "<div class=\"link-hover-card px-1\">\n  <a readonly href=\"{{ link }}\" target=\"_blank\" rel=\"{{ aTagRelAttr }}\" class=\"hover-control-plaintext text-truncate mx-2\">\n    {{ link }}\n  </a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"edit\" thePreventDefault (click)=\"editLink($event)\"></a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"unlink-insert\" thePreventDefault (click)=\"removeLink($event)\"></a>\n</div>\n", dependencies: [{ kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheLinkHover, decorators: [{
+            type: Component,
+            args: [{ selector: 'the-link-hover', imports: [ThyDivider, ThyAction, ThePreventDefaultDirective], template: "<div class=\"link-hover-card px-1\">\n  <a readonly href=\"{{ link }}\" target=\"_blank\" rel=\"{{ aTagRelAttr }}\" class=\"hover-control-plaintext text-truncate mx-2\">\n    {{ link }}\n  </a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"edit\" thePreventDefault (click)=\"editLink($event)\"></a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"unlink-insert\" thePreventDefault (click)=\"removeLink($event)\"></a>\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { link: [{
+                type: Input
+            }], dom: [{
+                type: Input
+            }], editHandle: [{
+                type: Input
+            }], deleteHandle: [{
+                type: Input
+            }] } });
+
 class TheLinkEdit {
     handleDocumentMouseDown(event) {
         if (!document.querySelector('.the-link-edit-container').contains(event.target)) {
@@ -14934,89 +15037,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 args: ['document: mousedown', ['$event']]
             }] } });
 
-class TheLinkHover {
-    constructor() {
-        this.link = '';
-        this.aTagRelAttr = A_TAG_REL_ATTR;
-    }
-    ngOnInit() { }
-    editLink(event) {
-        event.preventDefault();
-        this.editHandle();
-        event.stopPropagation();
-    }
-    removeLink(event) {
-        event.preventDefault();
-        this.deleteHandle();
-        event.stopPropagation();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheLinkHover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheLinkHover, isStandalone: true, selector: "the-link-hover", inputs: { link: "link", dom: "dom", editHandle: "editHandle", deleteHandle: "deleteHandle" }, ngImport: i0, template: "<div class=\"link-hover-card px-1\">\n  <a readonly href=\"{{ link }}\" target=\"_blank\" rel=\"{{ aTagRelAttr }}\" class=\"hover-control-plaintext text-truncate mx-2\">\n    {{ link }}\n  </a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"edit\" thePreventDefault (click)=\"editLink($event)\"></a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"unlink-insert\" thePreventDefault (click)=\"removeLink($event)\"></a>\n</div>\n", dependencies: [{ kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheLinkHover, decorators: [{
-            type: Component,
-            args: [{ selector: 'the-link-hover', imports: [ThyDivider, ThyAction, ThePreventDefaultDirective], template: "<div class=\"link-hover-card px-1\">\n  <a readonly href=\"{{ link }}\" target=\"_blank\" rel=\"{{ aTagRelAttr }}\" class=\"hover-control-plaintext text-truncate mx-2\">\n    {{ link }}\n  </a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"edit\" thePreventDefault (click)=\"editLink($event)\"></a>\n  <thy-divider class=\"mx-2\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n  <a href=\"javascript:;\" thyAction thyActionIcon=\"unlink-insert\" thePreventDefault (click)=\"removeLink($event)\"></a>\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { link: [{
-                type: Input
-            }], dom: [{
-                type: Input
-            }], editHandle: [{
-                type: Input
-            }], deleteHandle: [{
-                type: Input
-            }] } });
-
-class TheBaseLink extends TheBaseElement {
-    constructor() {
-        super(...arguments);
-        this.thyPopover = inject(ThyPopover);
-        this.overlay = inject(Overlay);
-        this.beforeContextChange = (value) => {
-            if (this.thyPopoverEditRef && this.thyPopoverEditRef.componentInstance) {
-                let { originText } = this.thyPopoverEditRef.componentInstance;
-                if (originText && originText !== value.element.children[0].text) {
-                    this.thyPopoverEditRef.componentInstance.originText = value.element.children[0].text;
-                }
-            }
-        };
-    }
+class TheLinkFlavour extends TheBaseFlavourElement {
     get linkHoverOpened() {
         return this.thyPopoverHoverRef && this.thyPopoverHoverRef.componentInstance;
     }
     get linkEditOpened() {
         return this.thyPopoverEditRef && this.thyPopoverEditRef.componentInstance;
     }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    closeHoverPopover() {
-        if (this.linkHoverOpened) {
-            this.thyPopoverHoverRef.close();
-        }
-    }
-    mousedownHandle(event) {
-        if (!this.readonly && !this.editor.disabled && !isMobileMode(this.editor)) {
-            this.openLinkHover();
-        }
-    }
-    openLinkEdit(tag) {
-        if (this.linkHoverOpened) {
-            this.thyPopoverHoverRef.afterClosed().subscribe(() => {
-                this.internalOpenLinkEdit(tag);
-            });
-            this.thyPopover.close();
-        }
-        else {
-            this.internalOpenLinkEdit(tag);
-        }
-    }
-    isLinkEditOpenedByDom(dom) {
-        return this.linkEditOpened && this.thyPopoverEditRef.componentInstance.dom === dom;
+    createNativeElement() {
+        const element = document.createElement('a');
+        element.href = this.element.url;
+        element.target = '_blank';
+        return element;
     }
-    closeEditPopover(type) {
-        if (this.linkEditOpened) {
-            this.thyPopoverEditRef.close(type);
-        }
+    onInit() {
+        super.onInit();
+        const before = createBreakBarChar();
+        const after = createBreakBarChar();
+        this.nativeElement.prepend(before);
+        this.nativeElement.appendChild(after);
+        this.thyPopover = this.viewContainerRef.injector.get(ThyPopover);
+        this.overlay = this.viewContainerRef.injector.get(Overlay);
+        fromEvent(this.nativeElement, 'click')
+            .pipe(this.takeUntilDestroyed())
+            .subscribe(() => {
+            if (!this.readonly && !this.editor.disabled && !isMobileMode(this.editor)) {
+                this.openLinkHover();
+            }
+        });
     }
     openLinkHover() {
         const dom = this.nativeElement;
@@ -15047,6 +15095,17 @@ class TheBaseLink extends TheBaseElement {
             panelClass: 'the-link-over'
         });
     }
+    openLinkEdit(tag) {
+        if (this.linkHoverOpened) {
+            this.thyPopoverHoverRef.afterClosed().subscribe(() => {
+                this.internalOpenLinkEdit(tag);
+            });
+            this.thyPopover.close();
+        }
+        else {
+            this.internalOpenLinkEdit(tag);
+        }
+    }
     internalOpenLinkEdit(tag) {
         const link = this.element.url;
         Node.get(this.editor, this.editor.selection.focus.path);
@@ -15060,7 +15119,7 @@ class TheBaseLink extends TheBaseElement {
                 originSelection: this.editor.selection
             },
             minWidth: 0,
-            origin: this.elementRef.nativeElement,
+            origin: this.nativeElement,
             backdropClosable: true,
             placement: 'bottomLeft',
             offset: 4,
@@ -15070,60 +15129,13 @@ class TheBaseLink extends TheBaseElement {
             scrollStrategy: this.overlay.scrollStrategies.reposition(),
             panelClass: 'the-link-edit'
         });
-        this.cdr.markForCheck();
     }
-    close(type) {
-        this.closeHoverPopover();
-        this.closeEditPopover(type);
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.close(LinkCloseTypes.destroy);
+    closeHoverPopover() {
+        if (this.linkHoverOpened) {
+            this.thyPopoverHoverRef.close();
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheBaseLink, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheBaseLink, isStandalone: true, selector: "ng-component", host: { listeners: { "click": "mousedownHandle($event)" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheBaseLink, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], propDecorators: { mousedownHandle: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-class TheLink extends TheBaseLink {
-    constructor() {
-        super(...arguments);
-        this.getOutletParent = () => {
-            return this.outletParent.nativeElement;
-        };
-        // Put this at the start and end of an inline component to work around this Chromium bug:
-        // https://bugs.chromium.org/p/chromium/issues/detail?id=1249405
-        this.inlineChromiumBugfix = String.fromCodePoint(160);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheLink, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheLink, isStandalone: true, selector: "a[theLink]", host: { attributes: { "target": "_blank" }, properties: { "attr.href": "element.url" } }, viewQueries: [{ propertyName: "outletParent", first: true, predicate: ["outletParent"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: ` <span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>
-        <span #outletParent></span>
-        <span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>`, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheLink, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'a[theLink]',
-                    template: ` <span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>
-        <span #outletParent></span>
-        <span contenteditable="false" class="the-break-char">{{ inlineChromiumBugfix }}</span>`,
-                    host: {
-                        '[attr.href]': 'element.url',
-                        target: '_blank'
-                    },
-                    standalone: true
-                }]
-        }], propDecorators: { outletParent: [{
-                type: ViewChild,
-                args: ['outletParent', { read: ElementRef, static: true }]
-            }] } });
 
 const withLink = (editor) => {
     const { insertText, isInline, customInsertFragmentData, renderElement } = editor;
@@ -15164,7 +15176,7 @@ const withLink = (editor) => {
     };
     editor.renderElement = (element) => {
         if (element.type === ElementKinds.link) {
-            return TheLink;
+            return TheLinkFlavour;
         }
         return renderElement(element);
     };
@@ -15203,147 +15215,6 @@ const createLinkPlugin = (locale) => createPluginFactory({
     }
 })();
 
-class TheBulletedList extends TheBaseElement {
-    get level() {
-        return this.element?.indent || null;
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheBulletedList, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheBulletedList, isStandalone: true, selector: "ul[theUl]", host: { properties: { "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheBulletedList, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ul[theUl]',
-                    template: ``,
-                    standalone: true
-                }]
-        }], propDecorators: { level: [{
-                type: HostBinding,
-                args: ['attr.the-level']
-            }] } });
-
-class TheListItem extends TheBaseElement {
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    onContextChange() {
-        super.onContextChange();
-        this.addFontSize();
-        this.addMultiDigit();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-    }
-    addFontSize() {
-        let firstText;
-        for (const entry of Node.descendants(this.element)) {
-            const node = entry[0];
-            if (Text.isText(node) && !firstText) {
-                firstText = node;
-                break;
-            }
-        }
-        if (!firstText) {
-            return;
-        }
-        const { text, ...rest } = firstText;
-        const size = rest[MarkTypes.fontSize];
-        if (size) {
-            const sizeClass = `font-size-${size}`;
-            const isContains = this.elementRef.nativeElement?.classList?.contains(sizeClass);
-            if (isContains) {
-                return;
-            }
-            this.clearFontSize();
-            this.elementRef.nativeElement.classList.add(sizeClass);
-            this.fontSizeClass = sizeClass;
-        }
-        else {
-            this.clearFontSize();
-        }
-    }
-    clearFontSize() {
-        if (this.fontSizeClass) {
-            this.elementRef.nativeElement.classList.remove(this.fontSizeClass);
-            this.fontSizeClass = null;
-        }
-    }
-    getStart() {
-        const parent = this.elementRef.nativeElement.closest('.slate-element-numbered-list');
-        const start = parent?.getAttribute('start') || 1;
-        return Number(start);
-    }
-    getLiIndex() {
-        const path = findPath(this.editor, this.element);
-        const index = path[path.length - 1];
-        return index || 0;
-    }
-    addMultiDigit() {
-        const start = this.getStart();
-        const index = this.getLiIndex();
-        const multiDigit = 'data-multi-digit';
-        // start number + index
-        // when it is greater than 9, it is a multi-digit serial number
-        // exclude Font size >= 20
-        if (start + index > 9) {
-            this.elementRef.nativeElement.setAttribute(multiDigit, true);
-        }
-        else {
-            this.elementRef.nativeElement.removeAttribute(multiDigit);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheListItem, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheListItem, isStandalone: true, selector: "li[theLi]", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheListItem, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'li[theLi]',
-                    template: ``,
-                    standalone: true
-                }]
-        }] });
-
-class TheNumberedList extends TheBaseElement {
-    get start() {
-        return this.element.start;
-    }
-    get level() {
-        return this.element?.indent || null;
-    }
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-        super.ngOnInit();
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheNumberedList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TheNumberedList, isStandalone: true, selector: "ol[theOl]", host: { properties: { "attr.start": "this.start", "attr.the-level": "this.level" } }, usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TheNumberedList, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ol[theOl]',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [], propDecorators: { start: [{
-                type: HostBinding,
-                args: ['attr.start']
-            }], level: [{
-                type: HostBinding,
-                args: ['attr.the-level']
-            }] } });
-
 const getListTypes = () => {
     return [ElementKinds.bulletedList, ElementKinds.numberedList];
 };
@@ -15916,6 +15787,107 @@ const unwrapList = (editor) => {
     });
 };
 
+class TheULFlavour extends TheBaseFlavourElement {
+    createNativeElement() {
+        const element = document.createElement('ul');
+        return element;
+    }
+    render() {
+        super.render();
+        toggleProperty(this.nativeElement, 'the-level', this.element.indent || null);
+    }
+    rerender() {
+        super.rerender();
+        toggleProperty(this.nativeElement, 'the-level', this.element.indent || null);
+    }
+}
+class TheOLFlavour extends TheBaseFlavourElement {
+    createNativeElement() {
+        const element = document.createElement('ol');
+        return element;
+    }
+    render() {
+        super.render();
+        toggleProperty(this.nativeElement, 'the-level', this.element.indent || null);
+        toggleProperty(this.nativeElement, 'start', this.element.start || null);
+    }
+    rerender() {
+        super.rerender();
+        toggleProperty(this.nativeElement, 'the-level', this.element.indent || null);
+        toggleProperty(this.nativeElement, 'start', this.element.start || null);
+    }
+}
+class TheLIFlavour extends TheBaseFlavourElement {
+    constructor() {
+        super(...arguments);
+        this.currentFontSizeClass = '';
+    }
+    createNativeElement() {
+        const element = document.createElement('li');
+        return element;
+    }
+    render() {
+        super.render();
+        this.addFontSize();
+        this.addMultiDigit();
+    }
+    rerender() {
+        super.rerender();
+        this.addFontSize();
+        this.addMultiDigit();
+    }
+    addFontSize() {
+        let firstText;
+        for (const entry of Node.descendants(this.element)) {
+            const node = entry[0];
+            if (Text.isText(node) && !firstText) {
+                firstText = node;
+                break;
+            }
+        }
+        if (!firstText) {
+            return;
+        }
+        const { text, ...rest } = firstText;
+        const size = rest[MarkTypes.fontSize];
+        if (size) {
+            const sizeClass = `font-size-${size}`;
+            const isContains = this.nativeElement?.classList?.contains(sizeClass);
+            if (isContains) {
+                return;
+            }
+            this.clearFontSize();
+            this.nativeElement.classList.add(sizeClass);
+            this.currentFontSizeClass = sizeClass;
+        }
+        else {
+            this.clearFontSize();
+        }
+    }
+    clearFontSize() {
+        if (this.currentFontSizeClass) {
+            this.nativeElement.classList.remove(this.currentFontSizeClass);
+            this.currentFontSizeClass = '';
+        }
+    }
+    getParentStartAndCurrentIndex() {
+        const path = findPath(this.editor, this.element);
+        const currentIndex = path[path.length - 1];
+        const parentElement = Node.get(this.editor, Path.parent(path));
+        const start = Number((parentElement.type === ElementKinds.numberedList && parentElement.start) || 1);
+        return { start, currentIndex };
+    }
+    addMultiDigit() {
+        const { start, currentIndex } = this.getParentStartAndCurrentIndex();
+        const multiDigit = 'data-multi-digit';
+        console.log('start', start, 'currentIndex', currentIndex);
+        // start number + index
+        // when it is greater than 9, it is a multi-digit serial number
+        // exclude Font size >= 20
+        toggleProperty(this.nativeElement, multiDigit, start + currentIndex > 9 ? 'true' : null);
+    }
+}
+
 const withList = (editor) => {
     const { insertBreak, deleteBackward, onKeydown, customInsertFragmentData, setFragmentData, renderElement } = editor;
     const validLiChildrenTypes = getPluginOptions(editor, PluginKeys.list)?.validLiChildrenTypes ?? [];
@@ -16111,13 +16083,13 @@ const withList = (editor) => {
     editor.normalizeNode = getListNormalizer(editor, { validLiChildrenTypes: validLiChildrenTypes });
     editor.renderElement = (element) => {
         if (element.type === ElementKinds.numberedList) {
-            return TheNumberedList;
+            return TheOLFlavour;
         }
         if (element.type === ElementKinds.bulletedList) {
-            return TheBulletedList;
+            return TheULFlavour;
         }
         if (element.type === ElementKinds.listItem) {
-            return TheListItem;
+            return TheLIFlavour;
         }
         return renderElement(element);
     };
@@ -16813,88 +16785,6 @@ const normalizeTable = (table) => {
     return table;
 };
 
-class TheBaseFlavourElement extends BaseElementFlavour {
-    constructor() {
-        super(...arguments);
-        this.destroy$ = new Subject();
-    }
-    takeUntilDestroyed() {
-        return takeUntil(this.destroy$);
-    }
-    toggleClassNames() {
-        if (this.selection && this.editor && this.editor.isVoid(this.element)) {
-            this.nativeElement.classList.add(`slate-selected-element`);
-            if (this.isCollapsed && isGlobalCollapsed(this.editor)) {
-                this.nativeElement.classList.add(`slate-focus-element`);
-            }
-            else {
-                this.nativeElement.classList.remove(`slate-focus-element`);
-            }
-        }
-        else {
-            this.nativeElement.classList.remove(`slate-selected-element`);
-            this.nativeElement.classList.remove(`slate-focus-element`);
-        }
-    }
-    toggleIndent() {
-        if (this.element?.indent) {
-            this.nativeElement.setAttribute('the-indent', this.element.indent.toString());
-        }
-        else {
-            this.nativeElement.removeAttribute('the-indent');
-        }
-    }
-    toggleStyles() {
-        if (this.element?.align) {
-            this.nativeElement.style.textAlign = this.element.align;
-        }
-        else {
-            this.nativeElement.style.textAlign = '';
-        }
-        if (this.element?.textIndent) {
-            this.nativeElement.style.textIndent = this.element.textIndent + 'em';
-        }
-        else {
-            this.nativeElement.style.textIndent = '';
-        }
-    }
-    render() {
-        this.context.attributes['data-slate-key'] = this.context.element.key;
-        const nativeElement = this.createNativeElement();
-        this.nativeElement = nativeElement;
-        const blockClass = this.editor.isInline(this.element) ? 'slate-inline-block' : 'slate-block';
-        this.nativeElement.classList.add(`slate-element-${this.element.type}`, blockClass);
-        this.toggleClassNames();
-        this.toggleStyles();
-    }
-    onInit() {
-        super.onInit();
-        if (this.editor) {
-            const isVisible = this.editor.isVisible(this.element);
-            const isBlockCard = this.editor.isBlockCard(this.element);
-            if (!isVisible) {
-                if (isBlockCard) {
-                    setTimeout(() => {
-                        toggleHeadingRelatedElement(this.editor, this.element, isVisible);
-                    }, 0);
-                }
-                else {
-                    toggleHeadingRelatedElement(this.editor, this.element, isVisible);
-                }
-            }
-        }
-    }
-    rerender() {
-        this.toggleClassNames();
-        this.toggleStyles();
-    }
-    onDestroy() {
-        super.onDestroy();
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-
 class TableRowFlavour extends TheBaseFlavourElement {
     createNativeElement() {
         return document.createElement('tr');
@@ -18954,5 +18844,5 @@ const withTestPlugin = (plugins, initValue) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BLOCK_HIDDEN_CLASS, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeaderLevelMap, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LOWEST_TEXT_CONTAINER_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheCode, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTable, TheTableSelect, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, bottomRightPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, extractFragmentByHTML, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getCollapsedStandardHeadingAbove, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getFollowElements, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getPreviousRelatedHeadingElements, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, hasNumberedColumn, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isStandardHeadingElement, isStandardHeadingElementByType, isUrl, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleClass, toggleHeadingRelatedElement, toggleProperty, toggleStyle, topLeftPosition, topRightPosition, uniqueCellPosition, updatePopoverPosition, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BLOCK_HIDDEN_CLASS, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeaderLevelMap, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LOWEST_TEXT_CONTAINER_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheCode, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTable, TheTableSelect, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, bottomRightPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createBreakBarChar, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, expandPreviousHeadings, extractFragment, extractFragmentByHTML, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getCollapsedStandardHeadingAbove, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getFollowElements, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getPreviousRelatedHeadingElements, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, hasNumberedColumn, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isHeadingElement, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isStandardHeadingElement, isStandardHeadingElementByType, isUrl, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, toggleClass, toggleHeadingRelatedElement, toggleProperty, toggleStyle, topLeftPosition, topRightPosition, uniqueCellPosition, updatePopoverPosition, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
 //# sourceMappingURL=worktile-theia.mjs.map