@worktile/theia 16.0.0 → 16.1.1

package/fesm2022/worktile-theia.mjs

@@ -422,15 +422,12 @@ const ToolbarMoreGroup = {
     icon: 'more'
 };
 
-const BaseMenuGroup = {
-    groupName: '基础'
-};
 const DefaultPluginMenu = [
     ...STANDARD_HEADING_TYPES,
     ElementKinds.numberedList,
     ElementKinds.bulletedList,
     ElementKinds.link,
-    BaseMenuGroup,
+    { groupName: '基础' },
     ElementKinds.image,
     ElementKinds.table,
     ElementKinds.blockquote,
@@ -790,6 +787,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                     name: 'elementClass'
                 }]
         }] });
+class PluginMenuPipe {
+    transform(icon, sceneKey) {
+        if (typeof icon === 'function') {
+            return icon(sceneKey);
+        }
+        return icon;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: PluginMenuPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: PluginMenuPipe, name: "getMenuIcon" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: PluginMenuPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'getMenuIcon'
+                }]
+        }] });
 
 class TheTemplateComponent {
     constructor() {
@@ -925,7 +938,7 @@ const isCollapsed = (range) => !!range && Range.isCollapsed(range);
 
 const getAnchorBlockEntry = (editor, at) => {
     return Editor.above(editor, {
-        match: (n) => Editor.isBlock(editor, n),
+        match: n => Editor.isBlock(editor, n),
         at
     });
 };
@@ -961,14 +974,14 @@ const isLogicEmptyParagraphElement = (editor, element) => {
 
 const isParagraph = (editor) => {
     const [match] = Editor.nodes(editor, {
-        match: (n) => Element$1.isElement(n) && n.type === ElementKinds.paragraph
+        match: n => Element$1.isElement(n) && n.type === ElementKinds.paragraph
     });
     return !!match;
 };
 
 const isBlockActive = (editor, format) => {
     const [match] = Editor.nodes(editor, {
-        match: (n) => Element$1.isElement(n) && n.type === format
+        match: n => Element$1.isElement(n) && n.type === format
     });
     return !!match;
 };
@@ -981,7 +994,7 @@ const getAboveByType = (editor, types, options = {}) => {
         types = [types];
     }
     return Editor.above(editor, {
-        match: (n) => Element$1.isElement(n) && types.includes(n.type),
+        match: n => Element$1.isElement(n) && types.includes(n.type),
         ...options
     });
 };
@@ -1010,7 +1023,7 @@ const anchorBlockEntry = (editor, at) => {
         at = getBlockCardCenterCursor(editor);
     }
     return Editor.above(editor, {
-        match: (n) => Editor.isBlock(editor, n),
+        match: n => Editor.isBlock(editor, n),
         at
     });
 };
@@ -1038,7 +1051,7 @@ const getNodesByType = (editor, types, options = {}) => {
         types = [types];
     }
     return getNodes(editor, {
-        match: (n) => Element$1.isElement(n) && types.includes(n.type),
+        match: n => Element$1.isElement(n) && types.includes(n.type),
         ...options
     });
 };
@@ -1053,7 +1066,7 @@ const anchorBlock = (editor) => {
  * If not found, return the editor entry.
  */
 const getBlockAbove = (editor, options = {}) => Editor.above(editor, {
-    match: (n) => Editor.isBlock(editor, n),
+    match: n => Editor.isBlock(editor, n),
     ...options
 }) || [editor, []];
 
@@ -1534,7 +1547,7 @@ function filterTextFormat(node) {
     });
 }
 function recursionNodes(nodes, callback) {
-    nodes.forEach((element) => {
+    nodes.forEach(element => {
         if (Element$1.isElement(element)) {
             recursionNodes(element.children, callback);
         }
@@ -1603,7 +1616,7 @@ const getRangeBefore = (editor, at, options) => {
  * If not found, return the editor entry.
  */
 const getBlockCardAbove = (editor, options = {}) => Editor.above(editor, {
-    match: (n) => editor.isBlockCard(n),
+    match: n => editor.isBlockCard(n),
     ...options
 });
 
@@ -1668,7 +1681,7 @@ const getInsertElementsPath = (editor, allowParentTypes) => {
     const [, anchorPath] = getBlockAbove(editor);
     if (!anchorPath)
         return false;
-    let parentEntry = Editor.above(editor, { match: (n) => Editor.isBlock(editor, n) && allowParentTypes.includes(n.type) });
+    let parentEntry = Editor.above(editor, { match: n => Editor.isBlock(editor, n) && allowParentTypes.includes(n.type) });
     if (!parentEntry)
         return false;
     const [, anchorBlockPath] = anchorBlockEntry(editor);
@@ -1712,13 +1725,13 @@ const isContainNestedType = (editor, types) => {
     const [, anchorPath] = getBlockAbove(editor);
     if (!anchorPath)
         return false;
-    const parentEntry = Editor.above(editor, { match: (n) => Element$1.isElement(n) && types.includes(n.type) });
+    const parentEntry = Editor.above(editor, { match: n => Element$1.isElement(n) && types.includes(n.type) });
     if (!parentEntry)
         return false;
     const [, parentPath] = parentEntry;
     const entry = Editor.above(editor, {
         at: parentPath,
-        match: (n) => {
+        match: n => {
             if (!Element$1.isElement(n))
                 return false;
             const isNestedStructure = editor.nestedStructureByKey[n.type];
@@ -2044,22 +2057,18 @@ function idCreator(length = 5) {
     return key;
 }
 
-const createParagraph = (text = '') => {
+const createEmptyParagraph = () => {
     return {
         type: ElementKinds.paragraph,
         key: idCreator(),
         children: [
             {
-                text
+                text: ''
             }
         ]
     };
 };
 
-const createEmptyParagraph = () => {
-    return createParagraph('');
-};
-
 function plainToTheia(text) {
     if (typeof text !== 'string') {
         return text;
@@ -2171,7 +2180,7 @@ const mergeElementOptions = (elementOptions) => {
     elementOptions = elementOptions.filter(item => item.invalidChildrenTypes.length > 0);
     const combinationData = [...DefaultElementOptions, ...elementOptions];
     const dataInfo = {};
-    combinationData.forEach((item) => {
+    combinationData.forEach(item => {
         const { type, invalidChildrenTypes, isSecondaryContainer } = item;
         if (!dataInfo[type]) {
             dataInfo[type] = {
@@ -2398,7 +2407,7 @@ function insertDataByInvalidType(editor, fragment) {
             const { selection } = editor;
             const [start] = Editor.edges(editor, selection);
             // query whether there is a node to be verified
-            const tryVerifyNode = allElementOptions.find((item) => getAboveByType(editor, item.type, { at: start, mode: 'lowest' }));
+            const tryVerifyNode = allElementOptions.find(item => getAboveByType(editor, item.type, { at: start, mode: 'lowest' }));
             if (tryVerifyNode) {
                 // is exist invalid element type in fragment
                 const invalidIndex = fragment.findIndex(item => tryVerifyNode.invalidChildrenTypes.includes(item.type));
@@ -2970,7 +2979,7 @@ class TheToolbarComponent {
         this.resizeObserver.observe(editableElement);
     }
     isTableActive() {
-        const [table] = Editor.nodes(this.editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.table });
+        const [table] = Editor.nodes(this.editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.table });
         return !!table;
     }
     selectionChange(editor) {
@@ -4195,7 +4204,7 @@ const unwrapNodesByType = (editor, types, options = {}) => {
         types = [types];
     }
     Transforms.unwrapNodes(editor, {
-        match: (n) => Element$1.isElement(n) && types.includes(n.type),
+        match: n => Element$1.isElement(n) && types.includes(n.type),
         ...options
     });
 };
@@ -4275,7 +4284,7 @@ const unWrap = (editor, kind) => {
     Editor.withoutNormalizing(editor, () => {
         Transforms.setNodes(editor, { type: ElementKinds.paragraph });
         Transforms.unwrapNodes(editor, {
-            match: (n) => Element$1.isElement(n) && n.type === kind,
+            match: n => Element$1.isElement(n) && n.type === kind,
             split: true
         });
     });
@@ -4322,7 +4331,7 @@ function handleContinualInsertBreak(editor, lowestBlock, type) {
     const isEmpty = Editor.isEmpty(editor, lowestBlock);
     const isEnd = Editor.isEnd(editor, editor.selection.anchor, editor.selection.focus.path);
     const aboveResult = Editor.above(editor, {
-        match: (n) => Editor.isBlock(editor, n) && n.type === type
+        match: n => Editor.isBlock(editor, n) && n.type === type
     });
     if (aboveResult && aboveResult[0] && isEnd && isEmpty) {
         const wrapBlock = aboveResult[0];
@@ -4696,13 +4705,14 @@ function removeTable(opts, editor) {
 const BlockquoteEditor = {
     toggleBlockquote(editor) {
         const isActive = isBlockActive(editor, ElementKinds.blockquote);
+        const allowParentTypes = getPluginOptions(editor, PluginKeys.blockquote)?.allowParentTypes || [];
         if (!isActive) {
             Transforms.wrapNodes(editor, { type: ElementKinds.blockquote, children: [] }, {
                 mode: 'lowest'
             });
         }
         else {
-            Transforms.unwrapNodes(editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.blockquote });
+            Transforms.unwrapNodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.blockquote });
         }
     }
 };
@@ -4787,7 +4797,7 @@ const HeadingEditor = {
             const cleanupTypes = getPluginOptions(editor, PluginKeys.heading).cleanupTypes;
             Transforms.unwrapNodes(editor, {
                 at: editor.selection,
-                match: (n) => Element$1.isElement(n) && cleanupTypes.includes(n.type),
+                match: n => Element$1.isElement(n) && cleanupTypes.includes(n.type),
                 mode: 'all',
                 split: true
             });
@@ -4805,7 +4815,7 @@ const HeadingEditor = {
     },
     isHeadingActive(editor, heading) {
         const [match] = Editor.nodes(editor, {
-            match: (n) => Element$1.isElement(n) && n.type === heading,
+            match: n => Element$1.isElement(n) && n.type === heading,
             universal: true
         });
         return !!match;
@@ -4830,7 +4840,7 @@ const HrEditor = {
     },
     isHrActive(editor) {
         const [match] = Editor.nodes(editor, {
-            match: (n) => Element$1.isElement(n) && n.type === ElementKinds.hr,
+            match: n => Element$1.isElement(n) && n.type === ElementKinds.hr,
             universal: true
         });
         return !!match;
@@ -4900,7 +4910,7 @@ const ImageEditor = {
     },
     isImageActive(editor) {
         const [match] = Editor.nodes(editor, {
-            match: (n) => Element$1.isElement(n) && n.type === ElementKinds.image,
+            match: n => Element$1.isElement(n) && n.type === ElementKinds.image,
             universal: true
         });
         return !!match;
@@ -4919,10 +4929,10 @@ const IndentEditor = {
             return;
         }
         const allowedTypes = IndentEditor.getAllowedTypes(editor);
-        const maxIndent = getPluginOptions(editor, PluginKeys.indent)?.maxIndent ?? 0;
+        const maxIndent = getPluginOptions(editor, PluginKeys.indent)?.maxIndent ?? [];
         const nodes = Array.from(Editor.nodes(editor, {
             mode: 'highest',
-            match: (n) => Element$1.isElement(n) && allowedTypes.includes(n.type)
+            match: n => Element$1.isElement(n) && allowedTypes.includes(n.type)
         }));
         const [startBlock] = nodes;
         if (startBlock) {
@@ -4931,7 +4941,7 @@ const IndentEditor = {
             if (indent <= maxIndent) {
                 Transforms.setNodes(editor, { indent }, {
                     mode: 'highest',
-                    match: (n) => Element$1.isElement(n) && allowedTypes.includes(n.type)
+                    match: n => Element$1.isElement(n) && allowedTypes.includes(n.type)
                 });
             }
         }
@@ -4943,7 +4953,7 @@ const IndentEditor = {
         const allowedTypes = IndentEditor.getAllowedTypes(editor);
         const nodes = Array.from(Editor.nodes(editor, {
             mode: 'highest',
-            match: (n) => Element$1.isElement(n) && allowedTypes.includes(n.type)
+            match: n => Element$1.isElement(n) && allowedTypes.includes(n.type)
         }));
         const [startBlock] = nodes;
         if (startBlock) {
@@ -4951,14 +4961,14 @@ const IndentEditor = {
             indent = indent ? --indent : 0;
             Transforms.setNodes(editor, { indent }, {
                 mode: 'highest',
-                match: (n) => Element$1.isElement(n) && allowedTypes.includes(n.type)
+                match: n => Element$1.isElement(n) && allowedTypes.includes(n.type)
             });
         }
     },
     setTextIndent(editor, kinds, textIndent) {
         Transforms.setNodes(editor, { textIndent }, {
             mode: 'highest',
-            match: (n) => Element$1.isElement(n) && kinds.includes(n.type)
+            match: node => Element$1.isElement(node) && kinds.includes(node.type)
         });
     },
     cancelTextIntent(editor, event, anchorBlock, kinds) {
@@ -5029,7 +5039,7 @@ const LinkEditor = {
         }
     },
     isLinkActive(editor) {
-        const [link] = Editor.nodes(editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.link });
+        const [link] = Editor.nodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.link });
         return !!link;
     },
     wrapLink(editor, text, url) {
@@ -5052,7 +5062,7 @@ const LinkEditor = {
         }
     },
     unwrapLink(editor) {
-        Transforms.unwrapNodes(editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.link });
+        Transforms.unwrapNodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.link });
     }
 };
 
@@ -5074,7 +5084,7 @@ const ListEditor = {
         const types = [ElementKinds.bulletedList, ElementKinds.numberedList];
         Editor.withoutNormalizing(editor, () => {
             const [...listItems] = Editor.nodes(editor, {
-                match: (n) => Element$1.isElement(n) && n.type === ElementKinds.listItem,
+                match: node => Element$1.isElement(node) && node.type === ElementKinds.listItem,
                 mode: 'lowest'
             });
             const firstListItemPath = listItems.length && listItems[0][1];
@@ -5095,26 +5105,26 @@ const ListEditor = {
                     Transforms.moveNodes(editor, {
                         at: editor.selection,
                         to: Path.next(upListItem),
-                        match: (n) => Element$1.isElement(n) && n.type === ElementKinds.listItem
+                        match: node => Element$1.isElement(node) && node.type === ElementKinds.listItem
                     });
                 }
                 else {
                     Transforms.unwrapNodes(editor, {
-                        match: (n) => Element$1.isElement(n) && n.type === ElementKinds.listItem
+                        match: node => Element$1.isElement(node) && node.type === ElementKinds.listItem
                     });
                 }
                 return;
             }
             // 跨级、同级且类型不同
             if (activeListNode && types.includes(activeListNode.type)) {
-                Transforms.setNodes(editor, { type }, { match: (n) => Element$1.isElement(n) && n.type !== type && types.includes(n.type) });
+                Transforms.setNodes(editor, { type }, { match: node => Element$1.isElement(node) && node.type !== type && types.includes(node.type) });
                 return;
             }
             // wrap
             ListEditor.buildListItem(editor);
             Transforms.wrapNodes(editor, { type, children: [], start: startIndex }, {
                 at: editor.selection,
-                match: (n) => Element$1.isElement(n) && n.type === ElementKinds.listItem
+                match: node => Element$1.isElement(node) && node.type === ElementKinds.listItem
             });
         });
     },
@@ -5148,7 +5158,7 @@ const ListEditor = {
     },
     buildListItem(editor) {
         const nodes = Editor.nodes(editor, {
-            match: (n) => Editor.isBlock(editor, n),
+            match: node => Editor.isBlock(editor, node),
             mode: 'lowest'
         });
         for (const [node, path] of nodes) {
@@ -5380,14 +5390,14 @@ const MentionEditor = {
 
 const withMention = (editor) => {
     const { isInline, isVoid, insertText, deleteBackward, renderElement, deleteFragment, onKeydown } = editor;
-    editor.isInline = (element) => {
+    editor.isInline = element => {
         const mentions = getPluginOptions(editor, PluginKeys.mention)?.mentions;
         if (mentions?.some(mention => element?.type === mention?.type)) {
             return true;
         }
         return isInline(element);
     };
-    editor.isVoid = (element) => {
+    editor.isVoid = element => {
         const mentions = getPluginOptions(editor, PluginKeys.mention)?.mentions;
         if (mentions?.some(mention => element?.type === mention?.type)) {
             return true;
@@ -5924,6 +5934,7 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         this.cdr = cdr;
         this.ngZone = ngZone;
         this.thyPopoverRef = thyPopoverRef;
+        this.listBoxAutoActiveFirstItem = true;
         this.groupMenu = [];
         this.iconMenu = [];
         this.ThePluginMenuItemType = ThePluginMenuItemType;
@@ -5933,7 +5944,7 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         };
         this.expandPopoverOptions = {
             placement: 'rightTop',
-            width: '266px'
+            width: '262px'
         };
         this.tableSelectPopoverConfig = {
             panelClass: 'plugin-menu-table-select-container',
@@ -5943,6 +5954,7 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         };
         this.containerClassName = `the-plugin-menu-container`;
         this.theDisplaySearch = false;
+        this.autoActiveFirstItem = true;
         this.removeKeywords = () => {
             const node = Node.get(this.editor, this.editor.selection.anchor.path);
             if (node && Node.string(node).length > 0) {
@@ -5951,7 +5963,9 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         };
     }
     ngOnInit() {
-        this.autoActiveFirstItem = !this.theDisplaySearch;
+        if (!this.autoActiveFirstItem || this.theDisplaySearch) {
+            this.listBoxAutoActiveFirstItem = false;
+        }
         this.initializeSearch();
         this.initializePluginMenu();
         this.buildMenus();
@@ -6027,7 +6041,9 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         QuickInsertEditor.updatePluginMenuRef(this.editor, null);
     }
     updateKeywords(keywords) {
-        this.autoActiveFirstItem = true;
+        if (this.autoActiveFirstItem) {
+            this.listBoxAutoActiveFirstItem = true;
+        }
         this.keyWords = keywords.toLowerCase().trim();
         this.buildMenus();
         if (this.scrollContainer) {
@@ -6065,11 +6081,11 @@ class ThePluginMenuComponent extends mixinUnsubscribe(MixinBase) {
         super.ngOnDestroy();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ThePluginMenuComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1$1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ThePluginMenuComponent, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], usesInheritance: true, 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 thyEmpty\"\n  theListBox\n  [keyboardContainer]=\"keyboardContainer\"\n  [autoActiveFirstItem]=\"autoActiveFirstItem\"\n  (theListboxChange)=\"theListboxChange($event)\"\n  class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n>\n  <div *ngIf=\"iconMenu?.length > 0\" 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\n  <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\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 class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon\"></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      <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          (click)=\"handleItemSelection(item)\"\n        >\n          <div class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon\"></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 class=\"menu-icon mr-2\">\n                    <thy-icon [thyIconName]=\"child.menuIcon\"></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      <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\"></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]=\"removeKeywords\"\n            ></table-select>\n          </ng-template>\n        </div>\n      </ng-container>\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 #thyEmpty>\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6$1.ThyInputSearchComponent, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: i6.ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "component", type: i6.ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "component", type: i6.ThyDropdownMenuGroupComponent, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: i10.ThyEmptyComponent, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "directive", type: i1$1.ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "component", type: TheTableSelectComponent, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue", "theOptionDisabled"], exportAs: ["theListboxOption"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer", "autoActiveFirstItem"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: ThePluginMenuComponent, 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 }], usesInheritance: true, 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 thyEmpty\"\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  <div *ngIf=\"iconMenu?.length > 0\" 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\n  <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\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      <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      <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\n              class=\"plugin-menu-table the-table-selector-panel\"\n              [editor]=\"editor\"\n              [beforeInsert]=\"removeKeywords\"\n            ></table-select>\n          </ng-template>\n        </div>\n      </ng-container>\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 #thyEmpty>\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i6$1.ThyInputSearchComponent, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: i6.ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "component", type: i6.ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "component", type: i6.ThyDropdownMenuGroupComponent, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "directive", type: i6.ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: i10.ThyEmptyComponent, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "directive", type: i1$1.ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "component", type: TheTableSelectComponent, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue", "theOptionDisabled"], exportAs: ["theListboxOption"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer", "autoActiveFirstItem"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }, { kind: "pipe", type: PluginMenuPipe, name: "getMenuIcon" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: ThePluginMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'the-plugin-menu', 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 thyEmpty\"\n  theListBox\n  [keyboardContainer]=\"keyboardContainer\"\n  [autoActiveFirstItem]=\"autoActiveFirstItem\"\n  (theListboxChange)=\"theListboxChange($event)\"\n  class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n>\n  <div *ngIf=\"iconMenu?.length > 0\" 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\n  <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\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 class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon\"></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      <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          (click)=\"handleItemSelection(item)\"\n        >\n          <div class=\"menu-icon mr-2\">\n            <thy-icon [thyIconName]=\"item.menuIcon\"></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 class=\"menu-icon mr-2\">\n                    <thy-icon [thyIconName]=\"child.menuIcon\"></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      <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\"></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]=\"removeKeywords\"\n            ></table-select>\n          </ng-template>\n        </div>\n      </ng-container>\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 #thyEmpty>\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" }]
+            args: [{ selector: 'the-plugin-menu', 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 thyEmpty\"\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  <div *ngIf=\"iconMenu?.length > 0\" 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\n  <thy-divider *ngIf=\"this.iconMenu?.length\" class=\"my-2\"></thy-divider>\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      <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      <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\n              class=\"plugin-menu-table the-table-selector-panel\"\n              [editor]=\"editor\"\n              [beforeInsert]=\"removeKeywords\"\n            ></table-select>\n          </ng-template>\n        </div>\n      </ng-container>\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 #thyEmpty>\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: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1$1.ThyPopoverRef }]; }, propDecorators: { dropdownTriggers: [{
                 type: ViewChildren,
                 args: ['dropdownTriggers', { read: ThyDropdownDirective }]
@@ -6082,6 +6098,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 type: Input
             }], thePluginMenu: [{
                 type: Input
+            }], sceneKey: [{
+                type: Input
+            }], subPanelClass: [{
+                type: Input
+            }], autoActiveFirstItem: [{
+                type: Input
             }] } });
 
 const QuickInsertEditor = {
@@ -6332,12 +6354,12 @@ const InlineCodeEditor = {
         }
     },
     unwrapInlineCode(editor) {
-        Transforms.unwrapNodes(editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.inlineCode });
+        Transforms.unwrapNodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.inlineCode });
     },
     isInlineCodeActive(editor, path) {
         const [inlineCode] = Editor.nodes(editor, {
             at: path ? path : editor.selection?.anchor.path,
-            match: (n) => Element$1.isElement(n) && n.type === ElementKinds.inlineCode
+            match: n => Element$1.isElement(n) && n.type === ElementKinds.inlineCode
         });
         return !!inlineCode;
     }
@@ -6352,7 +6374,7 @@ function setCellIndent(editor, indentType, child, at) {
     if (!Element$1.isElement(child) || !allowedTypes.includes(child.type)) {
         return;
     }
-    const maxIndent = getPluginOptions(editor, PluginKeys.indent)?.maxIndent ?? 0;
+    const maxIndent = getPluginOptions(editor, PluginKeys.indent)?.maxIndent ?? [];
     let { indent } = child;
     indent = indentType === Indents.indentRight ? (indent ? ++indent : 1) : indent ? --indent : 0;
     if (indent <= maxIndent) {
@@ -6393,7 +6415,7 @@ const TableEditor = {
         clearCell(opts, editor, nodeEntry);
     },
     isActive(editor) {
-        const [table] = Editor.nodes(editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.table });
+        const [table] = Editor.nodes(editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.table });
         return !!table;
     },
     getSelectedCells(editor) {
@@ -6526,7 +6548,7 @@ const TableEditor = {
     },
     hasHeaderRowCell(editor) {
         const isHeaderRow = Editor.nodes(editor, {
-            match: (n) => Element$1.isElement(n) &&
+            match: n => Element$1.isElement(n) &&
                 ((n.type === ElementKinds.tableRow && n.header) || (n.type === ElementKinds.table && n.options?.headerRow))
         });
         const selectedCells = TableEditor.getSelectedCells(editor) ?? [];
@@ -6662,7 +6684,7 @@ const autoFormatBlock = (editor, type, at, { preFormat, format }, markups) => {
         preFormat(editor);
     }
     if (!format) {
-        Transforms.setNodes(editor, { type }, { match: (n) => Editor.isBlock(editor, n) });
+        Transforms.setNodes(editor, { type }, { match: n => Editor.isBlock(editor, n) });
     }
     else {
         format(editor, markups);
@@ -7031,7 +7053,7 @@ const withBlockquote = (editor) => {
     };
     editor.deleteBackward = unit => {
         const aboveResult = Editor.above(editor, {
-            match: (n) => Editor.isBlock(editor, n) && n.type === ElementKinds.blockquote
+            match: n => Editor.isBlock(editor, n) && n.type === ElementKinds.blockquote
         });
         if (!aboveResult) {
             return deleteBackward(unit);
@@ -7053,7 +7075,7 @@ const withBlockquote = (editor) => {
             return;
         }
         const voidEntry = Editor.above(editor, {
-            match: (n) => Editor.isBlock(editor, n) && Editor.isVoid(editor, n)
+            match: n => Editor.isBlock(editor, n) && Editor.isVoid(editor, n)
         });
         if (voidEntry && voidEntry[0]) {
             Transforms.insertNodes(editor, createEmptyParagraph());
@@ -7851,7 +7873,7 @@ const createTheHistoryPlugin = createPluginFactory({
 const isInline = (editor, path) => {
     const [inlineNode] = Editor.nodes(editor, {
         at: path ? path : editor.selection?.anchor.path,
-        match: (n) => Element$1.isElement(n) && Editor.isInline(editor, n) && !Editor.isVoid(editor, n)
+        match: n => Element$1.isElement(n) && Editor.isInline(editor, n) && !Editor.isVoid(editor, n)
     });
     return !!inlineNode;
 };
@@ -8108,7 +8130,7 @@ const withDeserializeHTML = (editor) => {
             const htmlDom = new DOMParser().parseFromString(html, 'text/html');
             const fragment = TheiaConverter.convertToTheia(Array.from(htmlDom.body.children));
             // 无法识别HTML内容时后退一下：识别纯文本
-            if (fragment.every((block) => block.type === ElementKinds.paragraph && isLogicEmptyParagraphElement(editor, block))) {
+            if (fragment.every(block => block.type === ElementKinds.paragraph && isLogicEmptyParagraphElement(editor, block))) {
                 insertData(data);
                 return;
             }
@@ -8119,7 +8141,7 @@ const withDeserializeHTML = (editor) => {
                 return;
             }
             // 过滤 text 节点的 color/background-color 属性
-            fragment.forEach((node) => filterTextFormat(node));
+            fragment.forEach(node => filterTextFormat(node));
             // base 64 图片处理
             recursionNodes(fragment, (node) => {
                 const isImage = Element$1.isElement(node) && node.type === ElementKinds.image;
@@ -8272,7 +8294,7 @@ const createDeserializeMdPlugin = createPluginFactory({
     withOverrides: withDeserializeMd
 });
 const isUnformatted = (elements) => {
-    return elements.every((element) => element.type === ElementKinds.default &&
+    return elements.every(element => element.type === ElementKinds.default &&
         element.children.every((node) => {
             return Text.isText(node) && Object.keys(node).length === 1;
         }));
@@ -8640,6 +8662,7 @@ class TheImageComponent extends TheBaseElementComponent {
         this.percentage = 0;
         this.layoutDefaultWidth = 368;
         this.disablePreview = false;
+        this.loadImageError = false;
         this.layoutOptions = [
             {
                 key: Alignment.left,
@@ -8693,7 +8716,8 @@ class TheImageComponent extends TheBaseElementComponent {
                     originUrl = `${baseUrl}${slice}${originUrl.slice(originUrl.indexOf(slice) + slice.length, originUrl.length)}`;
                 }
                 this.imageEntry = {
-                    name: value.element.name,
+                    // name: value.element.name,
+                    name: undefined,
                     width: value.element.width,
                     height: value.element.height,
                     thumbUrl,
@@ -8813,6 +8837,9 @@ class TheImageComponent extends TheBaseElementComponent {
         this.setImageNodes(imageInfo);
     }
     startDrag(event, axis) {
+        if (this.imageError || !this.img) {
+            return;
+        }
         event.preventDefault();
         this.dragable = true;
         const imgElement = this.img.nativeElement;
@@ -8912,6 +8939,9 @@ class TheImageComponent extends TheBaseElementComponent {
             (this?.readonly || !this.isCollapsedAndNonReadonly || !isGlobalCollapsed(this.editor) || this.uploading));
     }
     openLayoutToolbar() {
+        if (!this.img) {
+            return;
+        }
         this.layoutToolbarRef = this.thyPopover.open(this.layoutToolbar, {
             origin: this.imageContent,
             panelClass: 'the-plugin-toolbar-popover',
@@ -8979,17 +9009,28 @@ class TheImageComponent extends TheBaseElementComponent {
         this.naturalWidth = img.naturalWidth;
         this.naturalHeight = img.naturalHeight;
     }
+    imageError(event) {
+        const img = event.target;
+        const errorImageUrl = this.imagePluginOptions?.errorImageUrl;
+        if (errorImageUrl) {
+            const url = typeof errorImageUrl === 'function' ? errorImageUrl(this.editor) : errorImageUrl;
+            this.disablePreview = true;
+            this.imageContent.nativeElement.classList.add('the-image-error');
+            img.src = url;
+        }
+        img.onerror = null;
+    }
     // 组件库 dialog 弹出时，会记录当前的焦点。阻止 mousedown 默认行为，使得图片原本的 click 事件能获取到正确的焦点。
     preventDefault(event) {
         event.preventDefault();
         event.stopPropagation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TheImageComponent, deps: [{ token: i0.ElementRef }, { token: THE_UPLOAD_SERVICE_TOKEN }, { token: i0.ChangeDetectorRef }, { token: TheContextService }, { token: i1$1.ThyPopover }, { token: i2$1.Overlay }, { token: i0.ViewContainerRef }, { token: i4$1.ThyImageGroupComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: TheImageComponent, selector: "the-image, [theImage]", viewQueries: [{ propertyName: "imageContent", first: true, predicate: ["imageContent"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true }, { propertyName: "layoutToolbar", first: true, predicate: ["layoutToolbar"], descendants: true, static: true }, { propertyName: "imageDirective", first: true, predicate: ThyImageDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n  <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.pointer]=\"!selection\">\n    <img\n      #img\n      thyImage\n      [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n      [class.image-collapsed]=\"selection && !uploading\"\n      class=\"main-image\"\n      (load)=\"imageLoaded($event)\"\n      (mousedown)=\"preventDefault($event)\"\n      (click)=\"imageClick()\"\n      [thySrc]=\"imageEntry.thumbUrl\"\n      [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n      [thyOriginSrc]=\"imageEntry.originUrl\"\n      [thyDisablePreview]=\"disablePreview\"\n      [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n      [alt]=\"imageEntry.name\"\n    />\n    <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n    </div>\n    <div *ngIf=\"uploading\" class=\"uploading\">\n      <div class=\"uploading-percentage\">\n        <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n        <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n      </div>\n    </div>\n    <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n  </div>\n  <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading\" contenteditable=\"false\">\n    <thy-icon thyIconName=\"image\"></thy-icon>\n  </div>\n</div>\n\n<ng-template #layoutToolbar>\n  <thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of layoutOptions\">\n      <a\n        *ngIf=\"item.key !== 'split'\"\n        href=\"javascript:;\"\n        thyAction\n        [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n        [thyActionIcon]=\"item.icon\"\n        [thyActionActive]=\"layoutActive(item.key)\"\n        [thyTooltip]=\"item.name\"\n        thyTooltipPlacement=\"top\"\n        (mousedown)=\"item?.handle($event, item.key)\"\n      ></a>\n      <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n    </ng-container>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i9$1.ThyProgressComponent, selector: "thy-progress", inputs: ["thyType", "thySize", "thyValue", "thyMax", "thyTips", "thyShape", "thyGapDegree", "thyGapPosition", "thyStrokeWidth"] }, { kind: "directive", type: i4$1.ThyImageDirective, selector: "img[thyImage]", inputs: ["thySrc", "thyPreviewSrc", "thyOriginSrc", "thyImageMeta", "thyDisablePreview", "thyResolveSize"], exportAs: ["thyImage"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: TheImageComponent, selector: "the-image, [theImage]", viewQueries: [{ propertyName: "imageContent", first: true, predicate: ["imageContent"], descendants: true }, { propertyName: "img", first: true, predicate: ["img"], descendants: true }, { propertyName: "layoutToolbar", first: true, predicate: ["layoutToolbar"], descendants: true, static: true }, { propertyName: "imageDirective", first: true, predicate: ThyImageDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n  <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.cursor-pointer]=\"!selection\">\n    <img\n      #img\n      thyImage\n      class=\"main-image\"\n      [class.image-collapsed]=\"selection && !uploading\"\n      [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n      [alt]=\"imageEntry.name\"\n      [thySrc]=\"imageEntry.thumbUrl\"\n      [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n      [thyOriginSrc]=\"imageEntry.originUrl\"\n      [thyDisablePreview]=\"disablePreview\"\n      [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n      (load)=\"imageLoaded($event)\"\n      (mousedown)=\"preventDefault($event)\"\n      (error)=\"imageError($event)\"\n      (click)=\"imageClick($event)\"\n    />\n    <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n      <ng-container *ngIf=\"!imageError\">\n        <span (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n        <span (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n        <span (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n        <span (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n      </ng-container>\n    </div>\n    <div *ngIf=\"uploading\" class=\"uploading\">\n      <div class=\"uploading-percentage\">\n        <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n        <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n      </div>\n    </div>\n    <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n  </div>\n  <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading cursor-pointer\" contenteditable=\"false\">\n    <thy-icon thyIconName=\"image\"></thy-icon>\n  </div>\n</div>\n\n<ng-template #layoutToolbar>\n  <thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of layoutOptions\">\n      <a\n        *ngIf=\"item.key !== 'split'\"\n        href=\"javascript:;\"\n        thyAction\n        [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n        [thyActionIcon]=\"item.icon\"\n        [thyActionActive]=\"layoutActive(item.key)\"\n        [thyTooltip]=\"item.name\"\n        thyTooltipPlacement=\"top\"\n        (mousedown)=\"item?.handle($event, item.key)\"\n      ></a>\n      <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n    </ng-container>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i1.SlateChildrenComponent, selector: "slate-children", inputs: ["children", "context", "viewContext"] }, { kind: "component", type: i4.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "directive", type: i8.ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: i9$1.ThyProgressComponent, selector: "thy-progress", inputs: ["thyType", "thySize", "thyValue", "thyMax", "thyTips", "thyShape", "thyGapDegree", "thyGapPosition", "thyStrokeWidth"] }, { kind: "directive", type: i4$1.ThyImageDirective, selector: "img[thyImage]", inputs: ["thySrc", "thyPreviewSrc", "thyOriginSrc", "thyImageMeta", "thyDisablePreview", "thyResolveSize"], exportAs: ["thyImage"] }, { kind: "component", type: i7.ThyActionComponent, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: i7.ThyActionsComponent, selector: "thy-actions", inputs: ["thySize"] }, { kind: "component", type: i8$1.ThyDividerComponent, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TheImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'the-image, [theImage]', template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n  <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.pointer]=\"!selection\">\n    <img\n      #img\n      thyImage\n      [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n      [class.image-collapsed]=\"selection && !uploading\"\n      class=\"main-image\"\n      (load)=\"imageLoaded($event)\"\n      (mousedown)=\"preventDefault($event)\"\n      (click)=\"imageClick()\"\n      [thySrc]=\"imageEntry.thumbUrl\"\n      [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n      [thyOriginSrc]=\"imageEntry.originUrl\"\n      [thyDisablePreview]=\"disablePreview\"\n      [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n      [alt]=\"imageEntry.name\"\n    />\n    <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n      <span *ngIf=\"isCollapsedAndNonReadonly\" (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n    </div>\n    <div *ngIf=\"uploading\" class=\"uploading\">\n      <div class=\"uploading-percentage\">\n        <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n        <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n      </div>\n    </div>\n    <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n  </div>\n  <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading\" contenteditable=\"false\">\n    <thy-icon thyIconName=\"image\"></thy-icon>\n  </div>\n</div>\n\n<ng-template #layoutToolbar>\n  <thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of layoutOptions\">\n      <a\n        *ngIf=\"item.key !== 'split'\"\n        href=\"javascript:;\"\n        thyAction\n        [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n        [thyActionIcon]=\"item.icon\"\n        [thyActionActive]=\"layoutActive(item.key)\"\n        [thyTooltip]=\"item.name\"\n        thyTooltipPlacement=\"top\"\n        (mousedown)=\"item?.handle($event, item.key)\"\n      ></a>\n      <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n    </ng-container>\n  </thy-actions>\n</ng-template>\n" }]
+            args: [{ selector: 'the-image, [theImage]', template: "<slate-children [children]=\"children\" [context]=\"childrenContext\" [viewContext]=\"viewContext\"></slate-children>\n\n<div class=\"image-container\" contenteditable=\"false\" [style.textAlign]=\"imageEntry.align\">\n  <div #imageContent *ngIf=\"imageEntry.thumbUrl\" class=\"image-content\" [class.cursor-pointer]=\"!selection\">\n    <img\n      #img\n      thyImage\n      class=\"main-image\"\n      [class.image-collapsed]=\"selection && !uploading\"\n      [ngStyle]=\"{ 'width.px': imageBindingWidth }\"\n      [alt]=\"imageEntry.name\"\n      [thySrc]=\"imageEntry.thumbUrl\"\n      [thyPreviewSrc]=\"imageEntry.thumbUrl\"\n      [thyOriginSrc]=\"imageEntry.originUrl\"\n      [thyDisablePreview]=\"disablePreview\"\n      [thyImageMeta]=\"{ name: imageEntry.name, size: imageEntry.size }\"\n      (load)=\"imageLoaded($event)\"\n      (mousedown)=\"preventDefault($event)\"\n      (error)=\"imageError($event)\"\n      (click)=\"imageClick($event)\"\n    />\n    <div *ngIf=\"isCollapsedAndNonReadonly\" class=\"image-profile\" [class.outline]=\"selection\">\n      <ng-container *ngIf=\"!imageError\">\n        <span (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left top\"></span>\n        <span (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right top\"></span>\n        <span (mousedown)=\"startDrag($event, 'xl')\" class=\"image-pointer right bottom\"></span>\n        <span (mousedown)=\"startDrag($event, '-xl')\" class=\"image-pointer left bottom\"></span>\n      </ng-container>\n    </div>\n    <div *ngIf=\"uploading\" class=\"uploading\">\n      <div class=\"uploading-percentage\">\n        <thy-progress thyType=\"primary\" [thyValue]=\"percentage\" thySize=\"sm\"></thy-progress>\n        <thy-icon (click)=\"cancelUpload($event)\" thyIconName=\"close-circle-bold-fill\" thyIconLegging=\"true\"> </thy-icon>\n      </div>\n    </div>\n    <div *ngIf=\"!uploading\" class=\"layer\" [class.readonly]=\"readonly\"></div>\n  </div>\n  <div *ngIf=\"!imageEntry.thumbUrl\" class=\"image-loading cursor-pointer\" contenteditable=\"false\">\n    <thy-icon thyIconName=\"image\"></thy-icon>\n  </div>\n</div>\n\n<ng-template #layoutToolbar>\n  <thy-actions thySize=\"xxs\">\n    <ng-container *ngFor=\"let item of layoutOptions\">\n      <a\n        *ngIf=\"item.key !== 'split'\"\n        href=\"javascript:;\"\n        thyAction\n        [thyType]=\"item.key === 'remove' ? 'danger' : 'primary'\"\n        [thyActionIcon]=\"item.icon\"\n        [thyActionActive]=\"layoutActive(item.key)\"\n        [thyTooltip]=\"item.name\"\n        thyTooltipPlacement=\"top\"\n        (mousedown)=\"item?.handle($event, item.key)\"\n      ></a>\n      <thy-divider *ngIf=\"item.key === 'split'\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\"></thy-divider>\n    </ng-container>\n  </thy-actions>\n</ng-template>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [THE_UPLOAD_SERVICE_TOKEN]
@@ -9077,7 +9118,7 @@ const onKeydownTextIndent = (editor, event, kinds, textIndentDisabled) => {
     const isExpanded = Range.isExpanded(selection);
     const nodes = Array.from(Editor.nodes(editor, {
         mode: 'highest',
-        match: (n) => Element$1.isElement(n) && kinds.includes(n.type)
+        match: node => Element$1.isElement(node) && kinds.includes(node.type)
     }));
     const [startBlock] = nodes;
     if (!startBlock) {
@@ -9464,7 +9505,7 @@ class TheBaseLinkComponent extends TheBaseElementComponent {
                     this.openLinkEdit(LinkTags.edit);
                 },
                 deleteHandle: () => {
-                    Transforms.unwrapNodes(this.editor, { match: (n) => Element$1.isElement(n) && n.type === ElementKinds.link });
+                    Transforms.unwrapNodes(this.editor, { match: n => Element$1.isElement(n) && n.type === ElementKinds.link });
                     this.closeHoverPopover();
                 }
             },
@@ -9844,7 +9885,7 @@ const moveListItemUp = (editor, { list, listItem }, options) => {
             }
         });
         // 处理listItem下方有段落的情况
-        const listIndex = listParentNode.children.findIndex((item) => item.key === listNode.key);
+        const listIndex = listParentNode.children.findIndex(item => item.key === listNode.key);
         const behindNode = listParentNode.children.slice(listIndex + 1);
         if (behindNode.length > 0) {
             const nextPath = Path.next(newListItemPath);
@@ -9858,7 +9899,7 @@ const moveListItemUp = (editor, { list, listItem }, options) => {
             Transforms.moveNodes(editor, {
                 at: moveRange,
                 to: nextPath.concat(0),
-                match: n => behindNode.includes(n)
+                match: node => behindNode.includes(node)
             });
         }
         // 删除子列表（如果它是第一个列表项）
@@ -9916,8 +9957,8 @@ const insertListItem = (editor) => {
                 Transforms.splitNodes(editor, {
                     always: true,
                     mode: 'highest',
-                    match: (n) => {
-                        const path = n && TheEditor.findPath(editor, n);
+                    match: node => {
+                        const path = node && TheEditor.findPath(editor, node);
                         return path && path.length === nextListItemPath.length;
                     }
                 });
@@ -9930,8 +9971,9 @@ const insertListItem = (editor) => {
             Transforms.moveNodes(editor, {
                 at: Editor.range(editor, nextNodePath, nextEnd),
                 to: nextListItemPath.concat(1),
-                match: (n) => {
-                    return listItemNode.children.includes(n);
+                match: node => {
+                    // TODO: types
+                    return listItemNode.children.includes(node);
                 }
             });
         }
@@ -10518,7 +10560,7 @@ const withList = (editor) => {
         const text = data.getData('text/plain');
         const fragment = extractFragment(data);
         const aboveEntry = Editor.above(editor, {
-            match: (n) => Editor.isBlock(editor, n) && n.type === ElementKinds.listItem
+            match: n => Editor.isBlock(editor, n) && n.type === ElementKinds.listItem
         });
         if (fragment) {
             const res = getListItemEntry(editor, {});
@@ -11378,7 +11420,7 @@ function mergeCellContent(editor, leftTopCellPath, cellPath) {
         Transforms.moveNodes(editor, {
             at: endRange,
             to: nextPath,
-            match: (node) => {
+            match: node => {
                 if (Element$1.isElement(node) && node.type === ElementKinds.tableCell) {
                     tableCell = node;
                 }
@@ -14995,7 +15037,7 @@ const withTable = (editor) => {
         }
         const { selection } = editor;
         const [, startBlockPath] = Editor.above(editor, {
-            match: (n) => Editor.isBlock(editor, n)
+            match: n => Editor.isBlock(editor, n)
         });
         const startPosition = createTablePosition(editor);
         if (startBlockPath.length <= startPosition.cellEntry[1].length + 1 &&
@@ -15288,7 +15330,7 @@ const withTable = (editor) => {
                 setTimeout(() => {
                     Editor.withoutNormalizing(editor, () => {
                         const [, currentPath] = findNode(editor, {
-                            match: (n) => Element$1.isElement(n) && n.type === ElementKinds.table
+                            match: n => Element$1.isElement(n) && n.type === ElementKinds.table
                         });
                         const nextPath = Path.next(currentPath);
                         const hasNextNode = Node.has(editor, nextPath);
@@ -15560,7 +15602,7 @@ const withTodoItem = (editor) => {
         const { selection } = editor;
         if (selection && Range.isCollapsed(selection)) {
             const [match] = Editor.nodes(editor, {
-                match: (n) => Element$1.isElement(n) && n.type === ElementKinds.checkItem
+                match: n => Element$1.isElement(n) && n.type === ElementKinds.checkItem
             });
             if (match) {
                 const [, path] = match;
@@ -15570,7 +15612,7 @@ const withTodoItem = (editor) => {
                         type: ElementKinds.default,
                         checked: undefined
                     }, {
-                        match: (n) => Element$1.isElement(n) && n.type === ElementKinds.checkItem
+                        match: n => Element$1.isElement(n) && n.type === ElementKinds.checkItem
                     });
                     return;
                 }
@@ -15586,13 +15628,13 @@ const withTodoItem = (editor) => {
         const { selection } = editor;
         if (selection && Range.isCollapsed(selection)) {
             const [match] = Editor.nodes(editor, {
-                match: (n) => Element$1.isElement(n) && n.type === ElementKinds.checkItem
+                match: n => Element$1.isElement(n) && n.type === ElementKinds.checkItem
             });
             if (match) {
                 const [, path] = match;
                 if (Editor.isStart(editor, selection.anchor, path)) {
                     Transforms.setNodes(editor, { type: ElementKinds.default, checked: undefined }, {
-                        match: (n) => Element$1.isElement(n) && n.type === ElementKinds.checkItem
+                        match: n => Element$1.isElement(n) && n.type === ElementKinds.checkItem
                     });
                     return;
                 }
@@ -16460,10 +16502,10 @@ const PLUGIN_COMPONENTS = [
     TheTdComponent,
     TheInlineCodeComponent
 ];
-const PIPES = [ElementStylePipe, ElementClassPipe, TableFreezeColumnPipe, TableFreezeRowPipe];
+const PIPES = [ElementStylePipe, ElementClassPipe, TableFreezeColumnPipe, TableFreezeRowPipe, PluginMenuPipe];
 class TheEditorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: TheEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: TheEditorModule, declarations: [TheEditorComponent, ElementStylePipe, ElementClassPipe, TableFreezeColumnPipe, TableFreezeRowPipe, TheToolbarComponent,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.1", ngImport: i0, type: TheEditorModule, declarations: [TheEditorComponent, ElementStylePipe, ElementClassPipe, TableFreezeColumnPipe, TableFreezeRowPipe, PluginMenuPipe, TheToolbarComponent,
             TheToolbarDropdownComponent,
             TheToolbarGroupComponent,
             TheToolbarItemComponent,
@@ -16613,12 +16655,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
             type: Injectable
         }] });
 
-const withEditor = (plugins = []) => {
-    return withTheia(withHistory(withAngular(createEditor())), plugins);
-};
-
 const withTestPlugin = (plugins, initValue) => {
-    let editor = withEditor(plugins);
+    let editor = withTheia(withHistory(withAngular(createEditor())), plugins);
     editor.children = initValue || [createEmptyParagraph()];
     return editor;
 };
@@ -16631,5 +16669,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, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, 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, PLUGIN_COMPONENTS, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TheBaseElementComponent, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, buildPluginMenu, buildPluginMenuItemMap, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createEmptyParagraph, createMentionPlugin, createParagraph, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteElementKey, extractFragment, filterTextFormat, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isPureEmptyParagraph, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, useElementStyle, withMention, withTestPlugin, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, COMPONENTS, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, 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, PLUGIN_COMPONENTS, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QuickInsertEditor, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_INLINE_TOOLBAR_TYPES, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_UPLOAD_SERVICE_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TheBaseElementComponent, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheContextService, TheDataMode, TheDefaultElementComponent, TheEditor, TheEditorComponent, TheEditorModule, TheImageComponent, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheToolbarComponent, TheToolbarDropdownComponent, TheToolbarGroupComponent, TheToolbarGroupToken, TheToolbarItemComponent, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, buildPluginMenu, buildPluginMenuItemMap, coercePixelsFromCssValue, combinePlugins, copyNode, copyNodeForSafari, createEmptyParagraph, createMentionPlugin, createPluginFactory, createToolbar, createVerticalAlignPlugin, dataDeserialize, dataSerializing, deleteElementKey, extractFragment, filterTextFormat, flattenDeepPlugins, getColsTotalWidth, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getStartBlock, getToolbarClass, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isPureEmptyParagraph, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, plainToTheia, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setEditorUUID, useElementStyle, withMention, withTestPlugin, withTheia };
 //# sourceMappingURL=worktile-theia.mjs.map