@worktile/theia 18.0.14 → 18.0.16

package/fesm2022/worktile-theia.mjs

@@ -341,18 +341,20 @@ const ToolbarMoreGroup = {
     icon: 'more'
 };
 
-const DefaultPluginMenu = [
-    ...STANDARD_HEADING_TYPES,
-    ElementKinds.numberedList,
-    ElementKinds.bulletedList,
-    ElementKinds.link,
-    { groupName: '基础', translateKey: 'base' },
-    ElementKinds.image,
-    ElementKinds.table,
-    ElementKinds.blockquote,
-    ElementKinds.hr,
-    ElementKinds.code
-];
+function getTheDefaultPluginMenu(locale) {
+    return [
+        ...STANDARD_HEADING_TYPES,
+        ElementKinds.numberedList,
+        ElementKinds.bulletedList,
+        ElementKinds.link,
+        { groupName: locale().base },
+        ElementKinds.image,
+        ElementKinds.table,
+        ElementKinds.blockquote,
+        ElementKinds.hr,
+        ElementKinds.code
+    ];
+}
 var ThePluginMenuItemType;
 (function (ThePluginMenuItemType) {
     ThePluginMenuItemType["icon"] = "iconMenu";
@@ -2460,12 +2462,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     providedIn: 'root'
                 }]
         }] });
-function injectLocale() {
-    return inject(TheI18nService).getLocale();
-}
-function injectTranslations() {
+function injectTranslations(theI18nService) {
     return computed(() => {
-        const locale = injectLocale();
+        const locale = theI18nService.getLocale();
         return locale().translations;
     });
 }
@@ -2565,7 +2564,9 @@ var zhHansLocale = {
         paintFormat: '格式刷',
         cleanFormat: '清除格式',
         checkItem: '待办事项',
-        checkItemDesc: '插入待办事项'
+        checkItemDesc: '插入待办事项',
+        more: '更多',
+        fontSize: '字号'
     }
 };
 
@@ -2664,7 +2665,9 @@ var zhHantLocale = {
         paintFormat: '格式刷',
         cleanFormat: '清除格式',
         checkItem: '待辦事項',
-        checkItemDesc: '插入待辦事項'
+        checkItemDesc: '插入待辦事項',
+        more: '更多',
+        fontSize: '字號'
     }
 };
 
@@ -2763,7 +2766,9 @@ var enUsLocale = {
         paintFormat: 'Format Painter',
         cleanFormat: 'Clear Format',
         checkItem: 'Todo Item',
-        checkItemDesc: 'Insert todo item'
+        checkItemDesc: 'Insert todo item',
+        more: 'More',
+        fontSize: 'Font Size'
     }
 };
 
@@ -2862,7 +2867,9 @@ var jaJpLocale = {
         paintFormat: '書式のコピー',
         cleanFormat: '書式をクリア',
         checkItem: 'タスク',
-        checkItemDesc: 'タスクを挿入'
+        checkItemDesc: 'タスクを挿入',
+        more: 'もっと見る',
+        fontSize: 'フォントサイズ'
     }
 };
 
@@ -2961,7 +2968,9 @@ var deDeLocale = {
         paintFormat: 'Format übertragen',
         cleanFormat: 'Format löschen',
         checkItem: 'Aufgabe',
-        checkItemDesc: 'Aufgabe einfügen'
+        checkItemDesc: 'Aufgabe einfügen',
+        more: 'Mehr',
+        fontSize: 'Schriftgröße'
     }
 };
 
@@ -3060,7 +3069,9 @@ var ruRuLocale = {
         paintFormat: 'Формат по образцу',
         cleanFormat: 'Очистить формат',
         checkItem: 'Задача',
-        checkItemDesc: 'Вставить задачу'
+        checkItemDesc: 'Вставить задачу',
+        more: 'Еще',
+        fontSize: 'Размер шрифта'
     }
 };
 
@@ -3077,9 +3088,9 @@ class TheBaseToolbarItem {
     get activeState() {
         return this.active;
     }
-    constructor(i18n) {
+    constructor() {
         this.class = true;
-        this.locale = signal(i18n.getLocale()().translations);
+        this.locale = injectTranslations(inject(TheI18nService));
     }
     execute(event) {
         event.preventDefault();
@@ -3100,12 +3111,12 @@ class TheBaseToolbarItem {
             this.active = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarItem, deps: [{ token: TheI18nService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TheBaseToolbarItem, inputs: { toolbarItem: "toolbarItem", editor: "editor", itemMousedownHandle: "itemMousedownHandle" }, host: { properties: { "class.the-toolbar-item": "this.class", "class.disabled": "this.disabledState", "class.active": "this.activeState" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarItem, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { toolbarItem: [{
+        }], ctorParameters: () => [], propDecorators: { toolbarItem: [{
                 type: Input
             }], editor: [{
                 type: Input
@@ -3126,8 +3137,8 @@ class TheBaseToolbarDropdown extends TheBaseToolbarItem {
         const activeItem = this.dropdownItemKey && this.menus.find(item => item.key === this.dropdownItemKey);
         return activeItem ? activeItem : this.menus[0];
     }
-    constructor(i18n) {
-        super(i18n);
+    constructor() {
+        super();
         this.mode = DropdownMode.text;
     }
     selectionChange(editor) {
@@ -3141,12 +3152,12 @@ class TheBaseToolbarDropdown extends TheBaseToolbarItem {
             this.activeMenuItem = activeItem ? activeItem : this.defaultDropdownItem;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarDropdown, deps: [{ token: TheI18nService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarDropdown, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TheBaseToolbarDropdown, inputs: { menus: "menus", mode: "mode", dropdownItemKey: "dropdownItemKey" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarDropdown, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { menus: [{
+        }], ctorParameters: () => [], propDecorators: { menus: [{
                 type: Input
             }], mode: [{
                 type: Input
@@ -3360,8 +3371,8 @@ class TheToolbarDropdown extends TheBaseToolbarDropdown {
     get activeDropdown() {
         return this.toolbarItem.dropdownFixedIcon && !!this.activeKeys.length;
     }
-    constructor(elementRef, thyPopover, viewContainerRef, overlay, i18n) {
-        super(i18n);
+    constructor(elementRef, thyPopover, viewContainerRef, overlay) {
+        super();
         this.elementRef = elementRef;
         this.thyPopover = thyPopover;
         this.viewContainerRef = viewContainerRef;
@@ -3442,8 +3453,8 @@ class TheToolbarDropdown extends TheBaseToolbarDropdown {
             this.dropdownPopoverRef?.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarDropdown, deps: [{ token: i0.ElementRef }, { token: i1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i2.Overlay }, { token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheToolbarDropdown, isStandalone: true, selector: "the-toolbar-dropdown", host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconModeTemplate", first: true, predicate: ["iconModeTemplate"], descendants: true, static: true }, { propertyName: "textModeTemplate", first: true, predicate: ["textModeTemplate"], descendants: true, static: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n  *ngIf=\"mode === dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"icon-mode\"\n  thyAction\n  [thyActionIcon]=\"activeIcon\"\n  [thyActionActive]=\"activeDropdown\"\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n  *ngIf=\"mode !== dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"text-mode\"\n  thyAction\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <span class=\"show-text\">{{ locale()[activeMenuItem?.translateKey] ?? activeMenuItem?.name }}</span>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of menus\">\n      <a\n        *ngIf=\"menu.key !== 'split'\"\n        class=\"d-flex justify-content-between text-secondary\"\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [ngStyle]=\"menu?.styles\"\n        [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n        (mousedown)=\"preventDefault($event)\"\n        (click)=\"itemMousedown($event, menu)\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <thy-icon\n            class=\"text-secondary\"\n            *ngIf=\"menu?.icon && mode === dropdownMode.icon\"\n            thyDropdownMenuItemIcon\n            [thyIconName]=\"menu.icon\"\n          ></thy-icon>\n          <span class=\"text-body\" *ngIf=\"menu?.name\" thyDropdownMenuItemName>{{ locale()[menu?.translateKey] ?? menu.name }}</span>\n        </div>\n        <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu?.shortcutKey\">{{ menu.shortcutKey }}</div>\n      </a>\n      <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyDropdownMenuDivider, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarDropdown, deps: [{ token: i0.ElementRef }, { token: i1.ThyPopover }, { token: i0.ViewContainerRef }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheToolbarDropdown, isStandalone: true, selector: "the-toolbar-dropdown", host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "iconModeTemplate", first: true, predicate: ["iconModeTemplate"], descendants: true, static: true }, { propertyName: "textModeTemplate", first: true, predicate: ["textModeTemplate"], descendants: true, static: true }, { propertyName: "dropdownTemplate", first: true, predicate: ["dropdownTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n  *ngIf=\"mode === dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"icon-mode\"\n  thyAction\n  [thyActionIcon]=\"activeIcon\"\n  [thyActionActive]=\"activeDropdown\"\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n  *ngIf=\"mode !== dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"text-mode\"\n  thyAction\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <span class=\"show-text\">{{ activeMenuItem?.name }}</span>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of menus\">\n      <a\n        *ngIf=\"menu.key !== 'split'\"\n        class=\"d-flex justify-content-between text-secondary\"\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [ngStyle]=\"menu?.styles\"\n        [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n        (mousedown)=\"preventDefault($event)\"\n        (click)=\"itemMousedown($event, menu)\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <thy-icon\n            class=\"text-secondary\"\n            *ngIf=\"menu?.icon && mode === dropdownMode.icon\"\n            thyDropdownMenuItemIcon\n            [thyIconName]=\"menu.icon\"\n          ></thy-icon>\n          <span class=\"text-body\" *ngIf=\"menu?.name\" thyDropdownMenuItemName>{{ menu.name }}</span>\n        </div>\n        <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu?.shortcutKey\">{{ menu.shortcutKey }}</div>\n      </a>\n      <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "component", type: ThyDropdownMenuDivider, selector: "thy-dropdown-menu-divider" }, { kind: "directive", type: ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarDropdown, decorators: [{
             type: Component,
@@ -3458,8 +3469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ThyDropdownMenuItemNameDirective,
                         ThyDropdownMenuItemIconDirective,
                         ThyDropdownMenuItemActiveDirective
-                    ], template: "<a\n  *ngIf=\"mode === dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"icon-mode\"\n  thyAction\n  [thyActionIcon]=\"activeIcon\"\n  [thyActionActive]=\"activeDropdown\"\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n  *ngIf=\"mode !== dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"text-mode\"\n  thyAction\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <span class=\"show-text\">{{ locale()[activeMenuItem?.translateKey] ?? activeMenuItem?.name }}</span>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of menus\">\n      <a\n        *ngIf=\"menu.key !== 'split'\"\n        class=\"d-flex justify-content-between text-secondary\"\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [ngStyle]=\"menu?.styles\"\n        [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n        (mousedown)=\"preventDefault($event)\"\n        (click)=\"itemMousedown($event, menu)\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <thy-icon\n            class=\"text-secondary\"\n            *ngIf=\"menu?.icon && mode === dropdownMode.icon\"\n            thyDropdownMenuItemIcon\n            [thyIconName]=\"menu.icon\"\n          ></thy-icon>\n          <span class=\"text-body\" *ngIf=\"menu?.name\" thyDropdownMenuItemName>{{ locale()[menu?.translateKey] ?? menu.name }}</span>\n        </div>\n        <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu?.shortcutKey\">{{ menu.shortcutKey }}</div>\n      </a>\n      <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }, { type: i2.Overlay }, { type: TheI18nService }], propDecorators: { className: [{
+                    ], template: "<a\n  *ngIf=\"mode === dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"icon-mode\"\n  thyAction\n  [thyActionIcon]=\"activeIcon\"\n  [thyActionActive]=\"activeDropdown\"\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <thy-icon *ngIf=\"!toolbarItem.isHideDropdownActionIcon\" class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n<a\n  *ngIf=\"mode !== dropdownMode.icon\"\n  href=\"javascript:;\"\n  class=\"text-mode\"\n  thyAction\n  (mousedown)=\"preventDefault($event)\"\n  (click)=\"toggleDropdown($event)\"\n>\n  <span class=\"show-text\">{{ activeMenuItem?.name }}</span>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #dropdownTemplate>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of menus\">\n      <a\n        *ngIf=\"menu.key !== 'split'\"\n        class=\"d-flex justify-content-between text-secondary\"\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [ngStyle]=\"menu?.styles\"\n        [thyDropdownMenuItemActive]=\"activeKeys.includes(menu.key)\"\n        (mousedown)=\"preventDefault($event)\"\n        (click)=\"itemMousedown($event, menu)\"\n      >\n        <div class=\"d-flex align-items-center\">\n          <thy-icon\n            class=\"text-secondary\"\n            *ngIf=\"menu?.icon && mode === dropdownMode.icon\"\n            thyDropdownMenuItemIcon\n            [thyIconName]=\"menu.icon\"\n          ></thy-icon>\n          <span class=\"text-body\" *ngIf=\"menu?.name\" thyDropdownMenuItemName>{{ menu.name }}</span>\n        </div>\n        <div class=\"menu-item-right font-size-sm text-muted\" *ngIf=\"menu?.shortcutKey\">{{ menu.shortcutKey }}</div>\n      </a>\n      <thy-dropdown-menu-divider *ngIf=\"menu.key === 'split'\"></thy-dropdown-menu-divider>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }, { type: i2.Overlay }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
             }], iconModeTemplate: [{
@@ -3477,8 +3488,8 @@ class TheToolbarItem extends TheBaseToolbarItem {
     toggleDropdown(event) {
         super.execute(event);
     }
-    constructor(i18n) {
-        super(i18n);
+    constructor() {
+        super();
         this.className = 'the-toolbar-item';
     }
     ngOnInit() { }
@@ -3496,7 +3507,7 @@ class TheToolbarItem extends TheBaseToolbarItem {
         }
         this.toolbarItem?.execute(this.editor);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarItem, deps: [{ token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheToolbarItem, isStandalone: true, selector: "the-toolbar-item", host: { listeners: { "mousedown": "toggleDropdown($event)" }, properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: `
         <a
             href="javascript:;"
@@ -3505,7 +3516,7 @@ class TheToolbarItem extends TheBaseToolbarItem {
             [thyActionActive]="active"
             [thyTooltip]="tooltip"
             [thyTooltipTemplateContext]="{
-                name: locale()[toolbarItem.translateKey] ?? toolbarItem.name,
+                name: toolbarItem.name,
                 shortcutKey: toolbarItem.shortcutKey
             }"
             thyTooltipPlacement="top"
@@ -3527,7 +3538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             [thyActionActive]="active"
             [thyTooltip]="tooltip"
             [thyTooltipTemplateContext]="{
-                name: locale()[toolbarItem.translateKey] ?? toolbarItem.name,
+                name: toolbarItem.name,
                 shortcutKey: toolbarItem.shortcutKey
             }"
             thyTooltipPlacement="top"
@@ -3539,7 +3550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     imports: [ThyAction, ThyTooltipDirective]
                 }]
-        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { className: [{
+        }], ctorParameters: () => [], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
             }], toggleDropdown: [{
@@ -3893,11 +3904,11 @@ class TheToolbarGroup {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarGroup, deps: [{ token: i0.ElementRef }, { token: i1.ThyPopover }, { token: i0.ViewContainerRef }, { token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheToolbarGroup, isStandalone: true, selector: "the-toolbar-group", inputs: { menus: "menus", item: "item" }, host: { listeners: { "mousedown": "mousedownHandler($event)", "document:mouseup": "documentMouseupHandle($event)", "click": "clickHandle($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "groupTemplate", first: true, predicate: ["groupTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<a\n  href=\"javascript:;\"\n  thyAction\n  [thyActionIcon]=\"item.icon\"\n  [thyActionActive]=\"active\"\n  [thyTooltip]=\"locale()[item?.translateKey] ?? item?.name\"\n  thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n  <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: TheToolbarComponent, selector: "the-toolbar", inputs: ["editor", "toolbarItems", "align", "containerClass", "isMore", "afterTemplate"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheToolbarGroup, isStandalone: true, selector: "the-toolbar-group", inputs: { menus: "menus", item: "item" }, host: { listeners: { "mousedown": "mousedownHandler($event)", "document:mouseup": "documentMouseupHandle($event)", "click": "clickHandle($event)" }, properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "groupTemplate", first: true, predicate: ["groupTemplate"], descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: "<a\n  href=\"javascript:;\"\n  thyAction\n  [thyActionIcon]=\"item.icon\"\n  [thyActionActive]=\"active\"\n  [thyTooltip]=\"item?.name\"\n  thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n  <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n", dependencies: [{ kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: TheToolbarComponent, selector: "the-toolbar", inputs: ["editor", "toolbarItems", "align", "containerClass", "isMore", "afterTemplate"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'the-toolbar-group', standalone: true, imports: [ThyAction, ThyTooltipDirective, TheToolbarComponent], template: "<a\n  href=\"javascript:;\"\n  thyAction\n  [thyActionIcon]=\"item.icon\"\n  [thyActionActive]=\"active\"\n  [thyTooltip]=\"locale()[item?.translateKey] ?? item?.name\"\n  thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n  <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n" }]
+            args: [{ selector: 'the-toolbar-group', standalone: true, imports: [ThyAction, ThyTooltipDirective, TheToolbarComponent], template: "<a\n  href=\"javascript:;\"\n  thyAction\n  [thyActionIcon]=\"item.icon\"\n  [thyActionActive]=\"active\"\n  [thyTooltip]=\"item?.name\"\n  thyTooltipPlacement=\"top\"\n></a>\n\n<ng-template #groupTemplate>\n  <the-toolbar class=\"group\" [editor]=\"editor\" [toolbarItems]=\"menus\" [isMore]=\"false\"></the-toolbar>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }, { type: TheI18nService }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -6109,7 +6120,7 @@ const TableEditor = {
     },
     getSelectedCells(editor, location) {
         const tableNode = getAboveByType(editor, ElementKinds.table, {
-            at: location || editor.selection.anchor
+            at: location || editor.selection?.anchor
         });
         if (tableNode) {
             const tableComponent = ELEMENT_TO_COMPONENT.get(tableNode[0]);
@@ -7400,12 +7411,18 @@ class TheVerticalToolbarItem extends TheBaseToolbarDropdown {
             this.close();
         }
     }
-    constructor(elementRef, thyPopover, viewContainerRef, i18n) {
-        super(i18n);
+    constructor(elementRef, thyPopover, viewContainerRef) {
+        super();
         this.elementRef = elementRef;
         this.thyPopover = thyPopover;
         this.viewContainerRef = viewContainerRef;
     }
+    ngOnInit() {
+        if (!this.activeMenuItem) {
+            this.activeMenuItem = this.defaultDropdownItem;
+        }
+        this.disabled = this.toolbarItem?.disable ? this.toolbarItem?.disable(this.editor) : false;
+    }
     menusActive(editor) {
         return this.menus.find(i => {
             if (this.editor?.selection && i?.active) {
@@ -7445,8 +7462,8 @@ class TheVerticalToolbarItem extends TheBaseToolbarDropdown {
             this.dropdownPopoverRef.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheVerticalToolbarItem, deps: [{ token: i0.ElementRef }, { token: i1.ThyPopover }, { token: i0.ViewContainerRef }, { token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheVerticalToolbarItem, isStandalone: true, selector: "the-toolbar-vertical-align-item", host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, classAttribute: "the-toolbar-dropdown-container verticalAlign" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["VerticalAlignItems"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n  href=\"javascript:;\"\n  class=\"icon-mode link-with-down\"\n  thyAction\n  [thyActionIcon]=\"activeMenuItem?.icon\"\n  [thyActionActive]=\"isOpened\"\n  [thyTooltip]=\"locale()[toolbarItem?.translateKey] ?? toolbarItem?.name\"\n  thyTooltipPlacement=\"top\"\n  (mousedown)=\"execute($event)\"\n>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n      <a\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [thyDropdownMenuItemActive]=\"menu.key === activeMenuItem?.key\"\n        (mousedown)=\"itemMousedown($event, menu)\"\n      >\n        <thy-icon *ngIf=\"menu.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu?.icon\"></thy-icon>\n        <span thyDropdownMenuItemName>{{ locale()[menu.translateKey] ?? menu.name }}</span>\n      </a>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheVerticalToolbarItem, deps: [{ token: i0.ElementRef }, { token: i1.ThyPopover }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheVerticalToolbarItem, isStandalone: true, selector: "the-toolbar-vertical-align-item", host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, classAttribute: "the-toolbar-dropdown-container verticalAlign" }, viewQueries: [{ propertyName: "template", first: true, predicate: ["VerticalAlignItems"], descendants: true, read: TemplateRef, static: true }], usesInheritance: true, ngImport: i0, template: "<a\n  href=\"javascript:;\"\n  class=\"icon-mode link-with-down\"\n  thyAction\n  [thyActionIcon]=\"activeMenuItem?.icon\"\n  [thyActionActive]=\"isOpened\"\n  [thyTooltip]=\"toolbarItem?.name\"\n  thyTooltipPlacement=\"top\"\n  (mousedown)=\"execute($event)\"\n>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n      <a\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [thyDropdownMenuItemActive]=\"menu.key === activeMenuItem?.key\"\n        (mousedown)=\"itemMousedown($event, menu)\"\n      >\n        <thy-icon *ngIf=\"menu.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu?.icon\"></thy-icon>\n        <span thyDropdownMenuItemName>{{ menu.name }}</span>\n      </a>\n    </ng-container>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }, { kind: "directive", type: ThyDropdownMenuItemIconDirective, selector: "[thyDropdownMenuItemIcon]" }, { kind: "directive", type: ThyDropdownMenuItemNameDirective, selector: "[thyDropdownMenuItemName]" }, { kind: "directive", type: ThyDropdownMenuItemActiveDirective, selector: "[thyDropdownMenuItemActive]", inputs: ["thyDropdownMenuItemActive"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheVerticalToolbarItem, decorators: [{
             type: Component,
@@ -7462,8 +7479,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ThyDropdownMenuItemIconDirective,
                         ThyDropdownMenuItemNameDirective,
                         ThyDropdownMenuItemActiveDirective
-                    ], template: "<a\n  href=\"javascript:;\"\n  class=\"icon-mode link-with-down\"\n  thyAction\n  [thyActionIcon]=\"activeMenuItem?.icon\"\n  [thyActionActive]=\"isOpened\"\n  [thyTooltip]=\"locale()[toolbarItem?.translateKey] ?? toolbarItem?.name\"\n  thyTooltipPlacement=\"top\"\n  (mousedown)=\"execute($event)\"\n>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n      <a\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [thyDropdownMenuItemActive]=\"menu.key === activeMenuItem?.key\"\n        (mousedown)=\"itemMousedown($event, menu)\"\n      >\n        <thy-icon *ngIf=\"menu.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu?.icon\"></thy-icon>\n        <span thyDropdownMenuItemName>{{ locale()[menu.translateKey] ?? menu.name }}</span>\n      </a>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }, { type: TheI18nService }], propDecorators: { template: [{
+                    ], template: "<a\n  href=\"javascript:;\"\n  class=\"icon-mode link-with-down\"\n  thyAction\n  [thyActionIcon]=\"activeMenuItem?.icon\"\n  [thyActionActive]=\"isOpened\"\n  [thyTooltip]=\"toolbarItem?.name\"\n  thyTooltipPlacement=\"top\"\n  (mousedown)=\"execute($event)\"\n>\n  <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n</a>\n\n<ng-template #VerticalAlignItems>\n  <div class=\"thy-dropdown-menu\">\n    <ng-container *ngFor=\"let menu of toolbarItem?.includes\">\n      <a\n        href=\"javascript:;\"\n        thyDropdownMenuItem\n        [thyDropdownMenuItemActive]=\"menu.key === activeMenuItem?.key\"\n        (mousedown)=\"itemMousedown($event, menu)\"\n      >\n        <thy-icon *ngIf=\"menu.icon\" thyDropdownMenuItemIcon [thyIconName]=\"menu?.icon\"></thy-icon>\n        <span thyDropdownMenuItemName>{{ menu.name }}</span>\n      </a>\n    </ng-container>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }], propDecorators: { template: [{
                 type: ViewChild,
                 args: ['VerticalAlignItems', { read: TemplateRef, static: true }]
             }], handleDocumentMouseDown: [{
@@ -7485,45 +7502,45 @@ const VerticalAlignEditor = {
         }
     }
 };
-const createVerticalAlignPlugin = createPluginFactory({
+const createVerticalAlignPlugin = (locale) => createPluginFactory({
     key: PluginKeys.verticalAlign,
     toolbarItems: [
         {
             key: ToolbarActionTypes.verticalAlign,
-            name: '垂直对齐',
-            translateKey: 'verticalAlign',
+            name: locale().verticalAlign,
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheVerticalToolbarItem,
-            includes: [ToolbarActionTypes.verticalAlignTop, ToolbarActionTypes.verticalAlignMiddle, ToolbarActionTypes.verticalAlignBottom],
+            includes: [
+                ToolbarActionTypes.verticalAlignTop,
+                ToolbarActionTypes.verticalAlignMiddle,
+                ToolbarActionTypes.verticalAlignBottom
+            ],
             disable: editor => !TableEditor.isActive(editor)
         },
         {
             key: ToolbarActionTypes.verticalAlignTop,
             icon: 'align-top',
-            name: '顶部对齐',
-            translateKey: 'verticalAlignTop',
+            name: locale().verticalAlignTop,
             execute: editor => VerticalAlignEditor.setVerticalAlign(editor, VerticalAlignment.top),
             active: editor => VerticalAlignEditor.isVerticalActive(editor, VerticalAlignment.top)
         },
         {
             key: ToolbarActionTypes.verticalAlignMiddle,
             icon: 'align-middle',
-            name: '垂直居中',
-            translateKey: 'verticalAlignMiddle',
+            name: locale().verticalAlignMiddle,
             execute: editor => VerticalAlignEditor.setVerticalAlign(editor, VerticalAlignment.middle),
             active: editor => VerticalAlignEditor.isVerticalActive(editor, VerticalAlignment.middle)
         },
         {
             key: ToolbarActionTypes.verticalAlignBottom,
             icon: 'align-bottom',
-            name: '底部对齐',
-            translateKey: 'verticalAlignBottom',
+            name: locale().verticalAlignBottom,
             execute: editor => VerticalAlignEditor.setVerticalAlign(editor, VerticalAlignment.bottom),
             active: editor => VerticalAlignEditor.isVerticalActive(editor, VerticalAlignment.bottom)
         }
     ]
-});
+})();
 
 const InlineCodeEditor = {
     toggleInlineCode(editor, text) {
@@ -7735,7 +7752,7 @@ class ThePluginMenuComponent {
         this.theDisplaySearch = false;
         this.autoActiveFirstItem = true;
         this.containerClassName = `the-plugin-menu-container`;
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.listBox = viewChild(TheListboxDirective);
         this.listBoxAutoActiveFirstItem = true;
         this.groupMenu = [];
@@ -7806,7 +7823,7 @@ class ThePluginMenuComponent {
         }
     }
     initializePluginMenu() {
-        const currentMenu = this.thePluginMenu || DefaultPluginMenu;
+        const currentMenu = this.thePluginMenu || getTheDefaultPluginMenu(this.locale);
         const menuItemsMap = buildPluginMenuItemMap(this.editor);
         this._pluginMenu = buildPluginMenu(menuItemsMap, currentMenu);
     }
@@ -7929,7 +7946,7 @@ class ThePluginMenuComponent {
         return item?.key ?? index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThePluginMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThePluginMenuComponent, isStandalone: true, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu", sceneKey: "sceneKey", subPanelClass: "subPanelClass", autoActiveFirstItem: "autoActiveFirstItem" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "listBox", first: true, predicate: TheListboxDirective, descendants: true, isSignal: true }, { propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], ngImport: i0, template: "@if (theDisplaySearch) {\n  <div class=\"menu-search px-5 pt-5 pb-2\">\n    <thy-input-search\n      [placeholder]=\"locale().search\"\n      thyIconPosition=\"after\"\n      [(ngModel)]=\"keyWords\"\n      (ngModelChange)=\"updateKeywords(keyWords)\"\n    >\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track trackByFn) {\n          @if (item.type === ThePluginMenuItemType.icon) {\n            <a\n              href=\"javascript:;\"\n              class=\"mt-2\"\n              thyAction\n              theListboxOption\n              thePreventDefault\n              [theOptionValue]=\"item\"\n              [thyActionIcon]=\"item.icon\"\n              [thyTooltip]=\"locale()[item.translateKey] ?? item?.name\"\n              [thyDisabled]=\"item.disabled\"\n              [theOptionDisabled]=\"item.disabled\"\n              (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n              (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n              (click)=\"handleItemSelection(item)\"\n            ></a>\n          }\n        }\n      </div>\n      <thy-divider class=\"my-2\"></thy-divider>\n    </ng-container>\n\n    <div theListboxGroup>\n      <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n        <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n          <div\n            class=\"py-0\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ locale()[item.translateKey] ?? item.name }}\n              </div>\n            </div>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDropdown]=\"expand\"\n            [thyPopoverOptions]=\"expandPopoverOptions\"\n            [thyPanelClass]=\"subPanelClass\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ locale()[item.translateKey] ?? item.name }}\n              </div>\n            </div>\n            @if (item.children?.length > 0) {\n              <div>\n                <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n              </div>\n            }\n            <thy-dropdown-menu #expand>\n              <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                @for (child of item.children; track trackByFn) {\n                  @if (child.type === ThePluginMenuItemType.group) {\n                    <div\n                      class=\"py-0\"\n                      thyDropdownMenuItem\n                      theListboxOption\n                      thePreventDefault\n                      [theOptionDisabled]=\"item.disabled\"\n                      [thyDisabled]=\"child.disabled\"\n                      [theOptionValue]=\"child\"\n                      (mouseenter)=\"listBoxOptionMouseenter($event, child)\"\n                      (mouseleave)=\"listBoxOptionMouseleave($event, child)\"\n                      (click)=\"handleItemSelection(child)\"\n                    >\n                      @if (child?.menuIcon) {\n                        <div class=\"menu-icon mr-2\">\n                          <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                        </div>\n                      }\n                      <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                          {{ child.name }}\n                        </div>\n                      </div>\n                    </div>\n                  } @else if (child === 'divider') {\n                    <thy-divider class=\"my-2\"></thy-divider>\n                  }\n                }\n              </div>\n            </thy-dropdown-menu>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyPlacement=\"rightTop\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDisabled]=\"item.disabled\"\n            [thyPopover]=\"tableSelect\"\n            [thyConfig]=\"tableSelectPopoverConfig\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            <div class=\"menu-icon mr-2\">\n              <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n            </div>\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ locale()[item.translateKey] ?? item.name }}\n              </div>\n            </div>\n            <div>\n              <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n            </div>\n\n            <ng-template #tableSelect>\n              <table-select\n                class=\"plugin-menu-table the-table-selector-panel\"\n                [editor]=\"editor\"\n                [beforeInsert]=\"removeBlock\"\n              ></table-select>\n            </ng-template>\n          </div>\n        </ng-container>\n\n        @if (!item.isMenuItem) {\n          <thy-dropdown-menu-group\n            class=\"font-size-sm\"\n            [thyTitle]=\"locale()[item.translateKey] ?? item.groupName\"\n          ></thy-dropdown-menu-group>\n        }\n      </ng-container>\n    </div>\n  </div>\n} @else {\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ThyEmptyModule }, { kind: "component", type: i2$2.ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: TheTableSelect, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyInputSearch, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "component", type: ThyDropdownMenuGroup, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "pipe", type: PluginMenuPipe, name: "getMenuIcon" }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer", "autoActiveFirstItem"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue", "theOptionDisabled"], exportAs: ["theListboxOption"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ThePluginMenuComponent, isStandalone: true, selector: "the-plugin-menu", inputs: { editor: "editor", theDisplaySearch: "theDisplaySearch", thePluginMenu: "thePluginMenu", sceneKey: "sceneKey", subPanelClass: "subPanelClass", autoActiveFirstItem: "autoActiveFirstItem" }, host: { properties: { "class": "this.containerClassName" } }, viewQueries: [{ propertyName: "listBox", first: true, predicate: TheListboxDirective, descendants: true, isSignal: true }, { propertyName: "dropdownTriggers", predicate: ["dropdownTriggers"], descendants: true, read: ThyDropdownDirective }], ngImport: i0, template: "@if (theDisplaySearch) {\n  <div class=\"menu-search px-5 pt-5 pb-2\">\n    <thy-input-search\n      [placeholder]=\"locale().search\"\n      thyIconPosition=\"after\"\n      [(ngModel)]=\"keyWords\"\n      (ngModelChange)=\"updateKeywords(keyWords)\"\n    >\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track trackByFn) {\n          @if (item.type === ThePluginMenuItemType.icon) {\n            <a\n              href=\"javascript:;\"\n              class=\"mt-2\"\n              thyAction\n              theListboxOption\n              thePreventDefault\n              [theOptionValue]=\"item\"\n              [thyActionIcon]=\"item.icon\"\n              [thyTooltip]=\"item?.name\"\n              [thyDisabled]=\"item.disabled\"\n              [theOptionDisabled]=\"item.disabled\"\n              (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n              (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n              (click)=\"handleItemSelection(item)\"\n            ></a>\n          }\n        }\n      </div>\n      <thy-divider class=\"my-2\"></thy-divider>\n    </ng-container>\n\n    <div theListboxGroup>\n      <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n        <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n          <div\n            class=\"py-0\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDropdown]=\"expand\"\n            [thyPopoverOptions]=\"expandPopoverOptions\"\n            [thyPanelClass]=\"subPanelClass\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            @if (item.children?.length > 0) {\n              <div>\n                <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n              </div>\n            }\n            <thy-dropdown-menu #expand>\n              <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                @for (child of item.children; track trackByFn) {\n                  @if (child.type === ThePluginMenuItemType.group) {\n                    <div\n                      class=\"py-0\"\n                      thyDropdownMenuItem\n                      theListboxOption\n                      thePreventDefault\n                      [theOptionDisabled]=\"item.disabled\"\n                      [thyDisabled]=\"child.disabled\"\n                      [theOptionValue]=\"child\"\n                      (mouseenter)=\"listBoxOptionMouseenter($event, child)\"\n                      (mouseleave)=\"listBoxOptionMouseleave($event, child)\"\n                      (click)=\"handleItemSelection(child)\"\n                    >\n                      @if (child?.menuIcon) {\n                        <div class=\"menu-icon mr-2\">\n                          <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                        </div>\n                      }\n                      <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                          {{ child.name }}\n                        </div>\n                      </div>\n                    </div>\n                  } @else if (child === 'divider') {\n                    <thy-divider class=\"my-2\"></thy-divider>\n                  }\n                }\n              </div>\n            </thy-dropdown-menu>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyPlacement=\"rightTop\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDisabled]=\"item.disabled\"\n            [thyPopover]=\"tableSelect\"\n            [thyConfig]=\"tableSelectPopoverConfig\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            <div class=\"menu-icon mr-2\">\n              <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n            </div>\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            <div>\n              <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n            </div>\n\n            <ng-template #tableSelect>\n              <table-select\n                class=\"plugin-menu-table the-table-selector-panel\"\n                [editor]=\"editor\"\n                [beforeInsert]=\"removeBlock\"\n              ></table-select>\n            </ng-template>\n          </div>\n        </ng-container>\n\n        @if (!item.isMenuItem) {\n          <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n        }\n      </ng-container>\n    </div>\n  </div>\n} @else {\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ThyEmptyModule }, { kind: "component", type: i2$2.ThyEmpty, selector: "thy-empty", inputs: ["thyMessage", "thyTranslationKey", "thyTranslationValues", "thyEntityName", "thyEntityNameTranslateKey", "thyIconName", "thySize", "thyMarginTop", "thyTopAuto", "thyContainer", "thyImageUrl", "thyImageLoading", "thyImageFetchPriority", "thyDescription"] }, { kind: "component", type: TheTableSelect, selector: "table-select", inputs: ["optionsParam", "editor", "beforeInsert"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "component", type: ThyInputSearch, selector: "thy-input-search", inputs: ["name", "placeholder", "thyTheme", "thySearchFocus", "thyIconPosition", "thySize"], outputs: ["clear", "thyClear"] }, { kind: "component", type: ThyDropdownMenuComponent, selector: "thy-dropdown-menu", inputs: ["thyWidth", "thyImmediateRender"] }, { kind: "component", type: ThyDropdownMenuGroup, selector: "thy-dropdown-menu-group", inputs: ["thyTitle"] }, { kind: "pipe", type: PluginMenuPipe, name: "getMenuIcon" }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: ThyPopoverDirective, selector: "[thyPopover]", inputs: ["thyPopover", "thyTrigger", "thyPlacement", "thyOffset", "thyConfig", "thyShowDelay", "thyHideDelay", "thyAutoAdaptive", "thyDisabled"] }, { kind: "directive", type: TheListboxDirective, selector: "[theListBox]", inputs: ["keyboardContainer", "autoActiveFirstItem"], outputs: ["theListboxChange"], exportAs: ["theListBox"] }, { kind: "directive", type: ThyDropdownDirective, selector: "[thyDropdown]", inputs: ["thyDropdownMenu", "thyDropdown", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyActiveClass", "thyPopoverOptions", "thyPlacement", "thyMenuInsideClosable", "thyPanelClass"], outputs: ["thyActiveChange"] }, { kind: "directive", type: TheListboxGroupDirective, selector: "[theListboxGroup]", inputs: ["horizontalColumn"], exportAs: ["theListboxGroup"] }, { kind: "directive", type: TheListboxOptionDirective, selector: "[theListboxOption]", inputs: ["theOptionValue", "theOptionDisabled"], exportAs: ["theListboxOption"] }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }, { kind: "directive", type: ThyDropdownMenuItemDirective, selector: "[thyDropdownMenuItem]", inputs: ["thyType", "thyDisabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThePluginMenuComponent, decorators: [{
             type: Component,
@@ -7954,7 +7971,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         TheListboxOptionDirective,
                         ThePreventDefaultDirective,
                         ThyDropdownMenuItemDirective
-                    ], template: "@if (theDisplaySearch) {\n  <div class=\"menu-search px-5 pt-5 pb-2\">\n    <thy-input-search\n      [placeholder]=\"locale().search\"\n      thyIconPosition=\"after\"\n      [(ngModel)]=\"keyWords\"\n      (ngModelChange)=\"updateKeywords(keyWords)\"\n    >\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track trackByFn) {\n          @if (item.type === ThePluginMenuItemType.icon) {\n            <a\n              href=\"javascript:;\"\n              class=\"mt-2\"\n              thyAction\n              theListboxOption\n              thePreventDefault\n              [theOptionValue]=\"item\"\n              [thyActionIcon]=\"item.icon\"\n              [thyTooltip]=\"locale()[item.translateKey] ?? item?.name\"\n              [thyDisabled]=\"item.disabled\"\n              [theOptionDisabled]=\"item.disabled\"\n              (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n              (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n              (click)=\"handleItemSelection(item)\"\n            ></a>\n          }\n        }\n      </div>\n      <thy-divider class=\"my-2\"></thy-divider>\n    </ng-container>\n\n    <div theListboxGroup>\n      <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n        <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n          <div\n            class=\"py-0\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ locale()[item.translateKey] ?? item.name }}\n              </div>\n            </div>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDropdown]=\"expand\"\n            [thyPopoverOptions]=\"expandPopoverOptions\"\n            [thyPanelClass]=\"subPanelClass\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ locale()[item.translateKey] ?? item.name }}\n              </div>\n            </div>\n            @if (item.children?.length > 0) {\n              <div>\n                <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n              </div>\n            }\n            <thy-dropdown-menu #expand>\n              <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                @for (child of item.children; track trackByFn) {\n                  @if (child.type === ThePluginMenuItemType.group) {\n                    <div\n                      class=\"py-0\"\n                      thyDropdownMenuItem\n                      theListboxOption\n                      thePreventDefault\n                      [theOptionDisabled]=\"item.disabled\"\n                      [thyDisabled]=\"child.disabled\"\n                      [theOptionValue]=\"child\"\n                      (mouseenter)=\"listBoxOptionMouseenter($event, child)\"\n                      (mouseleave)=\"listBoxOptionMouseleave($event, child)\"\n                      (click)=\"handleItemSelection(child)\"\n                    >\n                      @if (child?.menuIcon) {\n                        <div class=\"menu-icon mr-2\">\n                          <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                        </div>\n                      }\n                      <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                          {{ child.name }}\n                        </div>\n                      </div>\n                    </div>\n                  } @else if (child === 'divider') {\n                    <thy-divider class=\"my-2\"></thy-divider>\n                  }\n                }\n              </div>\n            </thy-dropdown-menu>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyPlacement=\"rightTop\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDisabled]=\"item.disabled\"\n            [thyPopover]=\"tableSelect\"\n            [thyConfig]=\"tableSelectPopoverConfig\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            <div class=\"menu-icon mr-2\">\n              <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n            </div>\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ locale()[item.translateKey] ?? item.name }}\n              </div>\n            </div>\n            <div>\n              <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n            </div>\n\n            <ng-template #tableSelect>\n              <table-select\n                class=\"plugin-menu-table the-table-selector-panel\"\n                [editor]=\"editor\"\n                [beforeInsert]=\"removeBlock\"\n              ></table-select>\n            </ng-template>\n          </div>\n        </ng-container>\n\n        @if (!item.isMenuItem) {\n          <thy-dropdown-menu-group\n            class=\"font-size-sm\"\n            [thyTitle]=\"locale()[item.translateKey] ?? item.groupName\"\n          ></thy-dropdown-menu-group>\n        }\n      </ng-container>\n    </div>\n  </div>\n} @else {\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n}\n" }]
+                    ], template: "@if (theDisplaySearch) {\n  <div class=\"menu-search px-5 pt-5 pb-2\">\n    <thy-input-search\n      [placeholder]=\"locale().search\"\n      thyIconPosition=\"after\"\n      [(ngModel)]=\"keyWords\"\n      (ngModelChange)=\"updateKeywords(keyWords)\"\n    >\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track trackByFn) {\n          @if (item.type === ThePluginMenuItemType.icon) {\n            <a\n              href=\"javascript:;\"\n              class=\"mt-2\"\n              thyAction\n              theListboxOption\n              thePreventDefault\n              [theOptionValue]=\"item\"\n              [thyActionIcon]=\"item.icon\"\n              [thyTooltip]=\"item?.name\"\n              [thyDisabled]=\"item.disabled\"\n              [theOptionDisabled]=\"item.disabled\"\n              (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n              (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n              (click)=\"handleItemSelection(item)\"\n            ></a>\n          }\n        }\n      </div>\n      <thy-divider class=\"my-2\"></thy-divider>\n    </ng-container>\n\n    <div theListboxGroup>\n      <ng-container *ngFor=\"let item of groupMenu; trackBy: trackByFn\">\n        <ng-container *ngIf=\"item.isMenuItem && !(item.children?.length > 0) && item.key !== 'table'\">\n          <div\n            class=\"py-0\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.children?.length > 0\" #hasExpanded>\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [thyDisabled]=\"item.disabled\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDropdown]=\"expand\"\n            [thyPopoverOptions]=\"expandPopoverOptions\"\n            [thyPanelClass]=\"subPanelClass\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            @if (item?.menuIcon) {\n              <div class=\"menu-icon mr-2\">\n                <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n              </div>\n            }\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            @if (item.children?.length > 0) {\n              <div>\n                <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n              </div>\n            }\n            <thy-dropdown-menu #expand>\n              <div class=\"the-plugin-menu-container expand-menu\" theListboxGroup>\n                @for (child of item.children; track trackByFn) {\n                  @if (child.type === ThePluginMenuItemType.group) {\n                    <div\n                      class=\"py-0\"\n                      thyDropdownMenuItem\n                      theListboxOption\n                      thePreventDefault\n                      [theOptionDisabled]=\"item.disabled\"\n                      [thyDisabled]=\"child.disabled\"\n                      [theOptionValue]=\"child\"\n                      (mouseenter)=\"listBoxOptionMouseenter($event, child)\"\n                      (mouseleave)=\"listBoxOptionMouseleave($event, child)\"\n                      (click)=\"handleItemSelection(child)\"\n                    >\n                      @if (child?.menuIcon) {\n                        <div class=\"menu-icon mr-2\">\n                          <thy-icon [thyIconName]=\"child.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n                        </div>\n                      }\n                      <div class=\"menu-content d-flex align-items-center\">\n                        <div class=\"menu-item-title w-100\">\n                          {{ child.name }}\n                        </div>\n                      </div>\n                    </div>\n                  } @else if (child === 'divider') {\n                    <thy-divider class=\"my-2\"></thy-divider>\n                  }\n                }\n              </div>\n            </thy-dropdown-menu>\n          </div>\n        </ng-container>\n\n        <ng-container *ngIf=\"item.isMenuItem && item.key === 'table'\">\n          <div\n            #dropdownTriggers\n            class=\"py-0\"\n            thyPlacement=\"rightTop\"\n            thyTrigger=\"hover\"\n            thyDropdownMenuItem\n            theListboxOption\n            thePreventDefault\n            [theOptionValue]=\"item\"\n            [theOptionDisabled]=\"item.disabled\"\n            [thyDisabled]=\"item.disabled\"\n            [thyPopover]=\"tableSelect\"\n            [thyConfig]=\"tableSelectPopoverConfig\"\n            (mouseenter)=\"listBoxOptionMouseenter($event, item)\"\n            (mouseleave)=\"listBoxOptionMouseleave($event, item)\"\n            (click)=\"handleItemSelection(item)\"\n          >\n            <div class=\"menu-icon mr-2\">\n              <thy-icon [thyIconName]=\"item.menuIcon | getMenuIcon: sceneKey\"></thy-icon>\n            </div>\n            <div class=\"menu-content d-flex align-items-center\">\n              <div class=\"menu-item-title w-100\">\n                {{ item.name }}\n              </div>\n            </div>\n            <div>\n              <thy-icon class=\"text-muted\" thyIconName=\"angle-right\"></thy-icon>\n            </div>\n\n            <ng-template #tableSelect>\n              <table-select\n                class=\"plugin-menu-table the-table-selector-panel\"\n                [editor]=\"editor\"\n                [beforeInsert]=\"removeBlock\"\n              ></table-select>\n            </ng-template>\n          </div>\n        </ng-container>\n\n        @if (!item.isMenuItem) {\n          <thy-dropdown-menu-group class=\"font-size-sm\" [thyTitle]=\"item.groupName\"></thy-dropdown-menu-group>\n        }\n      </ng-container>\n    </div>\n  </div>\n} @else {\n  <div class=\"empty d-flex align-items-center justify-content-center\">\n    <thy-empty [thyMessage]=\"thyMessage\"></thy-empty>\n  </div>\n}\n" }]
         }], propDecorators: { editor: [{
                 type: Input
             }], theDisplaySearch: [{
@@ -8417,7 +8434,7 @@ const isMarkdownSyntax = content => {
 
 class TheConversionHint {
     constructor() {
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.duration = 10000;
         this.pauseOnHover = true;
     }
@@ -8937,7 +8954,7 @@ const withAlign = (editor) => {
     };
     return editor;
 };
-const createAlignPlugin = createPluginFactory({
+const createAlignPlugin = (locale) => createPluginFactory({
     key: PluginKeys.align,
     withOverrides: withAlign,
     toolbarItems: [
@@ -8947,31 +8964,27 @@ const createAlignPlugin = createPluginFactory({
             dropdownMode: DropdownMode.icon,
             dropdownItemKey: ToolbarActionTypes.alignLeft,
             includes: [ToolbarActionTypes.alignLeft, ToolbarActionTypes.alignCenter, ToolbarActionTypes.alignRight],
-            name: '对齐方式',
-            translateKey: 'alignment',
+            name: locale().alignment,
             disable: editor => AlignEditor.isDisabled(editor)
         },
         {
             key: ToolbarActionTypes.alignLeft,
             icon: 'align-left',
-            name: '左对齐',
-            translateKey: 'alignLeft',
+            name: locale().alignLeft,
             execute: editor => AlignEditor.setAlign(editor, Alignment.left),
             active: editor => AlignEditor.isActive(editor, Alignment.left)
         },
         {
             key: ToolbarActionTypes.alignCenter,
             icon: 'align-center',
-            name: '居中',
-            translateKey: 'alignCenter',
+            name: locale().alignCenter,
             execute: editor => AlignEditor.setAlign(editor, Alignment.center),
             active: editor => AlignEditor.isActive(editor, Alignment.center)
         },
         {
             key: ToolbarActionTypes.alignRight,
             icon: 'align-right',
-            name: '右对齐',
-            translateKey: 'alignRight',
+            name: locale().alignRight,
             execute: editor => AlignEditor.setAlign(editor, Alignment.right),
             active: editor => AlignEditor.isActive(editor, Alignment.right)
         }
@@ -8979,7 +8992,7 @@ const createAlignPlugin = createPluginFactory({
     options: {
         disabledOperateTypes: [...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 const defaultAutoFormatRules = [
     {
@@ -9387,15 +9400,14 @@ const withBlockquote = (editor) => {
     };
     return editor;
 };
-const createBlockquotePlugin = createPluginFactory({
+const createBlockquotePlugin = (locale) => createPluginFactory({
     key: PluginKeys.blockquote,
     withOverrides: withBlockquote,
     toolbarItems: [
         {
             key: ElementKinds.blockquote,
             icon: 'blockquote',
-            name: '引用',
-            translateKey: 'blockquote',
+            name: locale().blockquote,
             active: editor => isBlockActive(editor, ElementKinds.blockquote),
             execute: editor => BlockquoteEditor.toggleBlockquote(editor)
         }
@@ -9404,13 +9416,11 @@ const createBlockquotePlugin = createPluginFactory({
         {
             key: ElementKinds.blockquote,
             type: ThePluginMenuItemType.group,
-            keywords: 'yy,yinyong,quote,引用,цитата,zitat',
+            keywords: `yy,yinyong,quote,${locale().blockquote}`,
             active: editor => isBlockActive(editor, ElementKinds.blockquote),
             execute: editor => BlockquoteEditor.toggleBlockquote(editor),
-            name: '引用',
-            translateKey: 'blockquote',
-            description: '支持引用内容',
-            descriptionTranslateKey: 'blockquoteDesc',
+            name: locale().blockquote,
+            description: locale().blockquoteDesc,
             menuIcon: PluginMenuIcons.blockquote,
             displayKey: '/yy'
         }
@@ -9418,12 +9428,12 @@ const createBlockquotePlugin = createPluginFactory({
     options: {
         allowParentTypes: [ElementKinds.tableCell]
     }
-});
+})();
 
 class TheCode extends TheBaseElement {
     constructor() {
         super(...arguments);
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.startRenderCodemirror = false;
         this.dropdownMode = DropdownMode;
         this.maxHeight = 0;
@@ -9675,15 +9685,14 @@ const withCode = (editor) => {
     };
     return editor;
 };
-const createCodePlugin = createPluginFactory({
+const createCodePlugin = (locale) => createPluginFactory({
     key: PluginKeys.code,
     withOverrides: withCode,
     toolbarItems: [
         {
             key: ElementKinds.code,
             icon: 'code-syntax',
-            name: '代码块',
-            translateKey: 'code',
+            name: locale().code,
             active: editor => isBlockActive(editor, ElementKinds.code),
             execute: editor => CodeEditor.insertCode(editor)
         }
@@ -9692,13 +9701,11 @@ const createCodePlugin = createPluginFactory({
         {
             key: ElementKinds.code,
             type: ThePluginMenuItemType.group,
-            keywords: 'dmk,daimakuai,code,代码块,程式碼區塊,codeblöcke,コードブロック,Блок кода',
+            keywords: `dmk,daimakuai,code,${locale().code}`,
             active: editor => isBlockActive(editor, ElementKinds.code),
             execute: editor => CodeEditor.insertCode(editor),
-            name: '代码块',
-            translateKey: 'code',
-            description: '支持插入语法高亮的代码',
-            descriptionTranslateKey: 'codeDesc',
+            name: locale().code,
+            description: locale().codeDesc,
             menuIcon: PluginMenuIcons.code,
             displayKey: '/dmk'
         }
@@ -9706,7 +9713,7 @@ const createCodePlugin = createPluginFactory({
     options: {
         allowParentTypes: [ElementKinds.tableCell]
     }
-});
+})();
 
 class TheColorToolbarItem extends TheBaseToolbarItem {
     get lastTextColor() {
@@ -9715,8 +9722,8 @@ class TheColorToolbarItem extends TheBaseToolbarItem {
     get lastBackgroundColor() {
         return THE_EDITOR_BG_COLOR.get(this.editor) ?? '#FFDA00';
     }
-    constructor(i18n) {
-        super(i18n);
+    constructor() {
+        super();
         this.pickerActive = false;
     }
     ngOnInit() {
@@ -9780,24 +9787,23 @@ class TheColorToolbarItem extends TheBaseToolbarItem {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheColorToolbarItem, deps: [{ token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheColorToolbarItem, isStandalone: true, selector: "the-color-toolbar-item", host: { classAttribute: "the-color-toolbar-item" }, usesInheritance: true, ngImport: i0, template: "<thy-actions\n  class=\"d-flex p-0\"\n  thySize=\"zero\"\n  thyTooltipPlacement=\"top\"\n  [thyTooltip]=\"locale()[toolbarItem.translateKey] ?? toolbarItem.name\"\n  [ngClass]=\"{ 'thy-default-picker-active': pickerActive }\"\n>\n  <a href=\"javascript:;\" class=\"color\" thyAction (mousedown)=\"selectColor($event)\">\n    <thy-icon\n      thyIconType=\"twotone\"\n      [thyIconName]=\"toolbarItem.icon\"\n      [thyTwotoneColor]=\"toolbarItem.key === 'color' ? lastTextColor : lastBackgroundColor\"\n      (mousedown)=\"selectColor($event)\"\n    ></thy-icon>\n  </a>\n  <a\n    class=\"pl-0 pr-0 caret-down\"\n    href=\"javascript:;\"\n    thyAction\n    thyColorPicker\n    thyPlacement=\"bottomLeft\"\n    [(ngModel)]=\"selectedColor\"\n    (thyPanelOpen)=\"pickerActive = true\"\n    (thyPanelOpen)=\"colorPanelOpen($event)\"\n    (thyPanelClose)=\"colorPanelClose()\"\n    (ngModelChange)=\"changeColor($event)\"\n    (mousedown)=\"preventDefault($event)\"\n  >\n    <thy-icon class=\"link-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n  </a>\n</thy-actions>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheColorToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheColorToolbarItem, isStandalone: true, selector: "the-color-toolbar-item", host: { classAttribute: "the-color-toolbar-item" }, usesInheritance: true, ngImport: i0, template: "<thy-actions\n  class=\"d-flex p-0\"\n  thySize=\"zero\"\n  thyTooltipPlacement=\"top\"\n  [thyTooltip]=\"toolbarItem.name\"\n  [ngClass]=\"{ 'thy-default-picker-active': pickerActive }\"\n>\n  <a href=\"javascript:;\" class=\"color\" thyAction (mousedown)=\"selectColor($event)\">\n    <thy-icon\n      thyIconType=\"twotone\"\n      [thyIconName]=\"toolbarItem.icon\"\n      [thyTwotoneColor]=\"toolbarItem.key === 'color' ? lastTextColor : lastBackgroundColor\"\n      (mousedown)=\"selectColor($event)\"\n    ></thy-icon>\n  </a>\n  <a\n    class=\"pl-0 pr-0 caret-down\"\n    href=\"javascript:;\"\n    thyAction\n    thyColorPicker\n    thyPlacement=\"bottomLeft\"\n    [(ngModel)]=\"selectedColor\"\n    (thyPanelOpen)=\"pickerActive = true\"\n    (thyPanelOpen)=\"colorPanelOpen($event)\"\n    (thyPanelClose)=\"colorPanelClose()\"\n    (ngModelChange)=\"changeColor($event)\"\n    (mousedown)=\"preventDefault($event)\"\n  >\n    <thy-icon class=\"link-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n  </a>\n</thy-actions>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ThyAction, selector: "thy-action, [thyAction]", inputs: ["thyType", "thyIcon", "thyActionIcon", "thyActive", "thyActionActive", "thyTheme", "thyHoverIcon", "thyDisabled"] }, { kind: "component", type: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheColorToolbarItem, decorators: [{
             type: Component,
             args: [{ selector: 'the-color-toolbar-item', host: {
                         class: 'the-color-toolbar-item'
-                    }, standalone: true, imports: [NgClass, FormsModule, ThyAction, ThyActions, ThyColorPickerDirective, ThyTooltipDirective, ThyIcon], template: "<thy-actions\n  class=\"d-flex p-0\"\n  thySize=\"zero\"\n  thyTooltipPlacement=\"top\"\n  [thyTooltip]=\"locale()[toolbarItem.translateKey] ?? toolbarItem.name\"\n  [ngClass]=\"{ 'thy-default-picker-active': pickerActive }\"\n>\n  <a href=\"javascript:;\" class=\"color\" thyAction (mousedown)=\"selectColor($event)\">\n    <thy-icon\n      thyIconType=\"twotone\"\n      [thyIconName]=\"toolbarItem.icon\"\n      [thyTwotoneColor]=\"toolbarItem.key === 'color' ? lastTextColor : lastBackgroundColor\"\n      (mousedown)=\"selectColor($event)\"\n    ></thy-icon>\n  </a>\n  <a\n    class=\"pl-0 pr-0 caret-down\"\n    href=\"javascript:;\"\n    thyAction\n    thyColorPicker\n    thyPlacement=\"bottomLeft\"\n    [(ngModel)]=\"selectedColor\"\n    (thyPanelOpen)=\"pickerActive = true\"\n    (thyPanelOpen)=\"colorPanelOpen($event)\"\n    (thyPanelClose)=\"colorPanelClose()\"\n    (ngModelChange)=\"changeColor($event)\"\n    (mousedown)=\"preventDefault($event)\"\n  >\n    <thy-icon class=\"link-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n  </a>\n</thy-actions>\n" }]
-        }], ctorParameters: () => [{ type: TheI18nService }] });
+                    }, standalone: true, imports: [NgClass, FormsModule, ThyAction, ThyActions, ThyColorPickerDirective, ThyTooltipDirective, ThyIcon], template: "<thy-actions\n  class=\"d-flex p-0\"\n  thySize=\"zero\"\n  thyTooltipPlacement=\"top\"\n  [thyTooltip]=\"toolbarItem.name\"\n  [ngClass]=\"{ 'thy-default-picker-active': pickerActive }\"\n>\n  <a href=\"javascript:;\" class=\"color\" thyAction (mousedown)=\"selectColor($event)\">\n    <thy-icon\n      thyIconType=\"twotone\"\n      [thyIconName]=\"toolbarItem.icon\"\n      [thyTwotoneColor]=\"toolbarItem.key === 'color' ? lastTextColor : lastBackgroundColor\"\n      (mousedown)=\"selectColor($event)\"\n    ></thy-icon>\n  </a>\n  <a\n    class=\"pl-0 pr-0 caret-down\"\n    href=\"javascript:;\"\n    thyAction\n    thyColorPicker\n    thyPlacement=\"bottomLeft\"\n    [(ngModel)]=\"selectedColor\"\n    (thyPanelOpen)=\"pickerActive = true\"\n    (thyPanelOpen)=\"colorPanelOpen($event)\"\n    (thyPanelClose)=\"colorPanelClose()\"\n    (ngModelChange)=\"changeColor($event)\"\n    (mousedown)=\"preventDefault($event)\"\n  >\n    <thy-icon class=\"link-down-icon font-size-sm text-desc\" thyIconName=\"caret-down\"></thy-icon>\n  </a>\n</thy-actions>\n" }]
+        }], ctorParameters: () => [] });
 
-const createColorPlugin = createPluginFactory({
+const createColorPlugin = (locale) => createPluginFactory({
     key: PluginKeys.color,
     toolbarItems: [
         {
             key: MarkTypes.color,
             icon: 'color-tt',
-            name: '字体颜色',
-            translateKey: 'fontColor',
+            name: locale().fontColor,
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheColorToolbarItem,
@@ -9806,8 +9812,7 @@ const createColorPlugin = createPluginFactory({
         {
             key: MarkTypes.backgroundColor,
             icon: 'background-tt',
-            name: '背景颜色',
-            translateKey: 'backgroundColor',
+            name: locale().backgroundColor,
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheColorToolbarItem,
@@ -9817,7 +9822,7 @@ const createColorPlugin = createPluginFactory({
     options: {
         disabledOperateTypes: [ElementKinds.image, ...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 const withBlockCard = (editor) => {
     const { insertBreak, deleteBackward, onKeydown, deleteForward, insertData, insertText, mousedown } = editor;
@@ -10165,14 +10170,13 @@ const withInternalCommon = (editor) => {
     };
     return editor;
 };
-const createCommonPlugin = createPluginFactory({
+const createCommonPlugin = (locale) => createPluginFactory({
     key: PluginKeys.internalCommon,
     withOverrides: withInternalCommon,
     toolbarItems: [
         {
             key: ToolbarActionTypes.group,
-            name: '更多',
-            translateKey: 'more',
+            name: locale().more,
             icon: 'more',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
@@ -10182,7 +10186,7 @@ const createCommonPlugin = createPluginFactory({
             includes: [MarkTypes.underline, MarkTypes.strike, ElementKinds.inlineCode]
         }
     ]
-});
+})();
 
 const withGetFragment = (editor) => {
     const { getFragment } = editor;
@@ -10618,12 +10622,12 @@ const sizeOptions = () => {
         };
     });
 };
-const createFontSizePlugin = createPluginFactory({
+const createFontSizePlugin = (locale) => createPluginFactory({
     key: PluginKeys.fontSize,
     toolbarItems: [
         {
             key: MarkTypes.fontSize,
-            name: '字号',
+            name: locale().fontSize,
             type: ToolbarItemType.dropdown,
             dropdownItemKey: FontSizes.fontSize14,
             includes: FontSizeTypes
@@ -10633,7 +10637,7 @@ const createFontSizePlugin = createPluginFactory({
     options: {
         disabledOperateTypes: [...HEADING_TYPES, ElementKinds.image, ...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 const withHeading = (editor) => {
     const { insertBreak } = editor;
@@ -10659,15 +10663,14 @@ const withHeading = (editor) => {
     return editor;
 };
 const headingListPlugins = HeadingEditor.headingPlugins();
-const createHeadingPlugin = createPluginFactory({
+const createHeadingPlugin = (locale) => createPluginFactory({
     key: PluginKeys.heading,
     withOverrides: withHeading,
     plugins: headingListPlugins,
     toolbarItems: [
         {
             key: ElementKinds.headingList,
-            name: '正文',
-            translateKey: 'headingList',
+            name: locale().headingList,
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.text,
             dropdownItemKey: ElementKinds.paragraph,
@@ -10675,16 +10678,14 @@ const createHeadingPlugin = createPluginFactory({
         },
         {
             key: ElementKinds.paragraph,
-            name: '正文',
-            translateKey: 'paragraph',
+            name: locale().paragraph,
             styles: { height: '40px' },
             execute: editor => Transforms.setNodes(editor, { type: ElementKinds.paragraph }),
             active: editor => isParagraph(editor)
         },
         {
             key: ElementKinds.heading_1,
-            name: '标题1',
-            translateKey: 'heading1',
+            name: locale().heading1,
             icon: 'header-1',
             styles: { height: '40px', fontSize: '28px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_1),
@@ -10693,8 +10694,7 @@ const createHeadingPlugin = createPluginFactory({
         {
             key: ElementKinds.heading_2,
             icon: 'header-2',
-            name: '标题2',
-            translateKey: 'heading2',
+            name: locale().heading2,
             styles: { height: '38px', fontSize: '24px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_2),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_2)
@@ -10702,8 +10702,7 @@ const createHeadingPlugin = createPluginFactory({
         {
             key: ElementKinds.heading_3,
             icon: 'header-3',
-            name: '标题3',
-            translateKey: 'heading3',
+            name: locale().heading3,
             styles: { height: '34px', fontSize: '20px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_3),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_3)
@@ -10711,8 +10710,7 @@ const createHeadingPlugin = createPluginFactory({
         {
             key: ElementKinds.heading_4,
             icon: 'header-4',
-            name: '标题4',
-            translateKey: 'heading4',
+            name: locale().heading4,
             styles: { height: '30px', fontSize: '16px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_4),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_4)
@@ -10724,60 +10722,52 @@ const createHeadingPlugin = createPluginFactory({
             type: ThePluginMenuItemType.icon,
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_1),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_1),
-            name: '标题1',
-            translateKey: 'heading1',
+            name: locale().heading1,
             displayKey: '/h1',
-            description: '插入一级标题',
-            descriptionTranslateKey: 'heading1Desc',
+            description: locale().heading1Desc,
             icon: 'header-1',
             menuIcon: PluginMenuIcons.heading_1,
-            keywords: 'h,H,bt,heading1,标题,h1,標題,заголовок,見出し,überschrift'
+            keywords: `h,H,bt,heading1,h1,${locale().heading1}`
         },
         {
             key: ElementKinds.heading_2,
             type: ThePluginMenuItemType.icon,
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_2),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_2),
-            name: '标题2',
-            translateKey: 'heading2',
+            name: locale().heading2,
             icon: 'header-2',
-            description: '插入二级标题',
-            descriptionTranslateKey: 'heading2Desc',
+            description: locale().heading2Desc,
             displayKey: '/h2',
             menuIcon: PluginMenuIcons.heading_2,
-            keywords: 'h,H,bt,heading2,标题,h2,標題,заголовок,見出し,überschrift'
+            keywords: `h,H,bt,heading2,h2,${locale().heading2}`
         },
         {
             key: ElementKinds.heading_3,
             type: ThePluginMenuItemType.icon,
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_3),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_3),
-            name: '标题3',
-            translateKey: 'heading3',
+            name: locale().heading3,
             icon: 'header-3',
-            description: '插入三级标题',
-            descriptionTranslateKey: 'heading3Desc',
+            description: locale().heading3Desc,
             displayKey: '/h3',
             menuIcon: PluginMenuIcons.heading_3,
-            keywords: 'h,H,bt,heading3,标题,h3,標題,заголовок,見出し,überschrift'
+            keywords: `h,H,bt,heading3,h3,${locale().heading3}`
         },
         {
             key: ElementKinds.heading_4,
             type: ThePluginMenuItemType.icon,
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_4),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_4),
-            name: '标题4',
-            translateKey: 'heading4',
+            name: locale().heading4,
             icon: 'header-4',
-            description: '插入四级标题',
-            descriptionTranslateKey: 'heading4Desc',
+            description: locale().heading4Desc,
             displayKey: '/h4',
             menuIcon: PluginMenuIcons.heading_4,
-            keywords: 'h,H,bt,heading4,BT,标题,h4,標題,заголовок,見出し,überschrift'
+            keywords: `h,H,bt,heading4,BT,h4,${locale().heading4}`
         }
     ],
     options: headingOptions
-});
+})();
 
 class TheHr extends TheBaseElement {
     ngAfterViewInit() {
@@ -10830,15 +10820,14 @@ const withHr = (editor) => {
     };
     return editor;
 };
-const createHrPlugin = createPluginFactory({
+const createHrPlugin = (locale) => createPluginFactory({
     key: PluginKeys.hr,
     withOverrides: withHr,
     toolbarItems: [
         {
             key: ElementKinds.hr,
             icon: 'horizontal-line',
-            name: '分割线',
-            translateKey: 'divider',
+            name: locale().divider,
             active: editor => isBlockActive(editor, ElementKinds.hr),
             execute: editor => HrEditor.insertHr(editor)
         }
@@ -10846,22 +10835,20 @@ const createHrPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.hr,
-            keywords: 'fengexian,fgx,divider,line,分割线,分隔線,разделитель,区切り線,trennlinie',
+            keywords: `fengexian,fgx,divider,line,${locale().divider}`,
             type: ThePluginMenuItemType.group,
             active: editor => isBlockActive(editor, ElementKinds.hr),
             execute: editor => HrEditor.insertHr(editor),
-            name: '分割线',
-            translateKey: 'divider',
+            name: locale().divider,
             menuIcon: PluginMenuIcons.hr,
-            description: '使用水平线分隔内容',
-            descriptionTranslateKey: 'dividerDesc',
+            description: locale().dividerDesc,
             displayKey: '/fgx'
         }
     ],
     options: {
         allowParentTypes: [ElementKinds.tableCell]
     }
-});
+})();
 
 class TheImage extends TheBaseElement {
     get isOpen() {
@@ -10882,7 +10869,7 @@ class TheImage extends TheBaseElement {
         this.thyPopover = thyPopover;
         this.overlay = overlay;
         this.destroyRef = destroyRef;
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.naturalWidth = 0;
         this.naturalHeight = 0;
         this.imageEntry = {};
@@ -11362,15 +11349,14 @@ const withImage = (editor) => {
     };
     return editor;
 };
-const createImagePlugin = createPluginFactory({
+const createImagePlugin = (locale) => createPluginFactory({
     key: PluginKeys.image,
     withOverrides: withImage,
     toolbarItems: [
         {
             key: ElementKinds.image,
             icon: 'image',
-            name: '图片',
-            translateKey: 'image',
+            name: locale().image,
             execute: editor => ImageEditor.openUpload(editor),
             active: editor => ImageEditor.isActive(editor)
         }
@@ -11378,14 +11364,12 @@ const createImagePlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.image,
-            keywords: 'tp,tupian,image,photo,picture,图片,圖片,изображение,画像,がぞう,bild',
+            keywords: `tp,tupian,image,photo,picture,${locale().image}`,
             execute: editor => ImageEditor.openUpload(editor),
             active: editor => ImageEditor.isActive(editor),
-            name: '图片',
-            translateKey: 'image',
+            name: locale().image,
             menuIcon: PluginMenuIcons.image,
-            description: '支持 jpg、jpeg 等格式图像',
-            descriptionTranslateKey: 'imageDesc',
+            description: locale().imageDesc,
             type: ThePluginMenuItemType.group,
             displayKey: '/tp'
         }
@@ -11394,7 +11378,7 @@ const createImagePlugin = createPluginFactory({
         allowParentTypes: [ElementKinds.listItem, ElementKinds.tableCell, ElementKinds.blockquote],
         imageTypes: ['image/png', 'image/jpeg', 'image/gif', 'image/bmp', 'image/svg+xml']
     }
-});
+})();
 
 const onKeydownTextIndent = (editor, event, kinds, textIndentDisabled) => {
     const { selection } = editor;
@@ -11460,7 +11444,7 @@ const withIndent = (editor) => {
     };
     return editor;
 };
-const createIndentPlugin = createPluginFactory({
+const createIndentPlugin = (locale) => createPluginFactory({
     key: PluginKeys.indent,
     withOverrides: withIndent,
     toolbarItems: [
@@ -11475,16 +11459,14 @@ const createIndentPlugin = createPluginFactory({
         },
         {
             key: Indents.indentRight,
-            name: '增加缩进',
-            translateKey: 'increaseIndent',
+            name: locale().increaseIndent,
             icon: 'float-left',
             shortcutKey: 'Tab',
             execute: editor => IndentEditor.setIndent(editor)
         },
         {
             key: Indents.indentLeft,
-            name: '减少缩进',
-            translateKey: 'decreaseIndent',
+            name: locale().decreaseIndent,
             icon: 'float-right',
             shortcutKey: 'Shift+Tab',
             execute: editor => IndentEditor.cancelIndent(editor)
@@ -11502,7 +11484,7 @@ const createIndentPlugin = createPluginFactory({
         disableIndentTypes: [ElementKinds.bulletedList, ElementKinds.numberedList, ElementKinds.checkItem],
         disabledOperateTypes: [ElementKinds.image, ...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 /**
  * Remove nodes with empty text.
@@ -11584,15 +11566,14 @@ const withInlineCode = (editor) => {
     editor = withRemoveEmptyNodes({ type: ElementKinds.inlineCode })(editor);
     return editor;
 };
-const createInlineCodePlugin = createPluginFactory({
+const createInlineCodePlugin = (locale) => createPluginFactory({
     key: PluginKeys.inlineCode,
     withOverrides: withInlineCode,
     toolbarItems: [
         {
             key: ElementKinds.inlineCode,
             icon: 'code',
-            name: '行内代码',
-            translateKey: 'inlineCode',
+            name: locale().inlineCode,
             shortcutKey: `${CONTROL_KEY}+E`,
             execute: editor => InlineCodeEditor.toggleInlineCode(editor),
             active: editor => InlineCodeEditor.isInlineCodeActive(editor)
@@ -11602,7 +11583,7 @@ const createInlineCodePlugin = createPluginFactory({
         isInline: true,
         disabledOperateTypes: [ElementKinds.image, ...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 class TheLinkEdit {
     handleDocumentMouseDown(event) {
@@ -11615,7 +11596,7 @@ class TheLinkEdit {
         this.className = 'the-link-edit-container';
         this.link = '';
         this.text = '';
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.validatorConfig = {
             validationMessages: {
                 link: {
@@ -11930,15 +11911,14 @@ const withLink = (editor) => {
     editor = withRemoveEmptyNodes({ type: ElementKinds.link })(editor);
     return editor;
 };
-const createLinkPlugin = createPluginFactory({
+const createLinkPlugin = (locale) => createPluginFactory({
     key: PluginKeys.link,
     withOverrides: withLink,
     toolbarItems: [
         {
             key: ElementKinds.link,
             icon: 'link-insert',
-            name: '链接',
-            translateKey: 'link',
+            name: locale().link,
             execute: editor => LinkEditor.insertLink(editor),
             active: editor => LinkEditor.isActive(editor)
         }
@@ -11946,14 +11926,12 @@ const createLinkPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.link,
-            keywords: 'lj,lianjie,link,链接,鏈接,cсылка,リンク',
-            description: '支持插入链接',
-            descriptionTranslateKey: 'linkDesc',
+            keywords: `lj,lianjie,link,${locale().link}`,
+            description: locale().linkDesc,
             execute: editor => LinkEditor.insertLink(editor),
             active: editor => LinkEditor.isActive(editor),
             type: ThePluginMenuItemType.icon,
-            name: '链接',
-            translateKey: 'link',
+            name: locale().link,
             displayKey: '/lj',
             icon: 'link-insert',
             menuIcon: PluginMenuIcons.link
@@ -11963,7 +11941,7 @@ const createLinkPlugin = createPluginFactory({
         isInline: true,
         disabledOperateTypes: [ElementKinds.image, ...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 class TheBulletedList extends TheBaseElement {
     get level() {
@@ -12889,7 +12867,7 @@ const listOptions = {
     validLiChildrenTypes: [ElementKinds.image],
     allowParentTypes: [ElementKinds.listItem, ElementKinds.tableCell, ElementKinds.blockquote]
 };
-const createListPlugin = createPluginFactory({
+const createListPlugin = (locale) => createPluginFactory({
     key: PluginKeys.list,
     withOverrides: withList,
     plugins: [
@@ -12910,16 +12888,14 @@ const createListPlugin = createPluginFactory({
         {
             key: ElementKinds.numberedList,
             icon: 'list-ordered',
-            name: '有序列表',
-            translateKey: 'orderedList',
+            name: locale().orderedList,
             execute: editor => ListEditor.toggleList(editor, ElementKinds.numberedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.numberedList)
         },
         {
             key: ElementKinds.bulletedList,
             icon: 'list-bullet',
-            name: '无序列表',
-            translateKey: 'unorderedList',
+            name: locale().unorderedList,
             execute: editor => ListEditor.toggleList(editor, ElementKinds.bulletedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.bulletedList)
         }
@@ -12927,35 +12903,31 @@ const createListPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.numberedList,
-            keywords: 'yxlb,youxuliebiao,numbered list,numberedlist,有序列表,有序清單,нумерованный списо,nummerierte liste,順序付きリスト,番号付きリスト,',
+            keywords: `yxlb,youxuliebiao,numbered list,numberedlist,${locale().orderedList}`,
             execute: editor => ListEditor.toggleList(editor, ElementKinds.numberedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.numberedList),
             type: ThePluginMenuItemType.icon,
-            name: '有序列表',
-            translateKey: 'orderedList',
-            description: '插入有序列表',
-            descriptionTranslateKey: 'orderedListDesc',
+            name: locale().orderedList,
+            description: locale().orderedListDesc,
             displayKey: '/yxlb',
             icon: 'list-ordered',
             menuIcon: PluginMenuIcons.numberedList
         },
         {
             key: ElementKinds.bulletedList,
-            keywords: 'wxlb,wuxuliebiao,bulletedlist,bulleted list,无序列表,無序清單,неупорядоченный список,ungeordneten liste,順序なしリスト,番号なしリスト',
+            keywords: `wxlb,wuxuliebiao,bulletedlist,bulleted list,${locale().unorderedList}`,
             execute: editor => ListEditor.toggleList(editor, ElementKinds.bulletedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.bulletedList),
             type: ThePluginMenuItemType.icon,
-            name: '无序列表',
-            translateKey: 'unorderedList',
-            description: '插入无序列表',
-            descriptionTranslateKey: 'unorderedListDesc',
+            name: locale().unorderedList,
+            description: locale().unorderedListDesc,
             displayKey: '/wxlb',
             icon: 'list-bullet',
             menuIcon: PluginMenuIcons.bulletedList
         }
     ],
     options: listOptions
-});
+})();
 
 const withMark = (editor) => {
     const e = editor;
@@ -13015,15 +12987,14 @@ const withMark = (editor) => {
     };
     return e;
 };
-const createMarkPlugin = createPluginFactory({
+const createMarkPlugin = (locale) => createPluginFactory({
     key: PluginKeys.mark,
     withOverrides: withMark,
     toolbarItems: [
         {
             key: MarkTypes.bold,
             icon: 'bold',
-            name: '加粗',
-            translateKey: 'bold',
+            name: locale().bold,
             shortcutKey: `${CONTROL_KEY}+B`,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.bold),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.bold)
@@ -13031,8 +13002,7 @@ const createMarkPlugin = createPluginFactory({
         {
             key: MarkTypes.italic,
             icon: 'italic',
-            name: '斜体',
-            translateKey: 'italic',
+            name: locale().italic,
             shortcutKey: `${CONTROL_KEY}+I`,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.italic),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.italic)
@@ -13040,16 +13010,14 @@ const createMarkPlugin = createPluginFactory({
         {
             key: MarkTypes.strike,
             icon: 'strike',
-            name: '删除线',
-            translateKey: 'strike',
+            name: locale().strike,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.strike),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.strike)
         },
         {
             key: MarkTypes.underline,
             icon: 'underline',
-            name: '下划线',
-            translateKey: 'underline',
+            name: locale().underline,
             shortcutKey: `${CONTROL_KEY}+U`,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.underline),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.underline)
@@ -13058,7 +13026,7 @@ const createMarkPlugin = createPluginFactory({
     options: {
         disabledOperateTypes: [ElementKinds.image, ...DISABLED_OPERATE_TYPES]
     }
-});
+})();
 
 const withNodeID = (e) => {
     const editor = e;
@@ -13240,38 +13208,34 @@ const PaintFormatEditor = {
         editor.onChange();
     }
 };
-const createPaintFormatPlugin = createPluginFactory({
+const createPaintFormatPlugin = (locale) => createPluginFactory({
     key: PluginKeys.paintFormat,
     toolbarItems: [
         {
             key: ToolbarActionTypes.undo,
             icon: 'undo',
-            name: '撤销',
-            translateKey: 'undo',
+            name: locale().undo,
             shortcutKey: `${CONTROL_KEY}+Z`,
             execute: (editor) => editor.undo()
         },
         {
             key: ToolbarActionTypes.redo,
             icon: 'redo',
-            name: '重做',
-            translateKey: 'redo',
+            name: locale().redo,
             shortcutKey: `${CONTROL_KEY}+Shift+Z`,
             execute: (editor) => editor.redo()
         },
         {
             key: ToolbarActionTypes.paintformat,
             icon: 'paintformat',
-            name: '格式刷',
-            translateKey: 'paintFormat',
+            name: locale().paintFormat,
             execute: PaintFormatEditor.enableFormatBrush,
             active: PaintFormatEditor.isActive
         },
         {
             key: ToolbarActionTypes.clean,
             icon: 'clean',
-            name: '清除格式',
-            translateKey: 'cleanFormat',
+            name: locale().cleanFormat,
             execute: (editor) => {
                 const { selection } = editor;
                 if (!selection) {
@@ -13296,7 +13260,7 @@ const createPaintFormatPlugin = createPluginFactory({
             }
         }
     ]
-});
+})();
 
 const withQuickInsert = (editor) => {
     const { onKeydown, onChange, insertText, insertBreak, deleteBackward } = editor;
@@ -14083,7 +14047,7 @@ class TheTableContextMenuService {
         this.thyPopover = thyPopover;
         this.ngZone = ngZone;
         this.theContextService = theContextService;
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.menuEntities = [
             {
                 key: 'background-color',
@@ -14404,7 +14368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class TheTableOptions {
     constructor(popoverRef) {
         this.popoverRef = popoverRef;
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.tableDropdownList = [
             {
                 name: this.locale().titleRow,
@@ -14511,7 +14475,7 @@ class TheTableToolbar {
         this.popoverRef = popoverRef;
         this.thyNotifyService = thyNotifyService;
         this.viewContainerRef = viewContainerRef;
-        this.locale = injectTranslations();
+        this.locale = injectTranslations(inject(TheI18nService));
         this.cellMenuList = [
             {
                 key: 'merge-cells',
@@ -16468,8 +16432,8 @@ class TheTableToolbarItem extends TheBaseToolbarItem {
     get isOpenTableSelect() {
         return this.tableSelectRef && this.tableSelectRef.componentInstance;
     }
-    constructor(thyPopover, overlay, i18n) {
-        super(i18n);
+    constructor(thyPopover, overlay) {
+        super();
         this.thyPopover = thyPopover;
         this.overlay = overlay;
     }
@@ -16506,7 +16470,7 @@ class TheTableToolbarItem extends TheBaseToolbarItem {
         });
         return this.tableSelectRef;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheTableToolbarItem, deps: [{ token: i1.ThyPopover }, { token: i2.Overlay }, { token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheTableToolbarItem, deps: [{ token: i1.ThyPopover }, { token: i2.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheTableToolbarItem, isStandalone: true, selector: "the-table-toolbar-item", host: { classAttribute: "the-toolbar-dropdown-container" }, usesInheritance: true, ngImport: i0, template: `
         <a
             href="javascript:;"
@@ -16514,7 +16478,7 @@ class TheTableToolbarItem extends TheBaseToolbarItem {
             thyAction
             [thyActionIcon]="toolbarItem.icon"
             [thyActionActive]="active"
-            [thyTooltip]="locale()[toolbarItem?.translateKey] ?? toolbarItem?.name"
+            [thyTooltip]="toolbarItem?.name"
             thyTooltipPlacement="top"
             (mousedown)="preventDefault($event)"
             (click)="execute($event)"
@@ -16534,7 +16498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             thyAction
             [thyActionIcon]="toolbarItem.icon"
             [thyActionActive]="active"
-            [thyTooltip]="locale()[toolbarItem?.translateKey] ?? toolbarItem?.name"
+            [thyTooltip]="toolbarItem?.name"
             thyTooltipPlacement="top"
             (mousedown)="preventDefault($event)"
             (click)="execute($event)"
@@ -16548,7 +16512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     imports: [ThyAction, ThyTooltipDirective, ThyIcon]
                 }]
-        }], ctorParameters: () => [{ type: i1.ThyPopover }, { type: i2.Overlay }, { type: TheI18nService }] });
+        }], ctorParameters: () => [{ type: i1.ThyPopover }, { type: i2.Overlay }] });
 
 /**
  * Clear the content of the given node
@@ -17108,7 +17072,7 @@ const withTable = (editor) => {
     };
     return editor;
 };
-const createTablePlugin = createPluginFactory({
+const createTablePlugin = (locale) => createPluginFactory({
     key: PluginKeys.table,
     withOverrides: withTable,
     nestedStructureByKey: {
@@ -17119,8 +17083,7 @@ const createTablePlugin = createPluginFactory({
         {
             key: ElementKinds.table,
             icon: 'table-border-all',
-            name: '表格',
-            translateKey: 'table',
+            name: locale().table,
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheTableToolbarItem,
@@ -17131,15 +17094,13 @@ const createTablePlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.table,
-            keywords: 'biaoge,bg,table,表格,таблицу,テーブル,tabelle',
+            keywords: `biaoge,bg,table,${locale().table}`,
             execute: editor => TableEditor.insertTable(editor),
             active: editor => TableEditor.isActive(editor),
-            name: '表格',
-            translateKey: 'table',
+            name: locale().table,
             type: ThePluginMenuItemType.group,
             menuIcon: PluginMenuIcons.table,
-            description: '支持插入表格',
-            descriptionTranslateKey: 'tableDesc',
+            description: locale().tableDesc,
             displayKey: '/bg'
         }
     ],
@@ -17151,7 +17112,7 @@ const createTablePlugin = createPluginFactory({
             event.preventDefault();
         }
     }
-});
+})();
 
 class TheTodoItem extends TheBaseElement {
     constructor() {
@@ -17267,15 +17228,14 @@ const withTodoItem = (editor) => {
     };
     return editor;
 };
-const createTodoItemPlugin = createPluginFactory({
+const createTodoItemPlugin = (locale) => createPluginFactory({
     key: PluginKeys.checkItem,
     withOverrides: withTodoItem,
     toolbarItems: [
         {
             key: ElementKinds.checkItem,
             icon: 'list-check',
-            name: '待办事项',
-            translateKey: 'checkItem',
+            name: locale().checkItem,
             execute: editor => TodoItemEditor.insertTodoItem(editor),
             active: editor => TodoItemEditor.isActive(editor)
         }
@@ -17283,14 +17243,12 @@ const createTodoItemPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.checkItem,
-            keywords: 'dbsx,daibanshixiang,to do list,todolist,待办事项,待辦事項,Задача,タスク,zu tun,aufgabe,zu tun',
-            description: '插入待办事项',
-            descriptionTranslateKey: 'checkItemDesc',
+            keywords: `dbsx,daibanshixiang,to do list,todolist,${locale().checkItem}`,
+            description: locale().checkItemDesc,
             execute: editor => TodoItemEditor.insertTodoItem(editor),
             active: editor => TodoItemEditor.isActive(editor),
             type: ThePluginMenuItemType.icon,
-            name: '待办事项',
-            translateKey: 'checkItem',
+            name: locale().checkItem,
             displayKey: '/dbsx',
             icon: 'list-check',
             menuIcon: PluginMenuIcons.checkItem
@@ -17300,43 +17258,43 @@ const createTodoItemPlugin = createPluginFactory({
         allowParentTypes: [ElementKinds.tableCell, ElementKinds.blockquote],
         editableWithReadonly: false
     }
-});
+})();
 
-const internalPlugins = () => [
+const internalPlugins = (locale) => [
     createTheHistoryPlugin(),
-    createCommonPlugin(),
+    createCommonPlugin(locale),
     createInsertDataByInvalidTypePlugin(),
     createRemoveEmptyPlugin(),
     createRemoveVoidPlugin(),
     createBlockCardPlugin(), // should in the front of list、resettype、todo、deserialize-html
     createResetTypePlugin(),
-    createIndentPlugin(), // should in the front of list
-    createListPlugin(),
-    createLinkPlugin(),
-    createTablePlugin(),
-    createTodoItemPlugin(),
-    createHrPlugin(),
-    createAlignPlugin(),
-    createCodePlugin(),
-    createHeadingPlugin(),
-    createVerticalAlignPlugin(),
-    createMarkPlugin(),
-    createFontSizePlugin(),
-    createColorPlugin(),
+    createIndentPlugin(locale), // should in the front of list
+    createListPlugin(locale),
+    createLinkPlugin(locale),
+    createTablePlugin(locale),
+    createTodoItemPlugin(locale),
+    createHrPlugin(locale),
+    createAlignPlugin(locale),
+    createCodePlugin(locale),
+    createHeadingPlugin(locale),
+    createVerticalAlignPlugin(locale),
+    createMarkPlugin(locale),
+    createFontSizePlugin(locale),
+    createColorPlugin(locale),
     createSoftBreakPlugin(),
-    createBlockquotePlugin(),
+    createBlockquotePlugin(locale),
     createNodeIDPlugin(),
     createAutoFormatPlugin(),
-    createPaintFormatPlugin(),
+    createPaintFormatPlugin(locale),
     createTrailingNodePlugin(),
     createMoveSelectionPlugin(),
     createInsertParagraphNodesPlugin(),
     createGetFragmentPlugin(),
-    createImagePlugin(), //  must be before withDeserializeHTML
+    createImagePlugin(locale), //  must be before withDeserializeHTML
     createDeserializeHTMLPlugin(),
     createDeserializeMdPlugin(),
     createQuickInsertPlugin(), // must be before plugins that include onkeydown events
-    createInlineCodePlugin(),
+    createInlineCodePlugin(locale),
     createMentionPlugin()
 ];
 
@@ -17394,6 +17352,7 @@ class TheEditorComponent {
         this.elementToHtml = new WeakMap();
         this.onChangeCallback = () => { };
         this.onTouchedCallback = () => { };
+        this.locale = injectTranslations(inject(TheI18nService));
         this.isFirstWriteValue = true;
         this.scrollSelectionIntoView = (e, domRange) => {
             const { neededScrollIntoView } = e.options;
@@ -17560,7 +17519,7 @@ class TheEditorComponent {
             autoNormalize: theOptions?.autoNormalize ?? presetAutoNormalize ?? false,
             mode: theOptions?.mode ?? presetMode ?? TheDataMode.html,
             inlineToolbarVisible: theOptions?.inlineToolbarVisible ?? presetInlineToolbarVisible,
-            menu: theOptions?.menu ?? presetMenu ?? DefaultPluginMenu,
+            menu: theOptions?.menu ?? presetMenu ?? getTheDefaultPluginMenu(this.locale),
             toolbar: {
                 align: theOptions?.toolbar?.align ?? presetToolbarAlign,
                 global: optionsGlobalToolbar ?? presetGlobalToolbar ?? DefaultGlobalToolbarDefinition,
@@ -17579,7 +17538,7 @@ class TheEditorComponent {
         });
     }
     getPlugins() {
-        const defaultPlugins = internalPlugins();
+        const defaultPlugins = internalPlugins(this.locale);
         const presetPlugins = this.presetConfig?.plugins ?? [];
         const applyPresetPlugins = presetPlugins.filter(presetPlugin => !this.thePlugins.some(plugin => presetPlugin.key === plugin.key));
         return [...defaultPlugins, ...applyPresetPlugins, ...this.thePlugins];
@@ -17902,7 +17861,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class BasicTest {
-    constructor() {
+    constructor(i18n) {
         this.value = [
             {
                 type: ElementKinds.paragraph,
@@ -17914,11 +17873,12 @@ class BasicTest {
             }
         ];
         this.plugins = [];
+        this.locale = signal(i18n.getLocale()().translations);
     }
     editorCreate(editor) {
         this.editor = editor;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BasicTest, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BasicTest, deps: [{ token: TheI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: BasicTest, isStandalone: true, selector: "basic-editor-component", providers: [
             THY_TOOLTIP_DEFAULT_CONFIG_PROVIDER,
             {
@@ -17942,7 +17902,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         }
                     ]
                 }]
-        }], propDecorators: { editorComponent: [{
+        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { editorComponent: [{
                 type: ViewChild,
                 args: [TheEditorComponent, { static: true }]
             }] } });
@@ -18091,5 +18051,5 @@ const withTestPlugin = (plugins, initValue) => {
  * Generated bundle index. Do not edit.
  */
 
-export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectLocale, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_I18N_DE_DE, THE_I18N_EN_US, THE_I18N_JA_JP, THE_I18N_LOCALE_ID, THE_I18N_RU_RU, THE_I18N_ZH_HANS, THE_I18N_ZH_HANT, THE_IMAGE_SERVICE_TOKEN, THE_LISTBOX_PARENT_GROUP_TOKEN, THE_LISTBOX_PARENT_OPTION_TOKEN, THE_LISTBOX_TOKEN, THE_MODE_PROVIDER, THE_MODE_TOKEN, THE_PLUGIN_MENU_REF, THE_PRESET_CONFIG_TOKEN, TableCellEventDispatcher, TableEditor, TableHeaderBackgroundColor, TablePosition, TheBaseElement, TheBaseSuggestion, TheBaseToolbarDropdown, TheBaseToolbarItem, TheColumnResizeDirective, TheColumnResizeOverlayHandle, TheContextMenu, TheContextService, TheConversionHint, TheDataMode, TheDefaultElement, TheEditor, TheEditorComponent, TheEditorModule, TheI18nService, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheLocaleType, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deDeLocale, deleteElementKey, enUsLocale, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getTheDefaultPluginMenu, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, injectTranslations, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, jaJpLocale, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, ruRuLocale, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia, zhHansLocale, zhHantLocale };
 //# sourceMappingURL=worktile-theia.mjs.map