@worktile/theia 17.4.7 → 17.4.8

package/fesm2022/worktile-theia.mjs

@@ -1,10 +1,10 @@
 import { NgIf, NgFor, NgStyle, NgTemplateOutlet, NgClass, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, Directive, Input, HostBinding, ViewChild, HostListener, ViewContainerRef, Inject, TemplateRef, ChangeDetectionStrategy, Optional, SkipSelf, ContentChildren, forwardRef, EventEmitter, Output, Pipe, Injectable, ElementRef, ChangeDetectorRef, inject, Renderer2, ViewChildren, NgModule } from '@angular/core';
+import { InjectionToken, Component, Directive, Input, HostBinding, ViewChild, HostListener, ViewContainerRef, Inject, TemplateRef, ChangeDetectionStrategy, Optional, SkipSelf, ContentChildren, forwardRef, EventEmitter, inject, NgZone, ElementRef, DestroyRef, Output, Pipe, Injectable, ChangeDetectorRef, Renderer2, viewChild, ViewChildren, NgModule } from '@angular/core';
 import { ThyDivider } from 'ngx-tethys/divider';
 import { ThyAction, ThyActions } from 'ngx-tethys/action';
 import { ThyDropdownMenuItemDirective, ThyDropdownMenuDivider, ThyDropdownMenuItemNameDirective, ThyDropdownMenuItemIconDirective, ThyDropdownMenuItemActiveDirective, ThyDropdownDirective, ThyDropdownMenuComponent, ThyDropdownMenuGroup, ThyDropdownMenuItemExtendIconDirective } from 'ngx-tethys/dropdown';
-import * as i2$2 from 'ngx-tethys/icon';
+import * as i2$3 from 'ngx-tethys/icon';
 import { ThyIcon, ThyIconRegistry } from 'ngx-tethys/icon';
 import { cloneDeep, map, assign, defaults, groupBy, uniq, isEqual } from 'lodash';
 export { assign, cloneDeep, debounce, defaults, groupBy, isEqual, map, uniq } from 'lodash';
@@ -15,17 +15,18 @@ import { HistoryEditor, withHistory } from 'slate-history';
 import { TheiaConverter } from '@atinc/selene';
 import { isObject, isArray, isString, isUndefined } from 'ngx-tethys/util';
 import * as i1 from 'ngx-tethys/popover';
-import { ThyPopover, ThyPopoverDirective, ThyPopoverModule } from 'ngx-tethys/popover';
+import { ThyPopover, ThyPopoverRef, ThyPopoverDirective, ThyPopoverModule } from 'ngx-tethys/popover';
 import * as i2 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
 import { ThyTooltipDirective, THY_TOOLTIP_DEFAULT_CONFIG_PROVIDER, ThyTooltipModule } from 'ngx-tethys/tooltip';
 import { DOWN_ARROW, UP_ARROW, RIGHT_ARROW, LEFT_ARROW, ENTER } from '@angular/cdk/keycodes';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { fromEvent, Subject, combineLatest, Observable, merge, ReplaySubject, timer, firstValueFrom, BehaviorSubject } from 'rxjs';
 import { debounceTime, takeUntil, startWith, distinctUntilChanged, skip, map as map$1, share, filter, take, mapTo, pairwise, delay } from 'rxjs/operators';
 import * as i2$1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ScrollToService } from 'ngx-tethys/core';
-import * as i3 from 'ngx-tethys/empty';
+import * as i2$2 from 'ngx-tethys/empty';
 import { ThyEmptyModule } from 'ngx-tethys/empty';
 import { ThyInputSearch, ThyInputDirective } from 'ngx-tethys/input';
 import { isKeyHotkey } from 'is-hotkey';
@@ -35,7 +36,6 @@ import { marked } from 'marked';
 import { ThyColorPickerDirective } from 'ngx-tethys/color-picker';
 import { ThyInputNumber } from 'ngx-tethys/input-number';
 import { ThyEnterDirective, ThyStopPropagationDirective, ThyAutofocusDirective } from 'ngx-tethys/shared';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
 import * as i1$2 from 'ngx-tethys/image';
 import { ThyImageService, ThyImageDirective, ThyImageGroup } from 'ngx-tethys/image';
@@ -51,7 +51,7 @@ import { ThyButton } from 'ngx-tethys/button';
 import { ThyFormDirective, ThyFormGroup, ThyFormSubmitDirective, ThyFormGroupFooter } from 'ngx-tethys/form';
 import { PortalInjector, ComponentPortal } from '@angular/cdk/portal';
 import * as i1$3 from '@angular/platform-browser';
-import * as i2$3 from '@angular/common/http';
+import * as i2$4 from '@angular/common/http';
 
 const PICTURE_ACCEPTED_UPLOAD_MIME = ['image/png', 'image/jpeg', 'image/gif', 'image/bmp', 'image/svg+xml'];
 const PICTURE_ACCEPTED_UPLOAD_SIZE = 50;
@@ -62,6 +62,7 @@ const CLIPBOARD_FORMAT_KEY = 'x-theia-fragment';
 const DEFAULT_SCROLL_CONTAINER = '.the-editable-container';
 const ELEMENT_UNIQUE_ID = 'key';
 const ZERO_WIDTH_CHAR = '\u200B';
+const QUICK_INSERT_HOTKEY = '/';
 
 var ElementKinds;
 (function (ElementKinds) {
@@ -3281,11 +3282,9 @@ class TheListboxOptionDirective {
         this.parentOption = parentOption;
         this.parentGroup = parentGroup;
         this.elementRef = elementRef;
-        this._active = false;
         this.className = 'the-listbox-option';
+        this._active = false;
     }
-    ngOnInit() { }
-    ngAfterContentInit() { }
     getGroups() {
         const groups = [];
         this._options.forEach(option => {
@@ -3338,29 +3337,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 }] }, { type: TheListboxGroupDirective, decorators: [{
                     type: Inject,
                     args: [THE_LISTBOX_PARENT_GROUP_TOKEN]
-                }] }, { type: i0.ElementRef }], propDecorators: { className: [{
+                }] }, { type: i0.ElementRef }], propDecorators: { theOptionValue: [{
+                type: Input
+            }], theOptionDisabled: [{
+                type: Input
+            }], className: [{
                 type: HostBinding,
                 args: ['class']
             }], _options: [{
                 type: ContentChildren,
                 args: [forwardRef(() => TheListboxOptionDirective), { descendants: true }]
-            }], theOptionValue: [{
-                type: Input
-            }], theOptionDisabled: [{
-                type: Input
             }] } });
 class TheListboxGroupDirective {
     constructor(parentOption, theListBox) {
         this.parentOption = parentOption;
         this.theListBox = theListBox;
-        this.className = 'the-listbox-group';
-        this.options = [];
         /**
          * 大于 1 表示水平分组，小于等于 1 表示垂直分组
          */
         this.horizontalColumn = 1;
+        this.className = 'the-listbox-group';
+        this.options = [];
     }
-    ngOnInit() { }
     ngAfterContentInit() {
         this.filterOptions();
     }
@@ -3422,36 +3420,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 }] }, { type: TheListboxDirective, decorators: [{
                     type: Inject,
                     args: [THE_LISTBOX_TOKEN]
-                }] }], propDecorators: { className: [{
+                }] }], propDecorators: { horizontalColumn: [{
+                type: Input
+            }], className: [{
                 type: HostBinding,
                 args: ['class']
             }], _options: [{
                 type: ContentChildren,
                 args: [TheListboxOptionDirective, { descendants: true }]
-            }], horizontalColumn: [{
-                type: Input
             }] } });
 class TheListboxDirective {
-    constructor(ngZone, elementRef) {
-        this.ngZone = ngZone;
-        this.elementRef = elementRef;
-        this.className = 'the-listbox-container';
-        this.groups = [];
+    constructor() {
         this.autoActiveFirstItem = true;
         this.theListboxChange = new EventEmitter();
+        this.className = 'the-listbox-container';
+        this.groups = [];
+        this.ngZone = inject(NgZone);
+        this.elementRef = inject(ElementRef);
+        this.destroyRef = inject(DestroyRef);
     }
-    ngOnInit() { }
     ngAfterContentInit() {
         this.filterGroups();
         if (this.groups.length > 0 && this.autoActiveFirstItem) {
             this.setActiveItem(null, this.groups[0].getFirst(), 'init');
         }
-        this._optionChangesSubscription = this._options.changes.pipe(debounceTime(20)).subscribe(() => {
+        this._options.changes.pipe(debounceTime(20), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
             this.filterGroups();
             this.setActiveItem(this.activeOption, this.groups[0].getFirst(), 'init');
         });
         this.ngZone.runOutsideAngular(() => {
-            this._keyboardSubscription = fromEvent(this.keyboardContainer || this.elementRef.nativeElement, 'keydown').subscribe(event => {
+            fromEvent(this.keyboardContainer || this.elementRef.nativeElement, 'keydown')
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe(event => {
                 this.handleKeydown(event);
             });
         });
@@ -3599,17 +3599,20 @@ class TheListboxDirective {
         this.activeOption = option;
         this.theListboxChange.emit({ option, type });
     }
-    ngOnDestroy() {
-        this._optionChangesSubscription.unsubscribe();
-        this._keyboardSubscription.unsubscribe();
+    getOption(key) {
+        return this._options.find(option => option.theOptionValue?.key === key);
+    }
+    clearActiveItem() {
+        this.activeOption.setActive(false);
+        this.activeOption = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TheListboxDirective, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TheListboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", type: TheListboxDirective, isStandalone: true, selector: "[theListBox]", inputs: { keyboardContainer: "keyboardContainer", autoActiveFirstItem: "autoActiveFirstItem" }, outputs: { theListboxChange: "theListboxChange" }, host: { properties: { "class": "this.className" } }, providers: [
             {
                 provide: THE_LISTBOX_TOKEN,
                 useExisting: TheListboxDirective
             }
-        ], queries: [{ propertyName: "_groups", predicate: TheListboxGroupDirective, descendants: true }, { propertyName: "_options", predicate: TheListboxOptionDirective, descendants: true }], exportAs: ["theListBox"], ngImport: i0 }); }
+        ], queries: [{ propertyName: "_options", predicate: TheListboxOptionDirective, descendants: true }, { propertyName: "_groups", predicate: TheListboxGroupDirective, descendants: true }], exportAs: ["theListBox"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TheListboxDirective, decorators: [{
             type: Directive,
@@ -3624,21 +3627,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                     ],
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ElementRef }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }], _groups: [{
-                type: ContentChildren,
-                args: [TheListboxGroupDirective, { descendants: true }]
-            }], _options: [{
-                type: ContentChildren,
-                args: [TheListboxOptionDirective, { descendants: true }]
-            }], keyboardContainer: [{
+        }], propDecorators: { keyboardContainer: [{
                 type: Input
             }], autoActiveFirstItem: [{
                 type: Input
             }], theListboxChange: [{
                 type: Output
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }], _options: [{
+                type: ContentChildren,
+                args: [TheListboxOptionDirective, { descendants: true }]
+            }], _groups: [{
+                type: ContentChildren,
+                args: [TheListboxGroupDirective, { descendants: true }]
             }] } });
 
 class ThePreventDefaultDirective {
@@ -7021,11 +7024,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
             }] } });
 
 class ThePluginMenuComponent {
-    constructor(elementRef, cdr, ngZone, thyPopoverRef) {
-        this.elementRef = elementRef;
-        this.cdr = cdr;
-        this.ngZone = ngZone;
-        this.thyPopoverRef = thyPopoverRef;
+    constructor() {
+        this.theDisplaySearch = false;
+        this.autoActiveFirstItem = true;
+        this.containerClassName = `the-plugin-menu-container`;
+        this.listBox = viewChild(TheListboxDirective);
         this.listBoxAutoActiveFirstItem = true;
         this.groupMenu = [];
         this.iconMenu = [];
@@ -7045,13 +7048,14 @@ class ThePluginMenuComponent {
             //  避免重写
             originActiveClass: 'thy-popover-origin-active'
         };
-        this.containerClassName = `the-plugin-menu-container`;
-        this.theDisplaySearch = false;
-        this.autoActiveFirstItem = true;
+        this.elementRef = inject((ElementRef));
+        this.ngZone = inject(NgZone);
+        this.cdr = inject(ChangeDetectorRef);
+        this.thyPopoverRef = inject((ThyPopoverRef));
         this.removeBlock = () => {
             const node = Node.get(this.editor, this.editor.selection.anchor.path);
             const nodeString = Node.string(node);
-            const isStartWithHotkey = nodeString.startsWith('/');
+            const isStartWithHotkey = nodeString.startsWith(QUICK_INSERT_HOTKEY);
             const isIncludeKeywords = nodeString.toLocaleLowerCase().trim().includes(this.keyWords);
             if (node && nodeString.length > 0 && (isStartWithHotkey || isIncludeKeywords)) {
                 Editor.deleteBackward(this.editor, { unit: 'block' });
@@ -7060,7 +7064,7 @@ class ThePluginMenuComponent {
         this.removeCharacter = () => {
             const node = Node.get(this.editor, this.editor.selection.anchor.path);
             const nodeString = Node.string(node);
-            const isStartWithHotkey = nodeString.startsWith('/') || nodeString.startsWith('#');
+            const isStartWithHotkey = nodeString.startsWith(QUICK_INSERT_HOTKEY) || nodeString.startsWith('#');
             const isIncludeKeywords = nodeString.toLocaleLowerCase().trim().includes(this.keyWords);
             if (this.originKeywords?.length > 0 && (isStartWithHotkey || isIncludeKeywords)) {
                 Transforms.delete(this.editor, { distance: this.originKeywords.length, reverse: true });
@@ -7145,6 +7149,20 @@ class ThePluginMenuComponent {
         }
         this.cdr.markForCheck();
     }
+    listBoxOptionMouseenter(e, menu) {
+        e.preventDefault();
+        const listBox = this.listBox();
+        if (listBox) {
+            const activeOption = listBox.activeOption;
+            const newActiveOption = listBox.getOption(menu?.key);
+            listBox.setActiveItem(activeOption, newActiveOption, 'turn');
+        }
+    }
+    listBoxOptionMouseleave(e, menu) {
+        e.preventDefault();
+        const listBox = this.listBox();
+        listBox?.clearActiveItem();
+    }
     handleItemSelection(menuItem) {
         if (menuItem.isDisabled && menuItem.isDisabled(this.editor)) {
             return;
@@ -7170,22 +7188,27 @@ class ThePluginMenuComponent {
             this.scrollContainer.scrollTop = 0;
         }
     }
-    theListboxChange(event) {
-        if (event.type === 'select') {
-            this.handleItemSelection(event.option.theOptionValue);
-        }
-        if (event.type === 'child') {
-            const dropdown = this.findDropdownTrigger(event.option.parentOption);
-            this.ngZone.run(() => {
-                dropdown.show();
-            });
-        }
-        if (event.type === 'parent') {
-            const dropdown = this.findDropdownTrigger(event.option);
-            dropdown.hide();
+    listBoxChange(event) {
+        if (!event.option) {
+            return;
         }
-        if (event.type === 'turn' && !event.option.parentOption) {
-            ScrollToService.scrollToElement(event.option.elementRef.nativeElement, this.scrollContainer);
+        switch (event.type) {
+            case 'select':
+                this.handleItemSelection(event.option.theOptionValue);
+                break;
+            case 'child':
+                const dropdownComponent = this.findDropdownTrigger(event.option.parentOption);
+                this.ngZone.run(() => {
+                    dropdownComponent.show();
+                });
+                break;
+            case 'parent':
+                const dropdown = this.findDropdownTrigger(event.option);
+                dropdown.hide();
+                break;
+            case 'turn':
+                ScrollToService.scrollToElement(event.option.elementRef.nativeElement, this.scrollContainer);
+                break;
         }
     }
     findDropdownTrigger(option) {
@@ -7197,8 +7220,8 @@ class ThePluginMenuComponent {
     trackByFn(index, item) {
         return item?.key ?? index;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ThePluginMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ThePluginMenuComponent, isStandalone: true, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu", sceneKey: "sceneKey", subPanelClass: "subPanelClass", autoActiveFirstItem: "autoActiveFirstItem" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], ngImport: i0, template: "<div *ngIf=\"theDisplaySearch\" class=\"menu-search px-5 pt-5 pb-2\">\n  <thy-input-search [(ngModel)]=\"keyWords\" placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" (ngModelChange)=\"updateKeywords(keyWords)\">\n  </thy-input-search>\n</div>\n\n<div\n  *ngIf=\"groupMenu.length > 0; else empty\"\n  theListBox\n  [keyboardContainer]=\"keyboardContainer\"\n  [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n  (theListboxChange)=\"theListboxChange($event)\"\n  class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n>\n  <ng-container *ngIf=\"iconMenu?.length > 0\">\n    <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n      <ng-container *ngFor=\"let item of iconMenu; trackBy: trackByFn\">\n        <a\n          *ngIf=\"item.type === ThePluginMenuItemType.icon\"\n          href=\"javascript:;\"\n          class=\"mt-2\"\n          thyAction\n          theListboxOption\n          [theOptionValue]=\"item\"\n          [thyActionIcon]=\"item.icon\"\n          [thyTooltip]=\"item?.name\"\n          [thyDisabled]=\"item.disabled\"\n          [theOptionDisabled]=\"item.disabled\"\n          thePreventDefault\n          (click)=\"handleItemSelection(item)\"\n        ></a>\n      </ng-container>\n    </div>\n    <thy-divider class=\"my-2\"></thy-divider>\n  </ng-container>\n\n  <div theListboxGroup>\n    <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n      <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n        <div\n          thyDropdownMenuItem\n          theListboxOption\n          [theOptionValue]=\"item\"\n          class=\"py-0\"\n          thePreventDefault\n          [thyDisabled]=\"item.disabled\"\n          [theOptionDisabled]=\"item.disabled\"\n          (click)=\"handleItemSelection(item)\"\n        >\n          <div *ngIf=\"item.menuIcon\" class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n          </div>\n          <div class=\"menu-content d-flex align-items-center\">\n            <div class=\"menu-item-title w-100\">\n              {{ item.name }}\n            </div>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n        <div\n          #dropdownTriggers\n          [thyDropdown]=\"expand\"\n          thyTrigger=\"hover\"\n          thyDropdownMenuItem\n          [thyDisabled]=\"item.disabled\"\n          theListboxOption\n          [theOptionValue]=\"item\"\n          [theOptionDisabled]=\"item.disabled\"\n          [thyPopoverOptions]=\"expandPopoverOptions\"\n          class=\"py-0\"\n          thePreventDefault\n          [thyPanelClass]=\"subPanelClass\"\n          (click)=\"handleItemSelection(item)\"\n        >\n          <div *ngIf=\"item.menuIcon\" class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n          </div>\n          <div class=\"menu-content d-flex align-items-center\">\n            <div class=\"menu-item-title w-100\">\n              {{ item.name }}\n            </div>\n          </div>\n          <div *ngIf=\"item.children?.length > 0\">\n            <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n          </div>\n          <thy-dropdown-menu #expand>\n            <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n              <ng-container *ngFor=\"let child of item.children\">\n                <div\n                  *ngIf=\"child.type === ThePluginMenuItemType.group\"\n                  thyDropdownMenuItem\n                  theListboxOption\n                  class=\"py-0\"\n                  thePreventDefault\n                  [theOptionDisabled]=\"item.disabled\"\n                  [thyDisabled]=\"child.disabled\"\n                  (click)=\"handleItemSelection(child)\"\n                  [theOptionValue]=\"child\"\n                >\n                  <div *ngIf=\"child.menuIcon\" class=\"menu-icon mr-2\">\n                    <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                  </div>\n                  <div class=\"menu-content d-flex align-items-center\">\n                    <div class=\"menu-item-title w-100\">\n                      {{ child.name }}\n                    </div>\n                  </div>\n                </div>\n                <thy-divider *ngIf=\"child === 'divider'\" class=\"my-2\"></thy-divider>\n              </ng-container>\n            </div>\n          </thy-dropdown-menu>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n        <div\n          #dropdownTriggers\n          [thyPopover]=\"tableSelect\"\n          thyPlacement=\"rightTop\"\n          thyTrigger=\"hover\"\n          thyDropdownMenuItem\n          theListboxOption\n          [thyConfig]=\"tableSelectPopoverConfig\"\n          [theOptionValue]=\"item\"\n          [theOptionDisabled]=\"item.disabled\"\n          [thyDisabled]=\"item.disabled\"\n          class=\"py-0\"\n          thePreventDefault\n          (click)=\"handleItemSelection(item)\"\n        >\n          <div class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n          </div>\n          <div class=\"menu-content d-flex align-items-center\">\n            <div class=\"menu-item-title w-100\">\n              {{ item.name }}\n            </div>\n          </div>\n          <div>\n            <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n          </div>\n\n          <ng-template #tableSelect>\n            <table-select class=\"plugin-menu-table the-table-selector-panel\" [editor]=\"editor\" [beforeInsert]=\"removeBlock\"></table-select>\n          </ng-template>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"!item.isMenuItem\" #menuGroup>\n        <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #empty>\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ThyEmptyModule }, { kind: "component", type: i3.ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: TheTableSelect, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyInputSearch, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "component", type: ThyDropdownMenuGroup, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "pipe", type: PluginMenuPipe, name: "getMenuIcon" }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer", "autoActiveFirstItem"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue", "theOptionDisabled"], exportAs: ["theListboxOption"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ThePluginMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: ThePluginMenuComponent, isStandalone: true, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu", sceneKey: "sceneKey", subPanelClass: "subPanelClass", autoActiveFirstItem: "autoActiveFirstItem" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "listBox", first: true, predicate: TheListboxDirective, descendants: true, isSignal: true }, { propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], ngImport: i0, template: "@if (theDisplaySearch) {\n  <div class=\"menu-search px-5 pt-5 pb-2\">\n    <thy-input-search placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" [(ngModel)]=\"keyWords\" (ngModelChange)=\"updateKeywords(keyWords)\">\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track $index) {\n          @if (item.type === ThePluginMenuItemType.icon) {\n            <a\n              href=\"javascript:;\"\n              class=\"mt-2\"\n              thyAction\n              theListboxOption\n              thePreventDefault\n              [theOptionValue]=\"item\"\n              [thyActionIcon]=\"item.icon\"\n              [thyTooltip]=\"item?.name\"\n              [thyDisabled]=\"item.disabled\"\n              [theOptionDisabled]=\"item.disabled\"\n              (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n              (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n              (click)=\"handleItemSelection(item)\"\n            ></a>\n          }\n        }\n      </div>\n      <thy-divider class=\"my-2\"></thy-divider>\n    </ng-container>\n\n    <div theListboxGroup>\n      <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n        <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n          <div\n            class=\"py-0\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDropdown]=\"expand\"\n            [thyPopoverOptions]=\"expandPopoverOptions\"\n            [thyPanelClass]=\"subPanelClass\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            @if (item.children?.length > 0) {\n              <div>\n                <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n              </div>\n            }\n            <thy-dropdown-menu #expand>\n              <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                @for (child of item.children; track item?.key ?? $index) {\n                  @if (child.type === ThePluginMenuItemType.group) {\n                    <div\n                      class=\"py-0\"\n                      thyDropdownMenuItem\n                      theListboxOption\n                      thePreventDefault\n                      [theOptionDisabled]=\"item.disabled\"\n                      [thyDisabled]=\"child.disabled\"\n                      [theOptionValue]=\"child\"\n                      (mouseenter)=\"listBoxOptionMouseenter($event, child)\"\n                      (mouseleave)=\"listBoxOptionMouseleave($event, child)\"\n                      (click)=\"handleItemSelection(child)\"\n                    >\n                      @if (child?.menuIcon) {\n                        <div class=\"menu-icon mr-2\">\n                          <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                        </div>\n                      }\n                      <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                          {{ child.name }}\n                        </div>\n                      </div>\n                    </div>\n                  } @else if (child === 'divider') {\n                    <thy-divider class=\"my-2\"></thy-divider>\n                  }\n                }\n              </div>\n            </thy-dropdown-menu>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyPlacement=\"rightTop\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDisabled]=\"item.disabled\"\n            [thyPopover]=\"tableSelect\"\n            [thyConfig]=\"tableSelectPopoverConfig\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            <div class=\"menu-icon mr-2\">\n              <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n            </div>\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            <div>\n              <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n            </div>\n\n            <ng-template #tableSelect>\n              <table-select\n                class=\"plugin-menu-table the-table-selector-panel\"\n                [editor]=\"editor\"\n                [beforeInsert]=\"removeBlock\"\n              ></table-select>\n            </ng-template>\n          </div>\n        </ng-container>\n\n        @if (!item.isMenuItem) {\n          <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n        }\n      </ng-container>\n    </div>\n  </div>\n} @else {\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ThyEmptyModule }, { kind: "component", type: i2$2.ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: TheTableSelect, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyInputSearch, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "component", type: ThyDropdownMenuGroup, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "pipe", type: PluginMenuPipe, name: "getMenuIcon" }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer", "autoActiveFirstItem"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue", "theOptionDisabled"], exportAs: ["theListboxOption"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ThePluginMenuComponent, decorators: [{
             type: Component,
@@ -7223,14 +7246,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         TheListboxOptionDirective,
                         ThePreventDefaultDirective,
                         ThyDropdownMenuItemDirective
-                    ], template: "<div *ngIf=\"theDisplaySearch\" class=\"menu-search px-5 pt-5 pb-2\">\n  <thy-input-search [(ngModel)]=\"keyWords\" placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" (ngModelChange)=\"updateKeywords(keyWords)\">\n  </thy-input-search>\n</div>\n\n<div\n  *ngIf=\"groupMenu.length > 0; else empty\"\n  theListBox\n  [keyboardContainer]=\"keyboardContainer\"\n  [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n  (theListboxChange)=\"theListboxChange($event)\"\n  class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n>\n  <ng-container *ngIf=\"iconMenu?.length > 0\">\n    <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n      <ng-container *ngFor=\"let item of iconMenu; trackBy: trackByFn\">\n        <a\n          *ngIf=\"item.type === ThePluginMenuItemType.icon\"\n          href=\"javascript:;\"\n          class=\"mt-2\"\n          thyAction\n          theListboxOption\n          [theOptionValue]=\"item\"\n          [thyActionIcon]=\"item.icon\"\n          [thyTooltip]=\"item?.name\"\n          [thyDisabled]=\"item.disabled\"\n          [theOptionDisabled]=\"item.disabled\"\n          thePreventDefault\n          (click)=\"handleItemSelection(item)\"\n        ></a>\n      </ng-container>\n    </div>\n    <thy-divider class=\"my-2\"></thy-divider>\n  </ng-container>\n\n  <div theListboxGroup>\n    <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n      <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n        <div\n          thyDropdownMenuItem\n          theListboxOption\n          [theOptionValue]=\"item\"\n          class=\"py-0\"\n          thePreventDefault\n          [thyDisabled]=\"item.disabled\"\n          [theOptionDisabled]=\"item.disabled\"\n          (click)=\"handleItemSelection(item)\"\n        >\n          <div *ngIf=\"item.menuIcon\" class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n          </div>\n          <div class=\"menu-content d-flex align-items-center\">\n            <div class=\"menu-item-title w-100\">\n              {{ item.name }}\n            </div>\n          </div>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n        <div\n          #dropdownTriggers\n          [thyDropdown]=\"expand\"\n          thyTrigger=\"hover\"\n          thyDropdownMenuItem\n          [thyDisabled]=\"item.disabled\"\n          theListboxOption\n          [theOptionValue]=\"item\"\n          [theOptionDisabled]=\"item.disabled\"\n          [thyPopoverOptions]=\"expandPopoverOptions\"\n          class=\"py-0\"\n          thePreventDefault\n          [thyPanelClass]=\"subPanelClass\"\n          (click)=\"handleItemSelection(item)\"\n        >\n          <div *ngIf=\"item.menuIcon\" class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n          </div>\n          <div class=\"menu-content d-flex align-items-center\">\n            <div class=\"menu-item-title w-100\">\n              {{ item.name }}\n            </div>\n          </div>\n          <div *ngIf=\"item.children?.length > 0\">\n            <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n          </div>\n          <thy-dropdown-menu #expand>\n            <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n              <ng-container *ngFor=\"let child of item.children\">\n                <div\n                  *ngIf=\"child.type === ThePluginMenuItemType.group\"\n                  thyDropdownMenuItem\n                  theListboxOption\n                  class=\"py-0\"\n                  thePreventDefault\n                  [theOptionDisabled]=\"item.disabled\"\n                  [thyDisabled]=\"child.disabled\"\n                  (click)=\"handleItemSelection(child)\"\n                  [theOptionValue]=\"child\"\n                >\n                  <div *ngIf=\"child.menuIcon\" class=\"menu-icon mr-2\">\n                    <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                  </div>\n                  <div class=\"menu-content d-flex align-items-center\">\n                    <div class=\"menu-item-title w-100\">\n                      {{ child.name }}\n                    </div>\n                  </div>\n                </div>\n                <thy-divider *ngIf=\"child === 'divider'\" class=\"my-2\"></thy-divider>\n              </ng-container>\n            </div>\n          </thy-dropdown-menu>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n        <div\n          #dropdownTriggers\n          [thyPopover]=\"tableSelect\"\n          thyPlacement=\"rightTop\"\n          thyTrigger=\"hover\"\n          thyDropdownMenuItem\n          theListboxOption\n          [thyConfig]=\"tableSelectPopoverConfig\"\n          [theOptionValue]=\"item\"\n          [theOptionDisabled]=\"item.disabled\"\n          [thyDisabled]=\"item.disabled\"\n          class=\"py-0\"\n          thePreventDefault\n          (click)=\"handleItemSelection(item)\"\n        >\n          <div class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n          </div>\n          <div class=\"menu-content d-flex align-items-center\">\n            <div class=\"menu-item-title w-100\">\n              {{ item.name }}\n            </div>\n          </div>\n          <div>\n            <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n          </div>\n\n          <ng-template #tableSelect>\n            <table-select class=\"plugin-menu-table the-table-selector-panel\" [editor]=\"editor\" [beforeInsert]=\"removeBlock\"></table-select>\n          </ng-template>\n        </div>\n      </ng-container>\n\n      <ng-container *ngIf=\"!item.isMenuItem\" #menuGroup>\n        <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #empty>\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.ThyPopoverRef }], propDecorators: { dropdownTriggers: [{
-                type: ViewChildren,
-                args: ['dropdownTriggers', { read: ThyDropdownDirective }]
-            }], containerClassName: [{
-                type: HostBinding,
-                args: ['class']
-            }], editor: [{
+                    ], template: "@if (theDisplaySearch) {\n  <div class=\"menu-search px-5 pt-5 pb-2\">\n    <thy-input-search placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" [(ngModel)]=\"keyWords\" (ngModelChange)=\"updateKeywords(keyWords)\">\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track $index) {\n          @if (item.type === ThePluginMenuItemType.icon) {\n            <a\n              href=\"javascript:;\"\n              class=\"mt-2\"\n              thyAction\n              theListboxOption\n              thePreventDefault\n              [theOptionValue]=\"item\"\n              [thyActionIcon]=\"item.icon\"\n              [thyTooltip]=\"item?.name\"\n              [thyDisabled]=\"item.disabled\"\n              [theOptionDisabled]=\"item.disabled\"\n              (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n              (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n              (click)=\"handleItemSelection(item)\"\n            ></a>\n          }\n        }\n      </div>\n      <thy-divider class=\"my-2\"></thy-divider>\n    </ng-container>\n\n    <div theListboxGroup>\n      <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n        <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n          <div\n            class=\"py-0\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDropdown]=\"expand\"\n            [thyPopoverOptions]=\"expandPopoverOptions\"\n            [thyPanelClass]=\"subPanelClass\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            @if (item.children?.length > 0) {\n              <div>\n                <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n              </div>\n            }\n            <thy-dropdown-menu #expand>\n              <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                @for (child of item.children; track item?.key ?? $index) {\n                  @if (child.type === ThePluginMenuItemType.group) {\n                    <div\n                      class=\"py-0\"\n                      thyDropdownMenuItem\n                      theListboxOption\n                      thePreventDefault\n                      [theOptionDisabled]=\"item.disabled\"\n                      [thyDisabled]=\"child.disabled\"\n                      [theOptionValue]=\"child\"\n                      (mouseenter)=\"listBoxOptionMouseenter($event, child)\"\n                      (mouseleave)=\"listBoxOptionMouseleave($event, child)\"\n                      (click)=\"handleItemSelection(child)\"\n                    >\n                      @if (child?.menuIcon) {\n                        <div class=\"menu-icon mr-2\">\n                          <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                        </div>\n                      }\n                      <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                          {{ child.name }}\n                        </div>\n                      </div>\n                    </div>\n                  } @else if (child === 'divider') {\n                    <thy-divider class=\"my-2\"></thy-divider>\n                  }\n                }\n              </div>\n            </thy-dropdown-menu>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyPlacement=\"rightTop\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDisabled]=\"item.disabled\"\n            [thyPopover]=\"tableSelect\"\n            [thyConfig]=\"tableSelectPopoverConfig\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            <div class=\"menu-icon mr-2\">\n              <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n            </div>\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            <div>\n              <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n            </div>\n\n            <ng-template #tableSelect>\n              <table-select\n                class=\"plugin-menu-table the-table-selector-panel\"\n                [editor]=\"editor\"\n                [beforeInsert]=\"removeBlock\"\n              ></table-select>\n            </ng-template>\n          </div>\n        </ng-container>\n\n        @if (!item.isMenuItem) {\n          <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n        }\n      </ng-container>\n    </div>\n  </div>\n} @else {\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n}\n" }]
+        }], propDecorators: { editor: [{
                 type: Input
             }], theDisplaySearch: [{
                 type: Input
@@ -7242,6 +7259,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }], autoActiveFirstItem: [{
                 type: Input
+            }], containerClassName: [{
+                type: HostBinding,
+                args: ['class']
+            }], dropdownTriggers: [{
+                type: ViewChildren,
+                args: ['dropdownTriggers', { read: ThyDropdownDirective }]
             }] } });
 
 /**
@@ -12625,7 +12648,7 @@ const createQuickInsertPlugin = createPluginFactory({
     key: PluginKeys.quickInsert,
     withOverrides: withQuickInsert,
     options: {
-        hotkey: '/',
+        hotkey: QUICK_INSERT_HOTKEY,
         allowHotkeyInTypes: [ElementKinds.tableCell, ElementKinds.blockquote],
         disabledPlus: true
     }
@@ -16977,7 +17000,7 @@ class TheEditorComponent {
         event.preventDefault();
         return;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TheEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: TheContextService }, { token: i2$2.ThyIconRegistry }, { token: THE_PRESET_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TheEditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.DestroyRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: TheContextService }, { token: i2$3.ThyIconRegistry }, { token: THE_PRESET_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: TheEditorComponent, isStandalone: true, selector: "the-editor, theEditor", inputs: { theOptions: "theOptions", thePlugins: "thePlugins", theGlobalToolbar: "theGlobalToolbar", theDecorate: "theDecorate", theOnError: "theOnError" }, outputs: { theOnSave: "theOnSave", theOnDOMEvent: "theOnDOMEvent", theEditorCreated: "theEditorCreated", theUploadingStatus: "theUploadingStatus" }, host: { properties: { "class.the-editor-readonly": "editor.options?.readonly", "class.the-mobile-editor": "isMobileMode" }, classAttribute: "the-editor" }, providers: [
             TheContextService,
             {
@@ -17020,7 +17043,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                             multi: true
                         }
                     ], template: "<the-toolbar\n  *ngIf=\"!options?.readonly && !theGlobalToolbar && !isMobileMode\"\n  [ngClass]=\"{\n    'the-toolbar-disabled': options?.disabled\n  }\"\n  #globalToolbar\n  [editor]=\"editor\"\n  [toolbarItems]=\"toolbarEntity.global\"\n  [containerClass]=\"globalToolbarClass\"\n  [align]=\"options?.toolbar?.align\"\n></the-toolbar>\n\n<div\n  #theEditableContainer\n  class=\"the-editable-container\"\n  thyImageGroup\n  [ngClass]=\"{\n    'the-editor-disabled': options?.disabled,\n    'max-height': maxHeight\n  }\"\n  [ngStyle]=\"{ 'max-height': maxHeight }\"\n>\n  <slate-editable\n    class=\"the-editor-typo\"\n    [editor]=\"editor\"\n    [ngModel]=\"editorValue\"\n    [renderElement]=\"renderElement\"\n    [renderText]=\"renderText\"\n    [renderLeaf]=\"renderLeaf\"\n    [isStrictDecorate]=\"false\"\n    [decorate]=\"decorate\"\n    [placeholder]=\"options?.placeholder\"\n    [placeholderDecorate]=\"options?.placeholderDecorate ? options?.placeholderDecorate : null\"\n    [readonly]=\"options?.readonly || options?.disabled\"\n    [keydown]=\"onKeyDown\"\n    [click]=\"onClick\"\n    [paste]=\"onSlaPaste\"\n    [blur]=\"onSlaBlur\"\n    [focus]=\"onSlaFocus\"\n    [copy]=\"onSlaCopy\"\n    [cut]=\"onSlaCut\"\n    [beforeInput]=\"onSlaBeforeInput\"\n    [compositionStart]=\"onSlaCompositionStart\"\n    [compositionEnd]=\"onSlaCompositionEnd\"\n    [dragStart]=\"onSlaDragStart\"\n    [dragOver]=\"onSlaDragOver\"\n    [drop]=\"onDrop\"\n    [scrollSelectionIntoView]=\"scrollSelectionIntoView\"\n    (ngModelChange)=\"valueChange($event)\"\n    (mousedown)=\"mousedown($event)\"\n  ></slate-editable>\n\n  <ng-container *ngIf=\"!isMobileMode\">\n    <the-inline-toolbar\n      *ngIf=\"!options?.readonly && options?.inlineToolbarVisible\"\n      [editor]=\"editor\"\n      [toolbarItems]=\"toolbarEntity.inline\"\n    ></the-inline-toolbar>\n    <div *ngIf=\"!options?.readonly\" theQuickInsert [editor]=\"editor\" [isVisible]=\"visibleQuickInsertPlus\"></div>\n  </ng-container>\n\n  <the-template #templateInstance></the-template>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.DestroyRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: TheContextService }, { type: i2$2.ThyIconRegistry }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.DestroyRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: TheContextService }, { type: i2$3.ThyIconRegistry }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -17125,13 +17148,13 @@ class theTethysIconRegistryFaker extends ThyIconRegistry {
     splitIconName(iconName) {
         return ['', ''];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: theTethysIconRegistryFaker, deps: [{ token: i1$3.DomSanitizer }, { token: i2$3.HttpClient }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: theTethysIconRegistryFaker, deps: [{ token: i1$3.DomSanitizer }, { token: i2$4.HttpClient }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: theTethysIconRegistryFaker, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: theTethysIconRegistryFaker, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }, { type: i2$3.HttpClient }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }, { type: i2$4.HttpClient }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }] });
@@ -17326,5 +17349,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, 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, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, 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_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, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, 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, 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, deleteElementKey, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, 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, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_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_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, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, 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, 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, deleteElementKey, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia };
 //# sourceMappingURL=worktile-theia.mjs.map