@worktile/theia 18.0.12 → 18.0.14

package/fesm2022/worktile-theia.mjs

@@ -1,6 +1,6 @@
 import { NgIf, NgFor, NgStyle, NgTemplateOutlet, NgClass, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, Directive, Input, HostBinding, ViewChild, HostListener, ViewContainerRef, Inject, TemplateRef, ChangeDetectionStrategy, Optional, SkipSelf, ContentChildren, forwardRef, EventEmitter, inject, NgZone, ElementRef, DestroyRef, Output, Pipe, Injectable, ChangeDetectorRef, Renderer2, viewChild, ViewChildren, Injector, NgModule } from '@angular/core';
+import { InjectionToken, Component, inject, signal, Injectable, computed, Directive, Input, HostBinding, ViewChild, HostListener, ViewContainerRef, Inject, TemplateRef, ChangeDetectionStrategy, Optional, SkipSelf, ContentChildren, forwardRef, EventEmitter, NgZone, ElementRef, DestroyRef, Output, Pipe, ChangeDetectorRef, Renderer2, viewChild, ViewChildren, Injector, NgModule } from '@angular/core';
 import { ThyDivider } from 'ngx-tethys/divider';
 import { ThyAction, ThyActions } from 'ngx-tethys/action';
 import { ThyDropdownMenuItemDirective, ThyDropdownMenuDivider, ThyDropdownMenuItemNameDirective, ThyDropdownMenuItemIconDirective, ThyDropdownMenuItemActiveDirective, ThyDropdownDirective, ThyDropdownMenuComponent, ThyDropdownMenuGroup, ThyDropdownMenuItemExtendIconDirective } from 'ngx-tethys/dropdown';
@@ -346,7 +346,7 @@ const DefaultPluginMenu = [
     ElementKinds.numberedList,
     ElementKinds.bulletedList,
     ElementKinds.link,
-    { groupName: '基础' },
+    { groupName: '基础', translateKey: 'base' },
     ElementKinds.image,
     ElementKinds.table,
     ElementKinds.blockquote,
@@ -1737,18 +1737,20 @@ const setClipboardDataByDom = async (e, fragment, data) => {
     await setClipboardData(clipboardData, div, attach, data);
     document.body.removeChild(div);
 };
-function copyNode(e, element, thyNotifyService) {
+function copyNode(e, element, thyNotifyService, locale) {
+    const copyFailTips = (locale && locale() && locale().copyFailed) ?? '复制失败';
+    const copySuccessTips = (locale && locale() && locale().copySuccess) ?? '复制成功';
     if (!isClipboardWriteSupported()) {
-        thyNotifyService?.error('复制失败');
+        thyNotifyService?.error(copyFailTips);
         return;
     }
     const fragment = cloneDeep(element);
     return setClipboardDataByDom(e, fragment)
         .then(() => {
-        thyNotifyService?.success('复制成功');
+        thyNotifyService?.success(copySuccessTips);
     })
         .catch(() => {
-        thyNotifyService?.error('复制失败');
+        thyNotifyService?.error(copyFailTips);
     });
 }
 
@@ -2405,10 +2407,664 @@ const createToolbar = (editor, global = DefaultGlobalToolbarDefinition, inline =
     };
 };
 
-class TheBaseToolbarItem {
+var TheLocaleType;
+(function (TheLocaleType) {
+    TheLocaleType["zhHans"] = "zh-hans";
+    TheLocaleType["zhHant"] = "zh-hant";
+    TheLocaleType["enUs"] = "en-us";
+    TheLocaleType["jaJp"] = "ja-jp";
+    TheLocaleType["deDe"] = "de-de";
+    TheLocaleType["ruRu"] = "ru-ru";
+})(TheLocaleType || (TheLocaleType = {}));
+
+const THE_I18N_LOCALE_ID = new InjectionToken('the-i18n-locale-id');
+const THE_I18N_ZH_HANS = new InjectionToken('the-i18n-zh-hans');
+const THE_I18N_ZH_HANT = new InjectionToken('the-i18n-zh-hant');
+const THE_I18N_EN_US = new InjectionToken('the-i18n-en-us');
+const THE_I18N_JA_JP = new InjectionToken('the-i18n-ja-jp');
+const THE_I18N_DE_DE = new InjectionToken('the-i18n-de-de');
+const THE_I18N_RU_RU = new InjectionToken('the-i18n-ru-ru');
+
+function normalizeLocale(localeId) {
+    return localeId?.toLowerCase().replace(/_/g, '-');
+}
+class TheI18nService {
     constructor() {
-        this.class = true;
+        this.locales = {
+            [TheLocaleType.zhHans]: inject(THE_I18N_ZH_HANS, { optional: true }) || zhHansLocale,
+            [TheLocaleType.zhHant]: inject(THE_I18N_ZH_HANT, { optional: true }) || zhHantLocale,
+            [TheLocaleType.enUs]: inject(THE_I18N_EN_US, { optional: true }) || enUsLocale,
+            [TheLocaleType.jaJp]: inject(THE_I18N_JA_JP, { optional: true }) || jaJpLocale,
+            [TheLocaleType.deDe]: inject(THE_I18N_DE_DE, { optional: true }) || deDeLocale,
+            [TheLocaleType.ruRu]: inject(THE_I18N_RU_RU, { optional: true }) || ruRuLocale
+        };
+        this.defaultLocaleId = normalizeLocale(inject(THE_I18N_LOCALE_ID, { optional: true })) || TheLocaleType.zhHans;
+        this.locale = signal(this.locales[this.defaultLocaleId]);
+    }
+    setLocale(id) {
+        let localeId = normalizeLocale(id);
+        if (localeId.includes('zh') && localeId !== TheLocaleType.zhHans && localeId !== TheLocaleType.zhHant) {
+            localeId = TheLocaleType.zhHans;
+        }
+        this.locale.set(this.locales[localeId] || this.locales[this.defaultLocaleId] || {});
+    }
+    getLocale() {
+        return this.locale;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheI18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheI18nService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheI18nService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+function injectLocale() {
+    return inject(TheI18nService).getLocale();
+}
+function injectTranslations() {
+    return computed(() => {
+        const locale = injectLocale();
+        return locale().translations;
+    });
+}
+
+var zhHansLocale = {
+    id: TheLocaleType.zhHans,
+    translations: {
+        link: '链接',
+        conversion: '立即转换',
+        conversionHint: '检测到粘贴内容符合Markdown语法',
+        search: '搜索',
+        noData: '暂无数据',
+        searchResult: '搜索结果',
+        autoWrap: '自动换行',
+        copy: '复制',
+        copySuccess: '复制成功',
+        copyFailed: '复制失败',
+        delete: '删除',
+        text: '文本',
+        enterText: '请输入文本',
+        textRequired: '文本不能为空',
+        enterLink: '请输入链接',
+        apply: '应用',
+        cancel: '取消',
+        linkRequired: '链接不能为空',
+        linkPattern: '请输入正确的链接',
+        insertRow: '插入行',
+        insertCol: '插入列',
+        insertUpward: '向上插入',
+        insertDownward: '向下插入',
+        insertLeft: '向左插入',
+        insertRight: '向右插入',
+        row: '行',
+        column: '列',
+        titleRow: '标题行',
+        titleCol: '标题列',
+        orderCol: '序号列',
+        cellBackground: '单元格背景',
+        colEqualWidth: '列等宽',
+        fullscreen: '全屏',
+        table: '表格',
+        tableDesc: '支持插入表格',
+        tableOptions: '表格选项',
+        mergeCells: '合并单元格',
+        splitCells: '拆分单元格',
+        deleteEntireRow: '删除整行',
+        deleteEntireCol: '删除整列',
+        deleteTable: '删除表格',
+        clearSelection: '清空选中区域',
+        deleteTheRow: '删除所在行',
+        deleteTheColumn: '删除所在列',
+        base: '基础',
+        alignment: '对齐方式',
+        alignLeft: '左对齐',
+        alignCenter: '居中',
+        alignRight: '右对齐',
+        wrapLeft: '图片居左',
+        wrapRight: '图片居右',
+        verticalAlign: '垂直对齐',
+        verticalAlignTop: '顶部对齐',
+        verticalAlignMiddle: '垂直居中',
+        verticalAlignBottom: '底部对齐',
+        blockquote: '引用',
+        blockquoteDesc: '支持引用内容',
+        code: '代码块',
+        codeDesc: '支持插入语法高亮的代码',
+        fontColor: '字体颜色',
+        backgroundColor: '背景颜色',
+        headingList: '正文',
+        paragraph: '正文',
+        heading1: '标题1',
+        heading1Desc: '插入一级标题',
+        heading2: '标题2',
+        heading2Desc: '插入二级标题',
+        heading3: '标题3',
+        heading3Desc: '插入三级标题',
+        heading4: '标题4',
+        heading4Desc: '插入四级标题',
+        divider: '分割线',
+        dividerDesc: '使用水平线分隔内容',
+        image: '图片',
+        imageDesc: '支持 jpg、jpeg 等格式图像',
+        increaseIndent: '增加缩进',
+        decreaseIndent: '减少缩进',
+        inlineCode: '行内代码',
+        linkDesc: '支持插入链接',
+        orderedList: '有序列表',
+        orderedListDesc: '插入有序列表',
+        unorderedList: '无序列表',
+        unorderedListDesc: '插入无序列表',
+        bold: '加粗',
+        italic: '斜体',
+        strike: '删除线',
+        underline: '下划线',
+        undo: '撤销',
+        redo: '重做',
+        paintFormat: '格式刷',
+        cleanFormat: '清除格式',
+        checkItem: '待办事项',
+        checkItemDesc: '插入待办事项'
+    }
+};
+
+var zhHantLocale = {
+    id: TheLocaleType.zhHant,
+    translations: {
+        link: '鏈接',
+        conversion: '立即轉換',
+        conversionHint: '檢測到貼上內容符合Markdown語法',
+        search: '搜尋',
+        noData: '暫無資料',
+        searchResult: '搜尋結果',
+        autoWrap: '自動換行',
+        copy: '複製',
+        copySuccess: '複製成功',
+        copyFailed: '複製失敗',
+        delete: '刪除',
+        text: '文字',
+        enterText: '請輸入文字',
+        textRequired: '文字不能為空',
+        enterLink: '請輸入鏈接',
+        apply: '套用',
+        cancel: '取消',
+        linkRequired: '鏈接不能為空',
+        linkPattern: '請輸入正確的鏈接',
+        insertRow: '插入列',
+        insertCol: '插入欄',
+        insertUpward: '向上插入',
+        insertDownward: '向下插入',
+        insertLeft: '向左插入',
+        insertRight: '向右插入',
+        row: '列',
+        column: '欄',
+        titleRow: '標題列',
+        titleCol: '標題欄',
+        orderCol: '序號欄',
+        cellBackground: '儲存格背景',
+        colEqualWidth: '欄等寬',
+        fullscreen: '全螢幕',
+        table: '表格',
+        tableDesc: '支援插入表格',
+        tableOptions: '表格選項',
+        mergeCells: '合併儲存格',
+        splitCells: '分割儲存格',
+        deleteEntireRow: '刪除整列',
+        deleteEntireCol: '刪除整欄',
+        deleteTable: '刪除表格',
+        clearSelection: '清空選中區域',
+        deleteTheRow: '刪除所在列',
+        deleteTheColumn: '刪除所在欄',
+        base: '基礎',
+        alignment: '對齊方式',
+        alignLeft: '靠左對齊',
+        alignCenter: '置中',
+        alignRight: '靠右對齊',
+        wrapLeft: '圖片靠左',
+        wrapRight: '圖片靠右',
+        verticalAlign: '垂直對齊',
+        verticalAlignTop: '頂部對齊',
+        verticalAlignMiddle: '垂直置中',
+        verticalAlignBottom: '底部對齊',
+        blockquote: '引用',
+        blockquoteDesc: '支援引用內容',
+        code: '程式碼區塊',
+        codeDesc: '支援插入語法高亮的程式碼',
+        fontColor: '字型顏色',
+        backgroundColor: '背景顏色',
+        headingList: '正文',
+        paragraph: '正文',
+        heading1: '標題1',
+        heading1Desc: '插入一級標題',
+        heading2: '標題2',
+        heading2Desc: '插入二級標題',
+        heading3: '標題3',
+        heading3Desc: '插入三級標題',
+        heading4: '標題4',
+        heading4Desc: '插入四級標題',
+        divider: '分隔線',
+        dividerDesc: '使用水平線分隔內容',
+        image: '圖片',
+        imageDesc: '支援 jpg、jpeg 等格式圖像',
+        increaseIndent: '增加縮排',
+        decreaseIndent: '減少縮排',
+        inlineCode: '行內程式碼',
+        linkDesc: '支援插入鏈接',
+        orderedList: '有序清單',
+        orderedListDesc: '插入有序清單',
+        unorderedList: '無序清單',
+        unorderedListDesc: '插入無序清單',
+        bold: '粗體',
+        italic: '斜體',
+        strike: '刪除線',
+        underline: '底線',
+        undo: '復原',
+        redo: '重做',
+        paintFormat: '格式刷',
+        cleanFormat: '清除格式',
+        checkItem: '待辦事項',
+        checkItemDesc: '插入待辦事項'
+    }
+};
+
+var enUsLocale = {
+    id: TheLocaleType.enUs,
+    translations: {
+        link: 'Link',
+        conversion: 'Convert Now',
+        conversionHint: 'Markdown syntax detected in pasted content',
+        search: 'Search',
+        noData: 'No Data',
+        searchResult: 'Search Results',
+        autoWrap: 'Auto Wrap',
+        copy: 'Copy',
+        copySuccess: 'Copied',
+        copyFailed: 'Copy Failed',
+        delete: 'Delete',
+        text: 'Text',
+        enterText: 'Enter text',
+        textRequired: 'Text is required',
+        enterLink: 'Enter link',
+        apply: 'Apply',
+        cancel: 'Cancel',
+        linkRequired: 'Link is required',
+        linkPattern: 'Please enter a valid link',
+        insertRow: 'Insert Row',
+        insertCol: 'Insert Column',
+        insertUpward: 'Insert Above',
+        insertDownward: 'Insert Below',
+        insertLeft: 'Insert Left',
+        insertRight: 'Insert Right',
+        row: 'Row',
+        column: 'Column',
+        titleRow: 'Header Row',
+        titleCol: 'Header Column',
+        orderCol: 'Order Column',
+        cellBackground: 'Cell Background',
+        colEqualWidth: 'Equal Column Width',
+        fullscreen: 'Fullscreen',
+        table: 'Table',
+        tableDesc: 'Insert table',
+        tableOptions: 'Table Options',
+        mergeCells: 'Merge Cells',
+        splitCells: 'Split Cells',
+        deleteEntireRow: 'Delete Row',
+        deleteEntireCol: 'Delete Column',
+        deleteTable: 'Delete Table',
+        clearSelection: 'Clear Selection',
+        deleteTheRow: 'Delete Current Row',
+        deleteTheColumn: 'Delete Current Column',
+        base: 'Basic',
+        alignment: 'Alignment',
+        alignLeft: 'Align Left',
+        alignCenter: 'Center',
+        alignRight: 'Align Right',
+        wrapLeft: 'Image Left',
+        wrapRight: 'Image Right',
+        verticalAlign: 'Vertical Align',
+        verticalAlignTop: 'Top',
+        verticalAlignMiddle: 'Middle',
+        verticalAlignBottom: 'Bottom',
+        blockquote: 'Quote',
+        blockquoteDesc: 'Insert quote',
+        code: 'Code Block',
+        codeDesc: 'Insert code with syntax highlighting',
+        fontColor: 'Font Color',
+        backgroundColor: 'Background Color',
+        headingList: 'Normal Text',
+        paragraph: 'Normal Text',
+        heading1: 'Heading 1',
+        heading1Desc: 'Insert heading 1',
+        heading2: 'Heading 2',
+        heading2Desc: 'Insert heading 2',
+        heading3: 'Heading 3',
+        heading3Desc: 'Insert heading 3',
+        heading4: 'Heading 4',
+        heading4Desc: 'Insert heading 4',
+        divider: 'Divider',
+        dividerDesc: 'Insert horizontal divider',
+        image: 'Image',
+        imageDesc: 'Supports jpg, jpeg and other image formats',
+        increaseIndent: 'Increase Indent',
+        decreaseIndent: 'Decrease Indent',
+        inlineCode: 'Inline Code',
+        linkDesc: 'Insert link',
+        orderedList: 'Ordered List',
+        orderedListDesc: 'Insert ordered list',
+        unorderedList: 'Unordered List',
+        unorderedListDesc: 'Insert unordered list',
+        bold: 'Bold',
+        italic: 'Italic',
+        strike: 'Strikethrough',
+        underline: 'Underline',
+        undo: 'Undo',
+        redo: 'Redo',
+        paintFormat: 'Format Painter',
+        cleanFormat: 'Clear Format',
+        checkItem: 'Todo Item',
+        checkItemDesc: 'Insert todo item'
+    }
+};
+
+var jaJpLocale = {
+    id: TheLocaleType.jaJp,
+    translations: {
+        link: 'リンク',
+        conversion: '変換する',
+        conversionHint: 'Markdown構文が検出されました',
+        search: '検索',
+        noData: 'データなし',
+        searchResult: '検索結果',
+        autoWrap: '自動改行',
+        copy: 'コピー',
+        copySuccess: 'コピーしました',
+        copyFailed: 'コピーに失敗しました',
+        delete: '削除',
+        text: 'テキスト',
+        enterText: 'テキストを入力',
+        textRequired: 'テキストを入力してください',
+        enterLink: 'リンクを入力',
+        apply: '適用',
+        cancel: 'キャンセル',
+        linkRequired: 'リンクを入力してください',
+        linkPattern: '有効なリンクを入力してください',
+        insertRow: '行を挿入',
+        insertCol: '列を挿入',
+        insertUpward: '上に挿入',
+        insertDownward: '下に挿入',
+        insertLeft: '左に挿入',
+        insertRight: '右に挿入',
+        row: '行',
+        column: '列',
+        titleRow: 'ヘッダー行',
+        titleCol: 'ヘッダー列',
+        orderCol: '順序列',
+        cellBackground: 'セルの背景',
+        colEqualWidth: '列幅を揃える',
+        fullscreen: '全画面',
+        table: 'テーブル',
+        tableDesc: 'テーブルを挿入',
+        tableOptions: 'テーブルオプション',
+        mergeCells: 'セルを結合',
+        splitCells: 'セルを分割',
+        deleteEntireRow: '行を削除',
+        deleteEntireCol: '列を削除',
+        deleteTable: 'テーブルを削除',
+        clearSelection: '選択をクリア',
+        deleteTheRow: '現在の行を削除',
+        deleteTheColumn: '現在の列を削除',
+        base: '基本',
+        alignment: '配置',
+        alignLeft: '左揃え',
+        alignCenter: '中央揃え',
+        alignRight: '右揃え',
+        wrapLeft: '画像を左に配置',
+        wrapRight: '画像を右に配置',
+        verticalAlign: '垂直方向の配置',
+        verticalAlignTop: '上揃え',
+        verticalAlignMiddle: '中央揃え',
+        verticalAlignBottom: '下揃え',
+        blockquote: '引用',
+        blockquoteDesc: '引用を挿入',
+        code: 'コードブロック',
+        codeDesc: 'シンタックスハイライト付きコードを挿入',
+        fontColor: '文字色',
+        backgroundColor: '背景色',
+        headingList: '本文',
+        paragraph: '本文',
+        heading1: '見出し1',
+        heading1Desc: '見出し1を挿入',
+        heading2: '見出し2',
+        heading2Desc: '見出し2を挿入',
+        heading3: '見出し3',
+        heading3Desc: '見出し3を挿入',
+        heading4: '見出し4',
+        heading4Desc: '見出し4を挿入',
+        divider: '区切り線',
+        dividerDesc: '水平線を挿入',
+        image: '画像',
+        imageDesc: 'jpg、jpeg等の画像形式に対応',
+        increaseIndent: 'インデント増',
+        decreaseIndent: 'インデント減',
+        inlineCode: 'インラインコード',
+        linkDesc: 'リンクを挿入',
+        orderedList: '番号付きリスト',
+        orderedListDesc: '番号付きリストを挿入',
+        unorderedList: '番号なしリスト',
+        unorderedListDesc: '番号なしリストを挿入',
+        bold: '太字',
+        italic: 'イタリック',
+        strike: '取り消し線',
+        underline: '下線',
+        undo: '元に戻す',
+        redo: 'やり直し',
+        paintFormat: '書式のコピー',
+        cleanFormat: '書式をクリア',
+        checkItem: 'タスク',
+        checkItemDesc: 'タスクを挿入'
     }
+};
+
+var deDeLocale = {
+    id: TheLocaleType.deDe,
+    translations: {
+        link: 'Link',
+        conversion: 'Jetzt konvertieren',
+        conversionHint: 'Markdown-Syntax im eingefügten Inhalt erkannt',
+        search: 'Suchen',
+        noData: 'Keine Daten',
+        searchResult: 'Suchergebnisse',
+        autoWrap: 'Automatischer Zeilenumbruch',
+        copy: 'Kopieren',
+        copySuccess: 'Kopiert',
+        copyFailed: 'Kopieren fehlgeschlagen',
+        delete: 'Löschen',
+        text: 'Text',
+        enterText: 'Text eingeben',
+        textRequired: 'Text ist erforderlich',
+        enterLink: 'Link eingeben',
+        apply: 'Anwenden',
+        cancel: 'Abbrechen',
+        linkRequired: 'Link ist erforderlich',
+        linkPattern: 'Bitte geben Sie einen gültigen Link ein',
+        insertRow: 'Zeile einfügen',
+        insertCol: 'Spalte einfügen',
+        insertUpward: 'Nach oben einfügen',
+        insertDownward: 'Nach unten einfügen',
+        insertLeft: 'Nach links einfügen',
+        insertRight: 'Nach rechts einfügen',
+        row: 'Zeile',
+        column: 'Spalte',
+        titleRow: 'Kopfzeile',
+        titleCol: 'Kopfspalte',
+        orderCol: 'Ordnungsspalte',
+        cellBackground: 'Zellenhintergrund',
+        colEqualWidth: 'Gleiche Spaltenbreite',
+        fullscreen: 'Vollbild',
+        table: 'Tabelle',
+        tableDesc: 'Tabelle einfügen',
+        tableOptions: 'Tabellenoptionen',
+        mergeCells: 'Zellen verbinden',
+        splitCells: 'Zellen teilen',
+        deleteEntireRow: 'Zeile löschen',
+        deleteEntireCol: 'Spalte löschen',
+        deleteTable: 'Tabelle löschen',
+        clearSelection: 'Auswahl löschen',
+        deleteTheRow: 'Aktuelle Zeile löschen',
+        deleteTheColumn: 'Aktuelle Spalte löschen',
+        base: 'Basis',
+        alignment: 'Ausrichtung',
+        alignLeft: 'Linksbündig',
+        alignCenter: 'Zentriert',
+        alignRight: 'Rechtsbündig',
+        wrapLeft: 'Bild links',
+        wrapRight: 'Bild rechts',
+        verticalAlign: 'Vertikale Ausrichtung',
+        verticalAlignTop: 'Oben',
+        verticalAlignMiddle: 'Mitte',
+        verticalAlignBottom: 'Unten',
+        blockquote: 'Zitat',
+        blockquoteDesc: 'Zitat einfügen',
+        code: 'Code Blöcke',
+        codeDesc: 'Code mit Syntaxhervorhebung einfügen',
+        fontColor: 'Schriftfarbe',
+        backgroundColor: 'Hintergrundfarbe',
+        headingList: 'Normaler Text',
+        paragraph: 'Normaler Text',
+        heading1: 'Überschrift 1',
+        heading1Desc: 'Überschrift 1 einfügen',
+        heading2: 'Überschrift 2',
+        heading2Desc: 'Überschrift 2 einfügen',
+        heading3: 'Überschrift 3',
+        heading3Desc: 'Überschrift 3 einfügen',
+        heading4: 'Überschrift 4',
+        heading4Desc: 'Überschrift 4 einfügen',
+        divider: 'Trennlinie',
+        dividerDesc: 'Horizontale Linie einfügen',
+        image: 'Bild',
+        imageDesc: 'Unterstützt jpg, jpeg und andere Bildformate',
+        increaseIndent: 'Einzug vergrößern',
+        decreaseIndent: 'Einzug verkleinern',
+        inlineCode: 'Inline-Code',
+        linkDesc: 'Link einfügen',
+        orderedList: 'Nummerierte Liste',
+        orderedListDesc: 'Nummerierte Liste einfügen',
+        unorderedList: 'Ungeordnete Liste',
+        unorderedListDesc: 'Ungeordnete Liste einfügen',
+        bold: 'Fett',
+        italic: 'Kursiv',
+        strike: 'Durchgestrichen',
+        underline: 'Unterstrichen',
+        undo: 'Rückgängig',
+        redo: 'Wiederholen',
+        paintFormat: 'Format übertragen',
+        cleanFormat: 'Format löschen',
+        checkItem: 'Aufgabe',
+        checkItemDesc: 'Aufgabe einfügen'
+    }
+};
+
+var ruRuLocale = {
+    id: TheLocaleType.ruRu,
+    translations: {
+        link: 'Ссылка',
+        conversion: 'Конвертировать',
+        conversionHint: 'Обнаружен синтаксис Markdown',
+        search: 'Поиск',
+        noData: 'Нет данных',
+        searchResult: 'Результаты поиска',
+        autoWrap: 'Автоперенос',
+        copy: 'Копировать',
+        copySuccess: 'Скопировано',
+        copyFailed: 'Ошибка копирования',
+        delete: 'Удалить',
+        text: 'Текст',
+        enterText: 'Введите текст',
+        textRequired: 'Текст обязателен',
+        enterLink: 'Введите ссылку',
+        apply: 'Применить',
+        cancel: 'Отмена',
+        linkRequired: 'Ссылка обязательна',
+        linkPattern: 'Введите корректную ссылку',
+        insertRow: 'Вставить строку',
+        insertCol: 'Вставить столбец',
+        insertUpward: 'Вставить выше',
+        insertDownward: 'Вставить ниже',
+        insertLeft: 'Вставить слева',
+        insertRight: 'Вставить справа',
+        row: 'Строка',
+        column: 'Столбец',
+        titleRow: 'Заголовок строки',
+        titleCol: 'Заголовок столбца',
+        orderCol: 'Порядковый столбец',
+        cellBackground: 'Фон ячейки',
+        colEqualWidth: 'Равная ширина столбцов',
+        fullscreen: 'Полный экран',
+        table: 'Таблица',
+        tableDesc: 'Вставить таблицу',
+        tableOptions: 'Параметры таблицы',
+        mergeCells: 'Объединить ячейки',
+        splitCells: 'Разделить ячейки',
+        deleteEntireRow: 'Удалить строку',
+        deleteEntireCol: 'Удалить столбец',
+        deleteTable: 'Удалить таблицу',
+        clearSelection: 'Очистить выделение',
+        deleteTheRow: 'Удалить текущую строку',
+        deleteTheColumn: 'Удалить текущий столбец',
+        base: 'Основное',
+        alignment: 'Выравнивание',
+        alignLeft: 'По левому краю',
+        alignCenter: 'По центру',
+        alignRight: 'По правому краю',
+        wrapLeft: 'Изображение слева',
+        wrapRight: 'Изображение справа',
+        verticalAlign: 'Вертикальное выравнивание',
+        verticalAlignTop: 'По верху',
+        verticalAlignMiddle: 'По центру',
+        verticalAlignBottom: 'По низу',
+        blockquote: 'Цитата',
+        blockquoteDesc: 'Вставить цитату',
+        code: 'Блок кода',
+        codeDesc: 'Вставить код с подсветкой синтаксиса',
+        fontColor: 'Цвет текста',
+        backgroundColor: 'Цвет фона',
+        headingList: 'Обычный текст',
+        paragraph: 'Обычный текст',
+        heading1: 'Заголовок 1',
+        heading1Desc: 'Вставить заголовок 1',
+        heading2: 'Заголовок 2',
+        heading2Desc: 'Вставить заголовок 2',
+        heading3: 'Заголовок 3',
+        heading3Desc: 'Вставить заголовок 3',
+        heading4: 'Заголовок 4',
+        heading4Desc: 'Вставить заголовок 4',
+        divider: 'Разделитель',
+        dividerDesc: 'Вставить горизонтальную линию',
+        image: 'Изображение',
+        imageDesc: 'Поддерживает форматы jpg, jpeg и другие',
+        increaseIndent: 'Увеличить отступ',
+        decreaseIndent: 'Уменьшить отступ',
+        inlineCode: 'Встроенный код',
+        linkDesc: 'Вставить ссылку',
+        orderedList: 'Нумерованный список',
+        orderedListDesc: 'Вставить нумерованный список',
+        unorderedList: 'Неупорядоченный список',
+        unorderedListDesc: 'Вставить неупорядоченный список',
+        bold: 'Полужирный',
+        italic: 'Курсив',
+        strike: 'Зачеркнутый',
+        underline: 'Подчеркнутый',
+        undo: 'Отменить',
+        redo: 'Повторить',
+        paintFormat: 'Формат по образцу',
+        cleanFormat: 'Очистить формат',
+        checkItem: 'Задача',
+        checkItemDesc: 'Вставить задачу'
+    }
+};
+
+class TheBaseToolbarItem {
     set toolbarItem(value) {
         this._toolbarItem = value;
     }
@@ -2421,6 +3077,10 @@ class TheBaseToolbarItem {
     get activeState() {
         return this.active;
     }
+    constructor(i18n) {
+        this.class = true;
+        this.locale = signal(i18n.getLocale()().translations);
+    }
     execute(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -2440,12 +3100,12 @@ class TheBaseToolbarItem {
             this.active = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheBaseToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    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.ɵ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
-        }], propDecorators: { toolbarItem: [{
+        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { toolbarItem: [{
                 type: Input
             }], editor: [{
                 type: Input
@@ -2462,14 +3122,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['class.active']
             }] } });
 class TheBaseToolbarDropdown extends TheBaseToolbarItem {
-    constructor() {
-        super(...arguments);
-        this.mode = DropdownMode.text;
-    }
     get defaultDropdownItem() {
         const activeItem = this.dropdownItemKey && this.menus.find(item => item.key === this.dropdownItemKey);
         return activeItem ? activeItem : this.menus[0];
     }
+    constructor(i18n) {
+        super(i18n);
+        this.mode = DropdownMode.text;
+    }
     selectionChange(editor) {
         super.selectionChange(editor);
         const activeItem = this.menus.find(i => {
@@ -2481,12 +3141,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: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    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.ɵ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
-        }], propDecorators: { menus: [{
+        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { menus: [{
                 type: Input
             }], mode: [{
                 type: Input
@@ -2700,8 +3360,8 @@ class TheToolbarDropdown extends TheBaseToolbarDropdown {
     get activeDropdown() {
         return this.toolbarItem.dropdownFixedIcon && !!this.activeKeys.length;
     }
-    constructor(elementRef, thyPopover, viewContainerRef, overlay) {
-        super();
+    constructor(elementRef, thyPopover, viewContainerRef, overlay, i18n) {
+        super(i18n);
         this.elementRef = elementRef;
         this.thyPopover = thyPopover;
         this.viewContainerRef = viewContainerRef;
@@ -2782,8 +3442,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 }], 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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheToolbarDropdown, decorators: [{
             type: Component,
@@ -2798,8 +3458,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\">{{ 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: [{
+                    ], 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: [{
                 type: HostBinding,
                 args: ['class']
             }], iconModeTemplate: [{
@@ -2817,8 +3477,8 @@ class TheToolbarItem extends TheBaseToolbarItem {
     toggleDropdown(event) {
         super.execute(event);
     }
-    constructor() {
-        super();
+    constructor(i18n) {
+        super(i18n);
         this.className = 'the-toolbar-item';
     }
     ngOnInit() { }
@@ -2836,7 +3496,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: [], target: i0.ɵɵFactoryTarget.Component }); }
+    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.ɵ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:;"
@@ -2844,7 +3504,10 @@ class TheToolbarItem extends TheBaseToolbarItem {
             [thyActionIcon]="toolbarItem.icon"
             [thyActionActive]="active"
             [thyTooltip]="tooltip"
-            [thyTooltipTemplateContext]="{ name: toolbarItem.name, shortcutKey: toolbarItem.shortcutKey }"
+            [thyTooltipTemplateContext]="{
+                name: locale()[toolbarItem.translateKey] ?? toolbarItem.name,
+                shortcutKey: toolbarItem.shortcutKey
+            }"
             thyTooltipPlacement="top"
             (mousedown)="preventDefault($event)"
             (click)="execute($event)"
@@ -2863,7 +3526,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             [thyActionIcon]="toolbarItem.icon"
             [thyActionActive]="active"
             [thyTooltip]="tooltip"
-            [thyTooltipTemplateContext]="{ name: toolbarItem.name, shortcutKey: toolbarItem.shortcutKey }"
+            [thyTooltipTemplateContext]="{
+                name: locale()[toolbarItem.translateKey] ?? toolbarItem.name,
+                shortcutKey: toolbarItem.shortcutKey
+            }"
             thyTooltipPlacement="top"
             (mousedown)="preventDefault($event)"
             (click)="execute($event)"
@@ -2873,7 +3539,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     imports: [ThyAction, ThyTooltipDirective]
                 }]
-        }], ctorParameters: () => [], propDecorators: { className: [{
+        }], ctorParameters: () => [{ type: TheI18nService }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
             }], toggleDropdown: [{
@@ -3160,12 +3826,14 @@ class TheToolbarGroup {
     clickHandle(event) {
         event.stopPropagation();
     }
-    constructor(elementRef, thyPopover, viewContainerRef) {
+    constructor(elementRef, thyPopover, viewContainerRef, i18n) {
         this.elementRef = elementRef;
         this.thyPopover = thyPopover;
         this.viewContainerRef = viewContainerRef;
+        this.i18n = i18n;
         this.className = 'the-toolbar-group';
         this.active = false;
+        this.locale = signal(i18n.getLocale()().translations);
     }
     ngOnInit() { }
     ngOnDestroy() {
@@ -3224,13 +3892,13 @@ class TheToolbarGroup {
             this.groupPopoverRef.close();
         }
     }
-    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 }], 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]=\"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.ɵ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"] }] }); }
 }
 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]=\"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 }], propDecorators: { className: [{
+            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" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.ThyPopover }, { type: i0.ViewContainerRef }, { type: TheI18nService }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
             }], menus: [{
@@ -6131,7 +6799,9 @@ const LinkEditor = {
         if (Range.isCollapsed(editor.selection)) {
             Promise.resolve()
                 .then(() => {
-                LinkEditor.wrapLink(editor, LINK_DEFAULT_TEXT, '');
+                const locale = editor.injector.get(TheI18nService).getLocale();
+                const linkDefaultText = locale().translations.link;
+                LinkEditor.wrapLink(editor, linkDefaultText, '');
             })
                 .then(() => {
                 const [linkNode] = getAboveByType(editor, ElementKinds.link);
@@ -6730,8 +7400,8 @@ class TheVerticalToolbarItem extends TheBaseToolbarDropdown {
             this.close();
         }
     }
-    constructor(elementRef, thyPopover, viewContainerRef) {
-        super();
+    constructor(elementRef, thyPopover, viewContainerRef, i18n) {
+        super(i18n);
         this.elementRef = elementRef;
         this.thyPopover = thyPopover;
         this.viewContainerRef = viewContainerRef;
@@ -6775,8 +7445,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 }], 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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheVerticalToolbarItem, decorators: [{
             type: Component,
@@ -6792,8 +7462,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]=\"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: [{
+                    ], 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: [{
                 type: ViewChild,
                 args: ['VerticalAlignItems', { read: TemplateRef, static: true }]
             }], handleDocumentMouseDown: [{
@@ -6821,6 +7491,7 @@ const createVerticalAlignPlugin = createPluginFactory({
         {
             key: ToolbarActionTypes.verticalAlign,
             name: '垂直对齐',
+            translateKey: 'verticalAlign',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheVerticalToolbarItem,
@@ -6831,6 +7502,7 @@ const createVerticalAlignPlugin = createPluginFactory({
             key: ToolbarActionTypes.verticalAlignTop,
             icon: 'align-top',
             name: '顶部对齐',
+            translateKey: 'verticalAlignTop',
             execute: editor => VerticalAlignEditor.setVerticalAlign(editor, VerticalAlignment.top),
             active: editor => VerticalAlignEditor.isVerticalActive(editor, VerticalAlignment.top)
         },
@@ -6838,6 +7510,7 @@ const createVerticalAlignPlugin = createPluginFactory({
             key: ToolbarActionTypes.verticalAlignMiddle,
             icon: 'align-middle',
             name: '垂直居中',
+            translateKey: 'verticalAlignMiddle',
             execute: editor => VerticalAlignEditor.setVerticalAlign(editor, VerticalAlignment.middle),
             active: editor => VerticalAlignEditor.isVerticalActive(editor, VerticalAlignment.middle)
         },
@@ -6845,6 +7518,7 @@ const createVerticalAlignPlugin = createPluginFactory({
             key: ToolbarActionTypes.verticalAlignBottom,
             icon: 'align-bottom',
             name: '底部对齐',
+            translateKey: 'verticalAlignBottom',
             execute: editor => VerticalAlignEditor.setVerticalAlign(editor, VerticalAlignment.bottom),
             active: editor => VerticalAlignEditor.isVerticalActive(editor, VerticalAlignment.bottom)
         }
@@ -7061,14 +7735,15 @@ class ThePluginMenuComponent {
         this.theDisplaySearch = false;
         this.autoActiveFirstItem = true;
         this.containerClassName = `the-plugin-menu-container`;
+        this.locale = injectTranslations();
         this.listBox = viewChild(TheListboxDirective);
         this.listBoxAutoActiveFirstItem = true;
         this.groupMenu = [];
         this.iconMenu = [];
         this.ThePluginMenuItemType = ThePluginMenuItemType;
-        this.thyMessage = '暂无数据';
+        this.thyMessage = this.locale().noData;
         this.searchGroup = {
-            groupName: '搜索结果'
+            groupName: this.locale().searchResult
         };
         this.expandPopoverOptions = {
             placement: 'rightTop',
@@ -7254,7 +7929,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 placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" [(ngModel)]=\"keyWords\" (ngModelChange)=\"updateKeywords(keyWords)\">\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track 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"] }] }); }
+    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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ThePluginMenuComponent, decorators: [{
             type: Component,
@@ -7279,7 +7954,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 placeholder=\"\u641C\u7D22\" thyIconPosition=\"after\" [(ngModel)]=\"keyWords\" (ngModelChange)=\"updateKeywords(keyWords)\">\n    </thy-input-search>\n  </div>\n}\n\n@if (groupMenu.length > 0) {\n  <div\n    class=\"thy-dropdown-menu the-plugin-menu-scroll-container pb-2 pt-0\"\n    theListBox\n    [keyboardContainer]=\"keyboardContainer\"\n    [autoActiveFirstItem]=\"listBoxAutoActiveFirstItem\"\n    (theListboxChange)=\"listBoxChange($event)\"\n  >\n    <ng-container *ngIf=\"iconMenu?.length > 0\">\n      <div theListboxGroup [horizontalColumn]=\"6\" class=\"icon-menu d-flex pl-5 py-1\">\n        @for (item of iconMenu; track 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" }]
+                    ], 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" }]
         }], propDecorators: { editor: [{
                 type: Input
             }], theDisplaySearch: [{
@@ -7742,6 +8417,7 @@ const isMarkdownSyntax = content => {
 
 class TheConversionHint {
     constructor() {
+        this.locale = injectTranslations();
         this.duration = 10000;
         this.pauseOnHover = true;
     }
@@ -7771,13 +8447,13 @@ class TheConversionHint {
         clearInterval(this.closeTimer);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheConversionHint, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheConversionHint, isStandalone: true, selector: "the-conversion-hint", inputs: { editor: "editor", conversion: "conversion" }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, classAttribute: "the-conversion-hint" }, ngImport: i0, template: "<ng-container>\n  <thy-alert thyType=\"primary-weak\" thyIcon=\"info-circle-fill\" thyCloseable=\"true\" thyMessage=\"\u68C0\u6D4B\u5230\u7C98\u8D34\u5185\u5BB9\u7B26\u5408Markdown\u8BED\u6CD5\">\n    <ng-template #operation>\n      <a href=\"javascript:;\" thyAlertActionItem (click)=\"conversion()\"> \u7ACB\u5373\u8F6C\u6362 </a>\n    </ng-template>\n  </thy-alert>\n</ng-container>\n", dependencies: [{ kind: "component", type: ThyAlert, selector: "thy-alert", inputs: ["thyType", "thyTheme", "thyMessage", "thyIcon", "thyCloseable"] }, { kind: "directive", type: ThyAlertActionItemDirective, selector: "[thyAlertActionItem]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheConversionHint, isStandalone: true, selector: "the-conversion-hint", inputs: { editor: "editor", conversion: "conversion" }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, classAttribute: "the-conversion-hint" }, ngImport: i0, template: "<ng-container>\n  <thy-alert thyType=\"primary-weak\" thyIcon=\"info-circle-fill\" thyCloseable=\"true\" [thyMessage]=\"locale().conversionHint\">\n    <ng-template #operation>\n      <a href=\"javascript:;\" thyAlertActionItem (click)=\"conversion()\"> {{ locale().conversion }} </a>\n    </ng-template>\n  </thy-alert>\n</ng-container>\n", dependencies: [{ kind: "component", type: ThyAlert, selector: "thy-alert", inputs: ["thyType", "thyTheme", "thyMessage", "thyIcon", "thyCloseable"] }, { kind: "directive", type: ThyAlertActionItemDirective, selector: "[thyAlertActionItem]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheConversionHint, decorators: [{
             type: Component,
             args: [{ selector: 'the-conversion-hint', host: {
                         class: 'the-conversion-hint'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyAlert, ThyAlertActionItemDirective], template: "<ng-container>\n  <thy-alert thyType=\"primary-weak\" thyIcon=\"info-circle-fill\" thyCloseable=\"true\" thyMessage=\"\u68C0\u6D4B\u5230\u7C98\u8D34\u5185\u5BB9\u7B26\u5408Markdown\u8BED\u6CD5\">\n    <ng-template #operation>\n      <a href=\"javascript:;\" thyAlertActionItem (click)=\"conversion()\"> \u7ACB\u5373\u8F6C\u6362 </a>\n    </ng-template>\n  </thy-alert>\n</ng-container>\n" }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyAlert, ThyAlertActionItemDirective], template: "<ng-container>\n  <thy-alert thyType=\"primary-weak\" thyIcon=\"info-circle-fill\" thyCloseable=\"true\" [thyMessage]=\"locale().conversionHint\">\n    <ng-template #operation>\n      <a href=\"javascript:;\" thyAlertActionItem (click)=\"conversion()\"> {{ locale().conversion }} </a>\n    </ng-template>\n  </thy-alert>\n</ng-container>\n" }]
         }], propDecorators: { editor: [{
                 type: Input
             }], conversion: [{
@@ -8272,12 +8948,14 @@ const createAlignPlugin = createPluginFactory({
             dropdownItemKey: ToolbarActionTypes.alignLeft,
             includes: [ToolbarActionTypes.alignLeft, ToolbarActionTypes.alignCenter, ToolbarActionTypes.alignRight],
             name: '对齐方式',
+            translateKey: 'alignment',
             disable: editor => AlignEditor.isDisabled(editor)
         },
         {
             key: ToolbarActionTypes.alignLeft,
             icon: 'align-left',
             name: '左对齐',
+            translateKey: 'alignLeft',
             execute: editor => AlignEditor.setAlign(editor, Alignment.left),
             active: editor => AlignEditor.isActive(editor, Alignment.left)
         },
@@ -8285,6 +8963,7 @@ const createAlignPlugin = createPluginFactory({
             key: ToolbarActionTypes.alignCenter,
             icon: 'align-center',
             name: '居中',
+            translateKey: 'alignCenter',
             execute: editor => AlignEditor.setAlign(editor, Alignment.center),
             active: editor => AlignEditor.isActive(editor, Alignment.center)
         },
@@ -8292,6 +8971,7 @@ const createAlignPlugin = createPluginFactory({
             key: ToolbarActionTypes.alignRight,
             icon: 'align-right',
             name: '右对齐',
+            translateKey: 'alignRight',
             execute: editor => AlignEditor.setAlign(editor, Alignment.right),
             active: editor => AlignEditor.isActive(editor, Alignment.right)
         }
@@ -8715,6 +9395,7 @@ const createBlockquotePlugin = createPluginFactory({
             key: ElementKinds.blockquote,
             icon: 'blockquote',
             name: '引用',
+            translateKey: 'blockquote',
             active: editor => isBlockActive(editor, ElementKinds.blockquote),
             execute: editor => BlockquoteEditor.toggleBlockquote(editor)
         }
@@ -8723,11 +9404,13 @@ const createBlockquotePlugin = createPluginFactory({
         {
             key: ElementKinds.blockquote,
             type: ThePluginMenuItemType.group,
-            keywords: 'yy,yinyong,quote,引用',
+            keywords: 'yy,yinyong,quote,引用,цитата,zitat',
             active: editor => isBlockActive(editor, ElementKinds.blockquote),
             execute: editor => BlockquoteEditor.toggleBlockquote(editor),
             name: '引用',
+            translateKey: 'blockquote',
             description: '支持引用内容',
+            descriptionTranslateKey: 'blockquoteDesc',
             menuIcon: PluginMenuIcons.blockquote,
             displayKey: '/yy'
         }
@@ -8740,6 +9423,7 @@ const createBlockquotePlugin = createPluginFactory({
 class TheCode extends TheBaseElement {
     constructor() {
         super(...arguments);
+        this.locale = injectTranslations();
         this.startRenderCodemirror = false;
         this.dropdownMode = DropdownMode;
         this.maxHeight = 0;
@@ -8877,7 +9561,7 @@ class TheCode extends TheBaseElement {
     }
     onCopy(event) {
         event.preventDefault();
-        copyNode(this.editor, this.element, this.thyNotifyService);
+        copyNode(this.editor, this.element, this.thyNotifyService, this.locale);
     }
     focusChange(codeMirrorFocused) {
         if (codeMirrorFocused) {
@@ -8926,7 +9610,7 @@ class TheCode extends TheBaseElement {
         this.destroy$.complete();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheCode, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheCode, isStandalone: true, selector: "div[theCode]", host: { classAttribute: "the-code-container" }, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdown", first: true, predicate: TheToolbarDropdown, descendants: true, read: TheToolbarDropdown }], usesInheritance: true, ngImport: i0, template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    *ngIf=\"startRenderCodemirror\"\n    #codemirror\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n  >\n  </ng-codemirror>\n  <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>\u81EA\u52A8\u6362\u884C</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (click)=\"onCopy($event)\"></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      thyTooltip=\"\u5220\u9664\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: SlateModule }, { kind: "ngmodule", type: CodemirrorModule }, { kind: "component", type: i2$3.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["options", "extensions", "languages"], outputs: ["focusChange"] }, { kind: "component", type: ThySwitch, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { 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: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyResizeHandle, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: TheToolbarDropdown, selector: "the-toolbar-dropdown" }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheCode, isStandalone: true, selector: "div[theCode]", host: { classAttribute: "the-code-container" }, viewQueries: [{ propertyName: "toolbar", first: true, predicate: ["toolbar"], descendants: true, read: TemplateRef, static: true }, { propertyName: "codemirror", first: true, predicate: ["codemirror"], descendants: true, read: CodeMirrorComponent }, { propertyName: "toolbarDropdown", first: true, predicate: TheToolbarDropdown, descendants: true, read: TheToolbarDropdown }], usesInheritance: true, ngImport: i0, template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    *ngIf=\"startRenderCodemirror\"\n    #codemirror\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n  >\n  </ng-codemirror>\n  <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>{{ locale().autoWrap }}</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyActionIcon=\"copy\"\n      [thyTooltip]=\"locale().copy\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onCopy($event)\"\n    ></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      [thyTooltip]=\"locale().delete\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n", dependencies: [{ kind: "directive", type: ThyResizableDirective, selector: "[thyResizable]", inputs: ["thyBounds", "thyMaxHeight", "thyMaxWidth", "thyMinHeight", "thyMinWidth", "thyGridColumnCount", "thyMaxColumn", "thyMinColumn", "thyLockAspectRatio", "thyPreview", "thyDisabled"], outputs: ["thyResize", "thyResizeStart", "thyResizeEnd"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: SlateModule }, { kind: "ngmodule", type: CodemirrorModule }, { kind: "component", type: i2$3.CodeMirrorComponent, selector: "ng-codemirror, [ngCodeMirror]", inputs: ["options", "extensions", "languages"], outputs: ["focusChange"] }, { kind: "component", type: ThySwitch, selector: "thy-switch", inputs: ["thyType", "thySize", "thyDisabled", "thyLoading"], outputs: ["thyChange"] }, { 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: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyResizeHandle, selector: "thy-resize-handle, [thy-resize-handle]", inputs: ["thyDirection", "thyLine"], outputs: ["thyMouseDown"], exportAs: ["thyResizeHandle"] }, { kind: "component", type: TheToolbarDropdown, selector: "the-toolbar-dropdown" }, { kind: "directive", type: ThePreventDefaultDirective, selector: "[thePreventDefault]", exportAs: ["thePreventDefault"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheCode, decorators: [{
             type: Component,
@@ -8950,7 +9634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ThyResizeHandle,
                         TheToolbarDropdown,
                         ThePreventDefaultDirective
-                    ], template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    *ngIf=\"startRenderCodemirror\"\n    #codemirror\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n  >\n  </ng-codemirror>\n  <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>\u81EA\u52A8\u6362\u884C</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a href=\"javascript:;\" thyAction thyActionIcon=\"copy\" thyTooltip=\"\u590D\u5236\" thyTooltipPlacement=\"top\" (click)=\"onCopy($event)\"></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      thyTooltip=\"\u5220\u9664\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n" }]
+                    ], template: "<!-- \u53EA\u8BFB\u6A21\u5F0F\u4E0BCodeMirror-sizer\u9AD8\u5EA6\u6BD4\u7F16\u8F91\u6A21\u5F0F\u4E0B\u591A2px\uFF0C\u8BBE\u7F6EthyMinHeight\u4E3A46px\u9632\u6B62\u62D6\u62FD\u5230\u6700\u5C0F\u9AD8\u5EA6\u65F6\u53EA\u8BFB\u6A21\u5F0F\u4E0B\u51FA\u73B0\u6EDA\u52A8\u6761  -->\n<div\n  thyResizable\n  [thyMinHeight]=\"46\"\n  [thyBounds]=\"resizeBounds\"\n  [style.height.px]=\"resizeHeight\"\n  (thyResize)=\"onResize($event)\"\n  (thyResizeEnd)=\"onEndResize()\"\n  class=\"resize-code-container\"\n  [ngClass]=\"{ focus: isCollapsedAndNonReadonly, readonly: options.readonly, active: isHightLight && isCollapsedAndNonReadonly }\"\n>\n  <ng-codemirror\n    *ngIf=\"startRenderCodemirror\"\n    #codemirror\n    contenteditable=\"false\"\n    class=\"ng-codemirror-wrapper\"\n    [ngStyle]=\"{ maxHeight: maxHeight > 0 ? maxHeight + 'px' : 'auto' }\"\n    [options]=\"options\"\n    [ngModel]=\"code\"\n    (ngModelChange)=\"codeChange($event)\"\n    (focusChange)=\"focusChange($event)\"\n  >\n  </ng-codemirror>\n  <thy-resize-handle thyDirection=\"bottom\" class=\"code-resize-icon\" *ngIf=\"isCollapsedAndNonReadonly\"></thy-resize-handle>\n</div>\n\n<ng-template #toolbar>\n  <thy-actions thySize=\"xxs\" thePreventDefault>\n    <the-toolbar-dropdown\n      [menus]=\"menus\"\n      [toolbarItem]=\"activeLanguage\"\n      [dropdownItemKey]=\"activeLanguage?.key\"\n      [itemMousedownHandle]=\"onChangeLanguage\"\n    >\n    </the-toolbar-dropdown>\n    <span class=\"auto-wrap d-flex align-items-center px-2 text-secondary\">\n      <span>{{ locale().autoWrap }}</span>\n      <thy-switch\n        class=\"auto-wrap-btn d-flex ml-1\"\n        [(ngModel)]=\"options.lineWrapping\"\n        (ngModelChange)=\"onChangeWrap($event)\"\n        thySize=\"sm\"\n      ></thy-switch>\n    </span>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyActionIcon=\"copy\"\n      [thyTooltip]=\"locale().copy\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onCopy($event)\"\n    ></a>\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      thyActionIcon=\"trash\"\n      [thyTooltip]=\"locale().delete\"\n      thyTooltipPlacement=\"top\"\n      (click)=\"onDelete($event)\"\n    ></a>\n  </thy-actions>\n</ng-template>\n" }]
         }], propDecorators: { toolbar: [{
                 type: ViewChild,
                 args: ['toolbar', { read: TemplateRef, static: true }]
@@ -8999,6 +9683,7 @@ const createCodePlugin = createPluginFactory({
             key: ElementKinds.code,
             icon: 'code-syntax',
             name: '代码块',
+            translateKey: 'code',
             active: editor => isBlockActive(editor, ElementKinds.code),
             execute: editor => CodeEditor.insertCode(editor)
         }
@@ -9007,11 +9692,13 @@ const createCodePlugin = createPluginFactory({
         {
             key: ElementKinds.code,
             type: ThePluginMenuItemType.group,
-            keywords: 'dmk,daimakuai,code,代码块',
+            keywords: 'dmk,daimakuai,code,代码块,程式碼區塊,codeblöcke,コードブロック,Блок кода',
             active: editor => isBlockActive(editor, ElementKinds.code),
             execute: editor => CodeEditor.insertCode(editor),
             name: '代码块',
+            translateKey: 'code',
             description: '支持插入语法高亮的代码',
+            descriptionTranslateKey: 'codeDesc',
             menuIcon: PluginMenuIcons.code,
             displayKey: '/dmk'
         }
@@ -9028,8 +9715,8 @@ class TheColorToolbarItem extends TheBaseToolbarItem {
     get lastBackgroundColor() {
         return THE_EDITOR_BG_COLOR.get(this.editor) ?? '#FFDA00';
     }
-    constructor() {
-        super();
+    constructor(i18n) {
+        super(i18n);
         this.pickerActive = false;
     }
     ngOnInit() {
@@ -9093,15 +9780,15 @@ class TheColorToolbarItem extends TheBaseToolbarItem {
             });
         });
     }
-    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"] }] }); }
+    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"] }] }); }
 }
 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]=\"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: () => [] });
+                    }, 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 }] });
 
 const createColorPlugin = createPluginFactory({
     key: PluginKeys.color,
@@ -9110,6 +9797,7 @@ const createColorPlugin = createPluginFactory({
             key: MarkTypes.color,
             icon: 'color-tt',
             name: '字体颜色',
+            translateKey: 'fontColor',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheColorToolbarItem,
@@ -9119,6 +9807,7 @@ const createColorPlugin = createPluginFactory({
             key: MarkTypes.backgroundColor,
             icon: 'background-tt',
             name: '背景颜色',
+            translateKey: 'backgroundColor',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheColorToolbarItem,
@@ -9483,6 +10172,7 @@ const createCommonPlugin = createPluginFactory({
         {
             key: ToolbarActionTypes.group,
             name: '更多',
+            translateKey: 'more',
             icon: 'more',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
@@ -9977,6 +10667,7 @@ const createHeadingPlugin = createPluginFactory({
         {
             key: ElementKinds.headingList,
             name: '正文',
+            translateKey: 'headingList',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.text,
             dropdownItemKey: ElementKinds.paragraph,
@@ -9985,6 +10676,7 @@ const createHeadingPlugin = createPluginFactory({
         {
             key: ElementKinds.paragraph,
             name: '正文',
+            translateKey: 'paragraph',
             styles: { height: '40px' },
             execute: editor => Transforms.setNodes(editor, { type: ElementKinds.paragraph }),
             active: editor => isParagraph(editor)
@@ -9992,6 +10684,7 @@ const createHeadingPlugin = createPluginFactory({
         {
             key: ElementKinds.heading_1,
             name: '标题1',
+            translateKey: 'heading1',
             icon: 'header-1',
             styles: { height: '40px', fontSize: '28px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_1),
@@ -10001,6 +10694,7 @@ const createHeadingPlugin = createPluginFactory({
             key: ElementKinds.heading_2,
             icon: 'header-2',
             name: '标题2',
+            translateKey: 'heading2',
             styles: { height: '38px', fontSize: '24px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_2),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_2)
@@ -10009,6 +10703,7 @@ const createHeadingPlugin = createPluginFactory({
             key: ElementKinds.heading_3,
             icon: 'header-3',
             name: '标题3',
+            translateKey: 'heading3',
             styles: { height: '34px', fontSize: '20px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_3),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_3)
@@ -10017,6 +10712,7 @@ const createHeadingPlugin = createPluginFactory({
             key: ElementKinds.heading_4,
             icon: 'header-4',
             name: '标题4',
+            translateKey: 'heading4',
             styles: { height: '30px', fontSize: '16px' },
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_4),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_4)
@@ -10029,11 +10725,13 @@ const createHeadingPlugin = createPluginFactory({
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_1),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_1),
             name: '标题1',
+            translateKey: 'heading1',
             displayKey: '/h1',
             description: '插入一级标题',
+            descriptionTranslateKey: 'heading1Desc',
             icon: 'header-1',
             menuIcon: PluginMenuIcons.heading_1,
-            keywords: 'h,H,bt,heading1,标题,h1'
+            keywords: 'h,H,bt,heading1,标题,h1,標題,заголовок,見出し,überschrift'
         },
         {
             key: ElementKinds.heading_2,
@@ -10041,11 +10739,13 @@ const createHeadingPlugin = createPluginFactory({
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_2),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_2),
             name: '标题2',
+            translateKey: 'heading2',
             icon: 'header-2',
             description: '插入二级标题',
+            descriptionTranslateKey: 'heading2Desc',
             displayKey: '/h2',
             menuIcon: PluginMenuIcons.heading_2,
-            keywords: 'h,H,bt,heading2,标题,h2'
+            keywords: 'h,H,bt,heading2,标题,h2,標題,заголовок,見出し,überschrift'
         },
         {
             key: ElementKinds.heading_3,
@@ -10053,11 +10753,13 @@ const createHeadingPlugin = createPluginFactory({
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_3),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_3),
             name: '标题3',
+            translateKey: 'heading3',
             icon: 'header-3',
             description: '插入三级标题',
+            descriptionTranslateKey: 'heading3Desc',
             displayKey: '/h3',
             menuIcon: PluginMenuIcons.heading_3,
-            keywords: 'h,H,bt,heading3,标题,h3'
+            keywords: 'h,H,bt,heading3,标题,h3,標題,заголовок,見出し,überschrift'
         },
         {
             key: ElementKinds.heading_4,
@@ -10065,11 +10767,13 @@ const createHeadingPlugin = createPluginFactory({
             execute: editor => HeadingEditor.setHeading(editor, ElementKinds.heading_4),
             active: editor => HeadingEditor.isHeadingActive(editor, ElementKinds.heading_4),
             name: '标题4',
+            translateKey: 'heading4',
             icon: 'header-4',
             description: '插入四级标题',
+            descriptionTranslateKey: 'heading4Desc',
             displayKey: '/h4',
             menuIcon: PluginMenuIcons.heading_4,
-            keywords: 'h,H,bt,heading4,BT,标题,h4'
+            keywords: 'h,H,bt,heading4,BT,标题,h4,標題,заголовок,見出し,überschrift'
         }
     ],
     options: headingOptions
@@ -10134,6 +10838,7 @@ const createHrPlugin = createPluginFactory({
             key: ElementKinds.hr,
             icon: 'horizontal-line',
             name: '分割线',
+            translateKey: 'divider',
             active: editor => isBlockActive(editor, ElementKinds.hr),
             execute: editor => HrEditor.insertHr(editor)
         }
@@ -10141,13 +10846,15 @@ const createHrPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.hr,
-            keywords: 'fengexian,fgx,divider,line,分割线',
+            keywords: 'fengexian,fgx,divider,line,分割线,分隔線,разделитель,区切り線,trennlinie',
             type: ThePluginMenuItemType.group,
             active: editor => isBlockActive(editor, ElementKinds.hr),
             execute: editor => HrEditor.insertHr(editor),
             name: '分割线',
+            translateKey: 'divider',
             menuIcon: PluginMenuIcons.hr,
             description: '使用水平线分隔内容',
+            descriptionTranslateKey: 'dividerDesc',
             displayKey: '/fgx'
         }
     ],
@@ -10175,6 +10882,7 @@ class TheImage extends TheBaseElement {
         this.thyPopover = thyPopover;
         this.overlay = overlay;
         this.destroyRef = destroyRef;
+        this.locale = injectTranslations();
         this.naturalWidth = 0;
         this.naturalHeight = 0;
         this.imageEntry = {};
@@ -10187,19 +10895,19 @@ class TheImage extends TheBaseElement {
             {
                 key: Alignment.left,
                 icon: 'image-left',
-                name: '左对齐',
+                name: this.locale().alignLeft,
                 handle: (e, key) => this.setImageNode(e, { align: key, layout: undefined })
             },
             {
                 key: Alignment.center,
                 icon: 'image-center',
-                name: '居中',
+                name: this.locale().alignCenter,
                 handle: (e, key) => this.setImageNode(e, { align: key, layout: undefined })
             },
             {
                 key: Alignment.right,
                 icon: 'image-right',
-                name: '右对齐',
+                name: this.locale().alignRight,
                 handle: (e, key) => this.setImageNode(e, { align: key, layout: undefined })
             },
             {
@@ -10208,19 +10916,19 @@ class TheImage extends TheBaseElement {
             {
                 key: LayoutTypes.wrapLeft,
                 icon: 'wrap-left',
-                name: '图片居左',
+                name: this.locale().wrapLeft,
                 handle: (e, key) => this.setImageNode(e, { layout: key })
             },
             {
                 key: LayoutTypes.wrapRight,
                 icon: 'wrap-right',
-                name: '图片居右',
+                name: this.locale().wrapRight,
                 handle: (e, key) => this.setImageNode(e, { layout: key })
             },
             {
                 key: 'remove',
                 icon: 'trash',
-                name: '删除',
+                name: this.locale().delete,
                 handle: (e) => this.onDelete(e)
             }
         ];
@@ -10662,6 +11370,7 @@ const createImagePlugin = createPluginFactory({
             key: ElementKinds.image,
             icon: 'image',
             name: '图片',
+            translateKey: 'image',
             execute: editor => ImageEditor.openUpload(editor),
             active: editor => ImageEditor.isActive(editor)
         }
@@ -10669,12 +11378,14 @@ const createImagePlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.image,
-            keywords: 'tp,tupian,image,photo,picture,图片',
+            keywords: 'tp,tupian,image,photo,picture,图片,圖片,изображение,画像,がぞう,bild',
             execute: editor => ImageEditor.openUpload(editor),
             active: editor => ImageEditor.isActive(editor),
             name: '图片',
+            translateKey: 'image',
             menuIcon: PluginMenuIcons.image,
             description: '支持 jpg、jpeg 等格式图像',
+            descriptionTranslateKey: 'imageDesc',
             type: ThePluginMenuItemType.group,
             displayKey: '/tp'
         }
@@ -10765,6 +11476,7 @@ const createIndentPlugin = createPluginFactory({
         {
             key: Indents.indentRight,
             name: '增加缩进',
+            translateKey: 'increaseIndent',
             icon: 'float-left',
             shortcutKey: 'Tab',
             execute: editor => IndentEditor.setIndent(editor)
@@ -10772,6 +11484,7 @@ const createIndentPlugin = createPluginFactory({
         {
             key: Indents.indentLeft,
             name: '减少缩进',
+            translateKey: 'decreaseIndent',
             icon: 'float-right',
             shortcutKey: 'Shift+Tab',
             execute: editor => IndentEditor.cancelIndent(editor)
@@ -10879,6 +11592,7 @@ const createInlineCodePlugin = createPluginFactory({
             key: ElementKinds.inlineCode,
             icon: 'code',
             name: '行内代码',
+            translateKey: 'inlineCode',
             shortcutKey: `${CONTROL_KEY}+E`,
             execute: editor => InlineCodeEditor.toggleInlineCode(editor),
             active: editor => InlineCodeEditor.isInlineCodeActive(editor)
@@ -10901,14 +11615,15 @@ class TheLinkEdit {
         this.className = 'the-link-edit-container';
         this.link = '';
         this.text = '';
+        this.locale = injectTranslations();
         this.validatorConfig = {
             validationMessages: {
                 link: {
-                    required: '链接不能为空',
-                    pattern: '请输入正确的链接'
+                    required: this.locale().linkRequired,
+                    pattern: this.locale().linkPattern
                 },
                 text: {
-                    required: '文本不能为空'
+                    required: this.locale().textRequired
                 }
             }
         };
@@ -10942,11 +11657,11 @@ class TheLinkEdit {
             this.closePopover(LinkCloseTypes.apply);
         }
         else {
-            form.validator.setElementErrorMessage(`link`, '请输入正确的链接');
+            form.validator.setElementErrorMessage(`link`, this.locale().linkPattern);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheLinkEdit, deps: [{ token: i1.ThyPopoverRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheLinkEdit, isStandalone: true, selector: "the-link-edit", inputs: { tag: "tag", node: "node", link: "link", text: "text", originSelection: "originSelection" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class": "this.className" } }, ngImport: i0, template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n  <thy-form-group thyLabelText=\"\u6587\u672C\">\n    <input thyInput placeholder=\"\u8BF7\u8F93\u5165\u6587\u672C\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n  </thy-form-group>\n  <thy-form-group thyLabelText=\"\u94FE\u63A5\">\n    <input name=\"link\" thyInput placeholder=\"\u8BF7\u8F93\u5165\u94FE\u63A5\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n  </thy-form-group>\n  <thy-form-group-footer>\n    <div class=\"btn-pair\">\n      <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">\u53D6\u6D88</button>\n      <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">\u5E94\u7528</button>\n    </div>\n  </thy-form-group-footer>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }, { kind: "directive", type: ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutofocus", "thyAutoSelect"] }, { kind: "component", type: ThyFormGroup, selector: "thy-form-group", inputs: ["thyLabelText", "thyLabelTextTranslateKey", "thyLabelRequired", "thyLabelPaddingTopClear", "thyFeedbackIcon", "thyTipsMode", "thyTips", "thyTipsTranslateKey", "thyRowFill"] }, { kind: "directive", type: ThyFormSubmitDirective, selector: "[thyFormSubmit],[thy-form-submit]", outputs: ["thyFormSubmit"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheLinkEdit, isStandalone: true, selector: "the-link-edit", inputs: { tag: "tag", node: "node", link: "link", text: "text", originSelection: "originSelection" }, host: { listeners: { "document: mousedown": "handleDocumentMouseDown($event)" }, properties: { "class": "this.className" } }, ngImport: i0, template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n  <thy-form-group [thyLabelText]=\"locale().text\">\n    <input thyInput [placeholder]=\"locale().enterText\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n  </thy-form-group>\n  <thy-form-group [thyLabelText]=\"locale().link\">\n    <input name=\"link\" thyInput [placeholder]=\"locale().enterLink\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n  </thy-form-group>\n  <thy-form-group-footer>\n    <div class=\"btn-pair\">\n      <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">{{ locale().cancel }}</button>\n      <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">{{ locale().apply }}</button>\n    </div>\n  </thy-form-group-footer>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: ThyFormDirective, selector: "[thyForm],[thy-form]", inputs: ["thyLayout", "thyEnterKeyMode", "thyFormValidatorConfig"], exportAs: ["thyForm"] }, { kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "component", type: ThyButton, selector: "thy-button,[thy-button],[thyButton]", inputs: ["thyButton", "thyType", "thyLoading", "thyLoadingText", "thySize", "thyIcon", "thyBlock"] }, { kind: "directive", type: ThyAutofocusDirective, selector: "input[thyAutofocus],textarea[thyAutofocus]", inputs: ["thyAutofocus", "thyAutoSelect"] }, { kind: "component", type: ThyFormGroup, selector: "thy-form-group", inputs: ["thyLabelText", "thyLabelTextTranslateKey", "thyLabelRequired", "thyLabelPaddingTopClear", "thyFeedbackIcon", "thyTipsMode", "thyTips", "thyTipsTranslateKey", "thyRowFill"] }, { kind: "directive", type: ThyFormSubmitDirective, selector: "[thyFormSubmit],[thy-form-submit]", outputs: ["thyFormSubmit"] }, { kind: "component", type: ThyFormGroupFooter, selector: "thy-form-group-footer", inputs: ["thyAlign"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheLinkEdit, decorators: [{
             type: Component,
@@ -10959,7 +11674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ThyFormGroup,
                         ThyFormSubmitDirective,
                         ThyFormGroupFooter
-                    ], template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n  <thy-form-group thyLabelText=\"\u6587\u672C\">\n    <input thyInput placeholder=\"\u8BF7\u8F93\u5165\u6587\u672C\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n  </thy-form-group>\n  <thy-form-group thyLabelText=\"\u94FE\u63A5\">\n    <input name=\"link\" thyInput placeholder=\"\u8BF7\u8F93\u5165\u94FE\u63A5\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n  </thy-form-group>\n  <thy-form-group-footer>\n    <div class=\"btn-pair\">\n      <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">\u53D6\u6D88</button>\n      <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">\u5E94\u7528</button>\n    </div>\n  </thy-form-group-footer>\n</form>\n" }]
+                    ], template: "<form thyForm #linkForm=\"thyForm\" [thyFormValidatorConfig]=\"validatorConfig\" name=\"linkForm\">\n  <thy-form-group [thyLabelText]=\"locale().text\">\n    <input thyInput [placeholder]=\"locale().enterText\" required name=\"text\" [(ngModel)]=\"text\" thyAutofocus type=\"text\" />\n  </thy-form-group>\n  <thy-form-group [thyLabelText]=\"locale().link\">\n    <input name=\"link\" thyInput [placeholder]=\"locale().enterLink\" required type=\"text\" #linkControl=\"ngModel\" [(ngModel)]=\"link\" />\n  </thy-form-group>\n  <thy-form-group-footer>\n    <div class=\"btn-pair\">\n      <button thyButton=\"link-secondary\" thySize=\"sm\" (click)=\"closePopover()\">{{ locale().cancel }}</button>\n      <button thyButton=\"primary-square\" thySize=\"sm\" (thyFormSubmit)=\"applyLink(linkForm)\">{{ locale().apply }}</button>\n    </div>\n  </thy-form-group-footer>\n</form>\n" }]
         }], ctorParameters: () => [{ type: i1.ThyPopoverRef }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -11223,6 +11938,7 @@ const createLinkPlugin = createPluginFactory({
             key: ElementKinds.link,
             icon: 'link-insert',
             name: '链接',
+            translateKey: 'link',
             execute: editor => LinkEditor.insertLink(editor),
             active: editor => LinkEditor.isActive(editor)
         }
@@ -11230,12 +11946,14 @@ const createLinkPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.link,
-            keywords: 'lj,lianjie,link,链接',
+            keywords: 'lj,lianjie,link,链接,鏈接,cсылка,リンク',
             description: '支持插入链接',
+            descriptionTranslateKey: 'linkDesc',
             execute: editor => LinkEditor.insertLink(editor),
             active: editor => LinkEditor.isActive(editor),
             type: ThePluginMenuItemType.icon,
             name: '链接',
+            translateKey: 'link',
             displayKey: '/lj',
             icon: 'link-insert',
             menuIcon: PluginMenuIcons.link
@@ -12193,6 +12911,7 @@ const createListPlugin = createPluginFactory({
             key: ElementKinds.numberedList,
             icon: 'list-ordered',
             name: '有序列表',
+            translateKey: 'orderedList',
             execute: editor => ListEditor.toggleList(editor, ElementKinds.numberedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.numberedList)
         },
@@ -12200,6 +12919,7 @@ const createListPlugin = createPluginFactory({
             key: ElementKinds.bulletedList,
             icon: 'list-bullet',
             name: '无序列表',
+            translateKey: 'unorderedList',
             execute: editor => ListEditor.toggleList(editor, ElementKinds.bulletedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.bulletedList)
         }
@@ -12207,24 +12927,28 @@ const createListPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.numberedList,
-            keywords: 'yxlb,youxuliebiao,numbered list,numberedlist,有序列表',
+            keywords: 'yxlb,youxuliebiao,numbered list,numberedlist,有序列表,有序清單,нумерованный списо,nummerierte liste,順序付きリスト,番号付きリスト,',
             execute: editor => ListEditor.toggleList(editor, ElementKinds.numberedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.numberedList),
             type: ThePluginMenuItemType.icon,
             name: '有序列表',
+            translateKey: 'orderedList',
             description: '插入有序列表',
+            descriptionTranslateKey: 'orderedListDesc',
             displayKey: '/yxlb',
             icon: 'list-ordered',
             menuIcon: PluginMenuIcons.numberedList
         },
         {
             key: ElementKinds.bulletedList,
-            keywords: 'wxlb,wuxuliebiao,bulletedlist,bulleted list,无序列表',
+            keywords: 'wxlb,wuxuliebiao,bulletedlist,bulleted list,无序列表,無序清單,неупорядоченный список,ungeordneten liste,順序なしリスト,番号なしリスト',
             execute: editor => ListEditor.toggleList(editor, ElementKinds.bulletedList),
             active: editor => ListEditor.isActive(editor, ElementKinds.bulletedList),
             type: ThePluginMenuItemType.icon,
             name: '无序列表',
+            translateKey: 'unorderedList',
             description: '插入无序列表',
+            descriptionTranslateKey: 'unorderedListDesc',
             displayKey: '/wxlb',
             icon: 'list-bullet',
             menuIcon: PluginMenuIcons.bulletedList
@@ -12299,6 +13023,7 @@ const createMarkPlugin = createPluginFactory({
             key: MarkTypes.bold,
             icon: 'bold',
             name: '加粗',
+            translateKey: 'bold',
             shortcutKey: `${CONTROL_KEY}+B`,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.bold),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.bold)
@@ -12307,6 +13032,7 @@ const createMarkPlugin = createPluginFactory({
             key: MarkTypes.italic,
             icon: 'italic',
             name: '斜体',
+            translateKey: 'italic',
             shortcutKey: `${CONTROL_KEY}+I`,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.italic),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.italic)
@@ -12315,6 +13041,7 @@ const createMarkPlugin = createPluginFactory({
             key: MarkTypes.strike,
             icon: 'strike',
             name: '删除线',
+            translateKey: 'strike',
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.strike),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.strike)
         },
@@ -12322,6 +13049,7 @@ const createMarkPlugin = createPluginFactory({
             key: MarkTypes.underline,
             icon: 'underline',
             name: '下划线',
+            translateKey: 'underline',
             shortcutKey: `${CONTROL_KEY}+U`,
             execute: editor => MarkEditor.toggleMark(editor, MarkTypes.underline),
             active: editor => MarkEditor.isMarkActive(editor, MarkTypes.underline)
@@ -12519,6 +13247,7 @@ const createPaintFormatPlugin = createPluginFactory({
             key: ToolbarActionTypes.undo,
             icon: 'undo',
             name: '撤销',
+            translateKey: 'undo',
             shortcutKey: `${CONTROL_KEY}+Z`,
             execute: (editor) => editor.undo()
         },
@@ -12526,6 +13255,7 @@ const createPaintFormatPlugin = createPluginFactory({
             key: ToolbarActionTypes.redo,
             icon: 'redo',
             name: '重做',
+            translateKey: 'redo',
             shortcutKey: `${CONTROL_KEY}+Shift+Z`,
             execute: (editor) => editor.redo()
         },
@@ -12533,6 +13263,7 @@ const createPaintFormatPlugin = createPluginFactory({
             key: ToolbarActionTypes.paintformat,
             icon: 'paintformat',
             name: '格式刷',
+            translateKey: 'paintFormat',
             execute: PaintFormatEditor.enableFormatBrush,
             active: PaintFormatEditor.isActive
         },
@@ -12540,6 +13271,7 @@ const createPaintFormatPlugin = createPluginFactory({
             key: ToolbarActionTypes.clean,
             icon: 'clean',
             name: '清除格式',
+            translateKey: 'cleanFormat',
             execute: (editor) => {
                 const { selection } = editor;
                 if (!selection) {
@@ -13351,12 +14083,13 @@ class TheTableContextMenuService {
         this.thyPopover = thyPopover;
         this.ngZone = ngZone;
         this.theContextService = theContextService;
+        this.locale = injectTranslations();
         this.menuEntities = [
             {
                 key: 'background-color',
                 icon: 'background-tt',
                 divider: true,
-                name: '单元格背景',
+                name: this.locale().cellBackground,
                 extendIcon: 'angle-right',
                 visibility: true,
                 actionHandle: () => { },
@@ -13374,10 +14107,10 @@ class TheTableContextMenuService {
             {
                 key: TableInsertType.insertRowsUp,
                 icon: 'table-insert-rows-top',
-                name: '向上插入',
+                name: this.locale().insertUpward,
                 visibility: true,
                 isInputNumber: true,
-                nameSuffix: '行',
+                nameSuffix: this.locale().row,
                 actionHandle: (item) => {
                     const { targetRowIndex } = this.getTargetRowOrColIndex();
                     TableEditor.insertRow(this.editor, item.count, targetRowIndex);
@@ -13387,10 +14120,10 @@ class TheTableContextMenuService {
             {
                 key: TableInsertType.insertRowsDown,
                 icon: 'table-insert-rows-down',
-                name: '向下插入',
+                name: this.locale().insertDownward,
                 visibility: true,
                 isInputNumber: true,
-                nameSuffix: '行',
+                nameSuffix: this.locale().row,
                 actionHandle: (item) => {
                     const { targetRowIndex } = this.getTargetRowOrColIndex(false);
                     TableEditor.insertRow(this.editor, item.count, targetRowIndex);
@@ -13400,10 +14133,10 @@ class TheTableContextMenuService {
             {
                 key: TableInsertType.insertColumnsLeft,
                 icon: 'table-insert-columns-left',
-                name: '向左插入',
+                name: this.locale().insertLeft,
                 visibility: true,
                 isInputNumber: true,
-                nameSuffix: '列',
+                nameSuffix: this.locale().column,
                 actionHandle: (item) => {
                     const { targetColIndex } = this.getTargetRowOrColIndex();
                     TableEditor.insertColumn(this.editor, item.count, targetColIndex);
@@ -13414,10 +14147,10 @@ class TheTableContextMenuService {
                 key: TableInsertType.insertColumnsRight,
                 icon: 'table-insert-columns-right',
                 divider: true,
-                name: '向右插入',
+                name: this.locale().insertRight,
                 visibility: true,
                 isInputNumber: true,
-                nameSuffix: '列',
+                nameSuffix: this.locale().column,
                 actionHandle: (item) => {
                     const { targetColIndex } = this.getTargetRowOrColIndex(false);
                     TableEditor.insertColumn(this.editor, item.count, targetColIndex);
@@ -13428,7 +14161,7 @@ class TheTableContextMenuService {
                 key: 'clear-selection',
                 icon: 'sweep',
                 divider: true,
-                name: '清空选中区域',
+                name: this.locale().clearSelection,
                 visibility: true,
                 actionHandle: () => {
                     TableEditor.clearCellsContent(this.editor);
@@ -13438,7 +14171,7 @@ class TheTableContextMenuService {
             {
                 key: 'merge-cells',
                 icon: 'table-merge-cells',
-                name: '合并单元格',
+                name: this.locale().mergeCells,
                 visibility: true,
                 actionHandle: () => {
                     TableEditor.mergeCell(this.editor);
@@ -13447,7 +14180,7 @@ class TheTableContextMenuService {
             {
                 key: 'split-cells',
                 icon: 'table-unmerge-cells',
-                name: '拆分单元格',
+                name: this.locale().splitCells,
                 divider: true,
                 visibility: true,
                 actionHandle: () => {
@@ -13457,7 +14190,7 @@ class TheTableContextMenuService {
             {
                 key: 'delete-selection-rows',
                 icon: 'table-delete-rows',
-                name: '删除所在行',
+                name: this.locale().deleteTheRow,
                 visibility: true,
                 actionHandle: () => {
                     removeColumnOrRows(this.editor, this.tableStore, {
@@ -13475,7 +14208,7 @@ class TheTableContextMenuService {
                 key: 'delete-selection-columns',
                 icon: 'table-delete-columns',
                 divider: true,
-                name: '删除所在列',
+                name: this.locale().deleteTheColumn,
                 visibility: true,
                 actionHandle: () => {
                     removeColumnOrRows(this.editor, this.tableStore, {
@@ -13492,7 +14225,7 @@ class TheTableContextMenuService {
             {
                 key: 'delete-table',
                 icon: 'trash',
-                name: '删除表格',
+                name: this.locale().deleteTable,
                 visibility: true,
                 actionHandle: () => {
                     TableEditor.removeTable(this.editor);
@@ -13671,17 +14404,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class TheTableOptions {
     constructor(popoverRef) {
         this.popoverRef = popoverRef;
+        this.locale = injectTranslations();
         this.tableDropdownList = [
             {
-                name: '标题行',
+                name: this.locale().titleRow,
                 key: TableOperations.headerRow
             },
             {
-                name: '标题列',
+                name: this.locale().titleCol,
                 key: TableOperations.headerColumn
             },
             {
-                name: '序号列',
+                name: this.locale().orderCol,
                 key: TableOperations.numberedColumn
             }
         ];
@@ -13777,10 +14511,11 @@ class TheTableToolbar {
         this.popoverRef = popoverRef;
         this.thyNotifyService = thyNotifyService;
         this.viewContainerRef = viewContainerRef;
+        this.locale = injectTranslations();
         this.cellMenuList = [
             {
                 key: 'merge-cells',
-                name: '合并单元格',
+                name: this.locale().mergeCells,
                 visibility: false,
                 icon: 'table-merge-cells',
                 actionHandle: () => {
@@ -13791,7 +14526,7 @@ class TheTableToolbar {
             },
             {
                 key: 'split-cells',
-                name: '拆分单元格',
+                name: this.locale().splitCells,
                 visibility: false,
                 icon: 'table-unmerge-cells',
                 actionHandle: () => {
@@ -13826,15 +14561,15 @@ class TheTableToolbar {
         const pos = createTablePosition(this.editor);
         if (this.tableStore.selectedRowsIndex.length > 0) {
             this.deleteIcon = DeleteIcon['table-delete-rows'];
-            this.iconName = '删除整行';
+            this.iconName = this.locale().deleteEntireRow;
         }
         if (this.tableStore.selectedColumnsIndex.length > 0) {
             this.deleteIcon = DeleteIcon['table-delete-columns'];
-            this.iconName = '删除整列';
+            this.iconName = this.locale().deleteEntireCol;
         }
         if (this.tableStore.isSelectedTable) {
             this.deleteIcon = DeleteIcon.trash;
-            this.iconName = '删除表格';
+            this.iconName = this.locale().deleteTable;
         }
         // 满足已选中整行或者整列
         const isSelectedWholeRowOrColumnCell = selectedRowsIndex.length * pos.getWidth() === selectedCellPositions.length ||
@@ -13875,7 +14610,7 @@ class TheTableToolbar {
     }
     onCopy(e) {
         e?.preventDefault();
-        copyNode(this.editor, this.tableElement, this.thyNotifyService);
+        copyNode(this.editor, this.tableElement, this.thyNotifyService, this.locale);
     }
     setEquallyColumnHandle(event) {
         this.preventDefault(event);
@@ -13899,11 +14634,11 @@ class TheTableToolbar {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheTableToolbar, deps: [{ token: i1.ThyPopover }, { token: i1.ThyPopoverRef }, { token: i2$4.ThyNotifyService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheTableToolbar, isStandalone: true, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n  <ng-container *ngFor=\"let item of cellMenuList\">\n    <a\n      *ngIf=\"item.visibility\"\n      href=\"javascript:;\"\n      thyAction\n      [thyActionIcon]=\"item.icon\"\n      [thyTooltip]=\"item.name\"\n      (click)=\"item.actionHandle()\"\n    ></a>\n  </ng-container>\n  <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"> </thy-divider>\n  <a\n    href=\"javascript:;\"\n    thyAction\n    thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\"\n    thyColorPicker\n    [(ngModel)]=\"selectedColor\"\n    (ngModelChange)=\"changeColor($event)\"\n    (click)=\"openColorPanel($event)\"\n    thyPlacement=\"bottomLeft\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && !isColumnEqual\"\n    thyAction\n    thyTooltip=\"\u5217\u7B49\u5BBD\"\n    (click)=\"setEquallyColumnHandle($event)\"\n  >\n    <thy-icon thyIconName=\"table-column-equal-width\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n    thyAction\n    thyTooltip=\"\u5168\u5C4F\"\n    (click)=\"setFullscreen($event)\"\n  >\n    <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n  </a>\n  <a\n    *ngIf=\"tableStore.isSelectedTable && !tableStore?.isFullscreen\"\n    class=\"fullscreen-hidden\"\n    href=\"javascript:;\"\n    thyAction\n    thyActionIcon=\"copy\"\n    thyTooltip=\"\u590D\u5236\"\n    (click)=\"onCopy($event)\"\n  ></a>\n  <ng-container *ngIf=\"tableStore.isSelectedTable\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"preventDefault($event)\" (click)=\"openTableOptionMenu($event)\">\n      <span>\u8868\u683C\u9009\u9879</span>\n      <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n    </a>\n  </ng-container>\n  <ng-container *ngIf=\"tableStore?.isFullscreen ? deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      [thyActionIcon]=\"deleteIcon\"\n      [thyTooltip]=\"iconName\"\n      (click)=\"onDelete($event)\"\n      (mouseenter)=\"onEnterDelete($event)\"\n      (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n  </ng-container>\n</thy-actions>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheTableToolbar, isStandalone: true, selector: "the-table-toolbar", inputs: { tableStore: "tableStore", tableElement: "tableElement" }, ngImport: i0, template: "<thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n  <ng-container *ngFor=\"let item of cellMenuList\">\n    <a\n      *ngIf=\"item.visibility\"\n      href=\"javascript:;\"\n      thyAction\n      [thyActionIcon]=\"item.icon\"\n      [thyTooltip]=\"item.name\"\n      (click)=\"item.actionHandle()\"\n    ></a>\n  </ng-container>\n  <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"> </thy-divider>\n  <a\n    href=\"javascript:;\"\n    thyAction\n    [thyTooltip]=\"locale().cellBackground\"\n    thyColorPicker\n    [(ngModel)]=\"selectedColor\"\n    (ngModelChange)=\"changeColor($event)\"\n    (click)=\"openColorPanel($event)\"\n    thyPlacement=\"bottomLeft\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && !isColumnEqual\"\n    thyAction\n    [thyTooltip]=\"locale().colEqualWidth\"\n    (click)=\"setEquallyColumnHandle($event)\"\n  >\n    <thy-icon thyIconName=\"table-column-equal-width\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n    thyAction\n    [thyTooltip]=\"locale().fullscreen\"\n    (click)=\"setFullscreen($event)\"\n  >\n    <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n  </a>\n  <a\n    *ngIf=\"tableStore.isSelectedTable && !tableStore?.isFullscreen\"\n    class=\"fullscreen-hidden\"\n    href=\"javascript:;\"\n    thyAction\n    thyActionIcon=\"copy\"\n    [thyTooltip]=\"locale().copy\"\n    (click)=\"onCopy($event)\"\n  ></a>\n  <ng-container *ngIf=\"tableStore.isSelectedTable\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"preventDefault($event)\" (click)=\"openTableOptionMenu($event)\">\n      <span>{{ locale().tableOptions }}</span>\n      <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n    </a>\n  </ng-container>\n  <ng-container *ngIf=\"tableStore?.isFullscreen ? deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      [thyActionIcon]=\"deleteIcon\"\n      [thyTooltip]=\"iconName\"\n      (click)=\"onDelete($event)\"\n      (mouseenter)=\"onEnterDelete($event)\"\n      (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n  </ng-container>\n</thy-actions>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 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: ThyActions, selector: "thy-actions", inputs: ["thySize"] }, { kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "component", type: ThyDivider, selector: "thy-divider", inputs: ["thyVertical", "thyStyle", "thyColor", "thyText", "thyTextDirection", "thyDeeper"] }, { kind: "directive", type: ThyColorPickerDirective, selector: "[thyColorPicker]", inputs: ["thyOffset", "thyHasBackdrop", "thyDefaultColor", "thyTransparentColorSelectable", "thyPresetColors", "thyPlacement", "thyTrigger", "thyShowDelay", "thyHideDelay", "thyDisabled"], outputs: ["thyPanelOpen", "thyPanelClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheTableToolbar, decorators: [{
             type: Component,
-            args: [{ selector: 'the-table-toolbar', standalone: true, imports: [NgFor, NgIf, FormsModule, ThyIcon, ThyAction, ThyActions, ThyTooltipDirective, ThyDivider, ThyColorPickerDirective], template: "<thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n  <ng-container *ngFor=\"let item of cellMenuList\">\n    <a\n      *ngIf=\"item.visibility\"\n      href=\"javascript:;\"\n      thyAction\n      [thyActionIcon]=\"item.icon\"\n      [thyTooltip]=\"item.name\"\n      (click)=\"item.actionHandle()\"\n    ></a>\n  </ng-container>\n  <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"> </thy-divider>\n  <a\n    href=\"javascript:;\"\n    thyAction\n    thyTooltip=\"\u5355\u5143\u683C\u80CC\u666F\"\n    thyColorPicker\n    [(ngModel)]=\"selectedColor\"\n    (ngModelChange)=\"changeColor($event)\"\n    (click)=\"openColorPanel($event)\"\n    thyPlacement=\"bottomLeft\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && !isColumnEqual\"\n    thyAction\n    thyTooltip=\"\u5217\u7B49\u5BBD\"\n    (click)=\"setEquallyColumnHandle($event)\"\n  >\n    <thy-icon thyIconName=\"table-column-equal-width\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n    thyAction\n    thyTooltip=\"\u5168\u5C4F\"\n    (click)=\"setFullscreen($event)\"\n  >\n    <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n  </a>\n  <a\n    *ngIf=\"tableStore.isSelectedTable && !tableStore?.isFullscreen\"\n    class=\"fullscreen-hidden\"\n    href=\"javascript:;\"\n    thyAction\n    thyActionIcon=\"copy\"\n    thyTooltip=\"\u590D\u5236\"\n    (click)=\"onCopy($event)\"\n  ></a>\n  <ng-container *ngIf=\"tableStore.isSelectedTable\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"preventDefault($event)\" (click)=\"openTableOptionMenu($event)\">\n      <span>\u8868\u683C\u9009\u9879</span>\n      <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n    </a>\n  </ng-container>\n  <ng-container *ngIf=\"tableStore?.isFullscreen ? deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      [thyActionIcon]=\"deleteIcon\"\n      [thyTooltip]=\"iconName\"\n      (click)=\"onDelete($event)\"\n      (mouseenter)=\"onEnterDelete($event)\"\n      (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n  </ng-container>\n</thy-actions>\n" }]
+            args: [{ selector: 'the-table-toolbar', standalone: true, imports: [NgFor, NgIf, FormsModule, ThyIcon, ThyAction, ThyActions, ThyTooltipDirective, ThyDivider, ThyColorPickerDirective], template: "<thy-actions thySize=\"xxs\" (mousedown)=\"preventDefault($event)\">\n  <ng-container *ngFor=\"let item of cellMenuList\">\n    <a\n      *ngIf=\"item.visibility\"\n      href=\"javascript:;\"\n      thyAction\n      [thyActionIcon]=\"item.icon\"\n      [thyTooltip]=\"item.name\"\n      (click)=\"item.actionHandle()\"\n    ></a>\n  </ng-container>\n  <thy-divider *ngIf=\"hasDivider\" class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"> </thy-divider>\n  <a\n    href=\"javascript:;\"\n    thyAction\n    [thyTooltip]=\"locale().cellBackground\"\n    thyColorPicker\n    [(ngModel)]=\"selectedColor\"\n    (ngModelChange)=\"changeColor($event)\"\n    (click)=\"openColorPanel($event)\"\n    thyPlacement=\"bottomLeft\"\n    [thyHasBackdrop]=\"false\"\n  >\n    <thy-icon thyIconName=\"background-tt\" thyIconType=\"twotone\" [thyTwotoneColor]=\"selectedColor\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && !isColumnEqual\"\n    thyAction\n    [thyTooltip]=\"locale().colEqualWidth\"\n    (click)=\"setEquallyColumnHandle($event)\"\n  >\n    <thy-icon thyIconName=\"table-column-equal-width\"></thy-icon>\n  </a>\n  <a\n    href=\"javascript:;\"\n    *ngIf=\"tableStore.isSelectedTable && tableOptions?.showFullscreen\"\n    thyAction\n    [thyTooltip]=\"locale().fullscreen\"\n    (click)=\"setFullscreen($event)\"\n  >\n    <thy-icon thyIconName=\"arrows-alt\"></thy-icon>\n  </a>\n  <a\n    *ngIf=\"tableStore.isSelectedTable && !tableStore?.isFullscreen\"\n    class=\"fullscreen-hidden\"\n    href=\"javascript:;\"\n    thyAction\n    thyActionIcon=\"copy\"\n    [thyTooltip]=\"locale().copy\"\n    (click)=\"onCopy($event)\"\n  ></a>\n  <ng-container *ngIf=\"tableStore.isSelectedTable\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a href=\"javascript:;\" class=\"link-with-down\" thyAction (mousedown)=\"preventDefault($event)\" (click)=\"openTableOptionMenu($event)\">\n      <span>{{ locale().tableOptions }}</span>\n      <thy-icon class=\"font-size-sm text-desc ml-1\" thyIconName=\"caret-down\"></thy-icon>\n    </a>\n  </ng-container>\n  <ng-container *ngIf=\"tableStore?.isFullscreen ? deleteIcon && !tableStore.isSelectedTable : deleteIcon\">\n    <thy-divider class=\"mr-2 ml-1 align-self-center\" [thyVertical]=\"true\" thyColor=\"light\"></thy-divider>\n    <a\n      href=\"javascript:;\"\n      thyAction\n      thyType=\"danger\"\n      [thyActionIcon]=\"deleteIcon\"\n      [thyTooltip]=\"iconName\"\n      (click)=\"onDelete($event)\"\n      (mouseenter)=\"onEnterDelete($event)\"\n      (mouseleave)=\"onLeaveDelete($event)\"\n    ></a>\n  </ng-container>\n</thy-actions>\n" }]
         }], ctorParameters: () => [{ type: i1.ThyPopover }, { type: i1.ThyPopoverRef }, { type: i2$4.ThyNotifyService }, { type: i0.ViewContainerRef }], propDecorators: { tableStore: [{
                 type: Input
             }], tableElement: [{
@@ -14173,17 +14908,19 @@ class TheInsertMark {
     get editor() {
         return this.tableStore && this.tableStore.editor;
     }
-    constructor(cdr, renderer2, elementRef) {
+    constructor(cdr, i18n, renderer2, elementRef) {
         this.cdr = cdr;
+        this.i18n = i18n;
         this.renderer2 = renderer2;
         this.elementRef = elementRef;
         this.insertLineStyle = {};
         this.destroy$ = new Subject();
         this.tooltipContent = '';
         this.disabled = false;
+        this.locale = signal(i18n.getLocale()().translations);
     }
     ngOnInit() {
-        this.tooltipContent = this.type === 'row' ? '插入行' : '插入列';
+        this.tooltipContent = this.type === 'row' ? this.locale().insertRow : this.locale().insertCol;
         this.tableStore
             .selectedCellsChange()
             .pipe(takeUntil(this.destroy$))
@@ -14266,7 +15003,7 @@ class TheInsertMark {
         }
         return this.type === 'column' && this.at === tablePosition.getWidth();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheInsertMark, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheInsertMark, deps: [{ token: i0.ChangeDetectorRef }, { token: TheI18nService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TheInsertMark, isStandalone: true, selector: "the-table-insert-mark", inputs: { type: "type", at: "at", tableStore: "tableStore", parentElement: "parentElement" }, host: { classAttribute: "the-table-insert-mark" }, viewQueries: [{ propertyName: "insertWrapper", first: true, predicate: ["insertWrapper"], descendants: true }], ngImport: i0, template: "<div\n  #insertWrapper\n  [thyTooltip]=\"!disabled && tooltipContent\"\n  class=\"the-table-controls-insert-wrapper\"\n  [ngClass]=\"{ disabled: disabled }\"\n  contenteditable=\"false\"\n  (pointerdown)=\"preventDefault($event)\"\n  (pointerup)=\"insert($event)\"\n  (click)=\"preventDefault($event)\"\n  (mouseup)=\"preventDefault($event)\"\n  (mouseenter)=\"onMouseEnter($event)\"\n  (mouseleave)=\"onMouseLeave($event)\"\n>\n  <div\n    class=\"the-table-controls-insert-line\"\n    *ngIf=\"dotWrapperHovered\"\n    [ngStyle]=\"insertLineStyle\"\n  ></div>\n</div>\n", dependencies: [{ kind: "directive", type: ThyTooltipDirective, selector: "[thyTooltip],[thy-tooltip]", inputs: ["thyTooltip", "thyTooltipPlacement", "thyTooltipClass", "thyTooltipShowDelay", "thyTooltipHideDelay", "thyTooltipTrigger", "thyTooltipDisabled", "thyTooltipTemplateContext", "thyTooltipOffset", "thyTooltipPin"], exportAs: ["thyTooltip"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TheInsertMark, decorators: [{
@@ -14274,7 +15011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: 'the-table-insert-mark', host: {
                         class: 'the-table-insert-mark'
                     }, standalone: true, imports: [ThyTooltipDirective, NgClass, NgIf, NgStyle], template: "<div\n  #insertWrapper\n  [thyTooltip]=\"!disabled && tooltipContent\"\n  class=\"the-table-controls-insert-wrapper\"\n  [ngClass]=\"{ disabled: disabled }\"\n  contenteditable=\"false\"\n  (pointerdown)=\"preventDefault($event)\"\n  (pointerup)=\"insert($event)\"\n  (click)=\"preventDefault($event)\"\n  (mouseup)=\"preventDefault($event)\"\n  (mouseenter)=\"onMouseEnter($event)\"\n  (mouseleave)=\"onMouseLeave($event)\"\n>\n  <div\n    class=\"the-table-controls-insert-line\"\n    *ngIf=\"dotWrapperHovered\"\n    [ngStyle]=\"insertLineStyle\"\n  ></div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { type: [{
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TheI18nService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { type: [{
                 type: Input
             }], at: [{
                 type: Input
@@ -15731,8 +16468,8 @@ class TheTableToolbarItem extends TheBaseToolbarItem {
     get isOpenTableSelect() {
         return this.tableSelectRef && this.tableSelectRef.componentInstance;
     }
-    constructor(thyPopover, overlay) {
-        super();
+    constructor(thyPopover, overlay, i18n) {
+        super(i18n);
         this.thyPopover = thyPopover;
         this.overlay = overlay;
     }
@@ -15769,7 +16506,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 }], 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 }, { token: TheI18nService }], 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:;"
@@ -15777,7 +16514,7 @@ class TheTableToolbarItem extends TheBaseToolbarItem {
             thyAction
             [thyActionIcon]="toolbarItem.icon"
             [thyActionActive]="active"
-            [thyTooltip]="toolbarItem?.name"
+            [thyTooltip]="locale()[toolbarItem?.translateKey] ?? toolbarItem?.name"
             thyTooltipPlacement="top"
             (mousedown)="preventDefault($event)"
             (click)="execute($event)"
@@ -15797,7 +16534,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             thyAction
             [thyActionIcon]="toolbarItem.icon"
             [thyActionActive]="active"
-            [thyTooltip]="toolbarItem?.name"
+            [thyTooltip]="locale()[toolbarItem?.translateKey] ?? toolbarItem?.name"
             thyTooltipPlacement="top"
             (mousedown)="preventDefault($event)"
             (click)="execute($event)"
@@ -15811,7 +16548,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 }] });
+        }], ctorParameters: () => [{ type: i1.ThyPopover }, { type: i2.Overlay }, { type: TheI18nService }] });
 
 /**
  * Clear the content of the given node
@@ -16383,6 +17120,7 @@ const createTablePlugin = createPluginFactory({
             key: ElementKinds.table,
             icon: 'table-border-all',
             name: '表格',
+            translateKey: 'table',
             type: ToolbarItemType.dropdown,
             dropdownMode: DropdownMode.icon,
             iconComponent: TheTableToolbarItem,
@@ -16393,13 +17131,15 @@ const createTablePlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.table,
-            keywords: 'biaoge,bg,table,表格',
+            keywords: 'biaoge,bg,table,表格,таблицу,テーブル,tabelle',
             execute: editor => TableEditor.insertTable(editor),
             active: editor => TableEditor.isActive(editor),
             name: '表格',
+            translateKey: 'table',
             type: ThePluginMenuItemType.group,
             menuIcon: PluginMenuIcons.table,
             description: '支持插入表格',
+            descriptionTranslateKey: 'tableDesc',
             displayKey: '/bg'
         }
     ],
@@ -16535,6 +17275,7 @@ const createTodoItemPlugin = createPluginFactory({
             key: ElementKinds.checkItem,
             icon: 'list-check',
             name: '待办事项',
+            translateKey: 'checkItem',
             execute: editor => TodoItemEditor.insertTodoItem(editor),
             active: editor => TodoItemEditor.isActive(editor)
         }
@@ -16542,12 +17283,14 @@ const createTodoItemPlugin = createPluginFactory({
     menuItems: [
         {
             key: ElementKinds.checkItem,
-            keywords: 'dbsx,daibanshixiang,to do list,todolist,待办事项',
+            keywords: 'dbsx,daibanshixiang,to do list,todolist,待办事项,待辦事項,Задача,タスク,zu tun,aufgabe,zu tun',
             description: '插入待办事项',
+            descriptionTranslateKey: 'checkItemDesc',
             execute: editor => TodoItemEditor.insertTodoItem(editor),
             active: editor => TodoItemEditor.isActive(editor),
             type: ThePluginMenuItemType.icon,
             name: '待办事项',
+            translateKey: 'checkItem',
             displayKey: '/dbsx',
             icon: 'list-check',
             menuIcon: PluginMenuIcons.checkItem
@@ -17348,5 +18091,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_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, TheImage, TheInlineToolbar, TheListboxDirective, TheListboxGroupDirective, TheListboxOptionDirective, TheMode, TheModeConfig, ThePluginMenu, ThePluginMenuComponent, ThePluginMenuItemType, ThePreventDefaultDirective, index$1 as TheQueries, TheQuickInsert, TheTableSelect, TheTemplate, TheText, TheToolbarComponent, TheToolbarDropdown, TheToolbarGroup, TheToolbarGroupToken, TheToolbarItem, TheToolbarService, index as TheTransforms, TodoItemEditor, ToolbarActionTypes, ToolbarAlignment, ToolbarItemType, ToolbarMoreGroup, VOID_BLOCK_TYPES, VerticalAlignEditor, VerticalAlignment, ZERO_WIDTH_CHAR, autoFocus, base64toBlob, bottomLeftPosition, buildPluginMenu, buildPluginMenuItemMap, buildQuickInsertMenus, calcPrintColumnWidth, calcSpanForColumn, calcSpanForRow, calculateHeaderRowHeight, calculateRowControls, coercePixelsFromCssValue, combinePlugins, copyNode, createCell, createEmptyContent, createEmptyParagraph, createMentionPlugin, createPluginFactory, createRow, createTable, createTablePosition, createTest1Plugin, createTestPlugin, createToolbar, createVerticalAlignPlugin, customPluginMock, customPluginMockKey, dataDeserialize, dataSerializing, deleteElementKey, errorImageUrlMock, extractFragment, filterTextFormat, fixBlockWithoutParagraph, fixBlockWithoutText, flattenDeepPlugins, getCellPositionsFromRange, getColsTotalWidth, getColumnsWidth, getDirtyElements, getEditorScrollContainer, getEditorUUID, getElementClassByPrefix, getElementHeight, getElementWidth, getEndBlock, getGridColumns, getMode, getNextCell, getOriginCell, getPlugin, getPluginOptions, getPlugins, getRowsTotalHeight, getSelectCellNode, getSelectedCellPositions, getStartBlock, getTableByCell, getTableByRow, getToolbarClass, hasHeaderRow, headingOptions, htmlToTheia, idCreator, inValidTypes, initializeDefaultMenuIcons, insertDataByInvalidType, internalPlugins, isCleanEmptyParagraph, isColorIndicator, isColorInput, isColorPanel, isDirectionKeydown, isInside, isMobileMode, isPrintMode, isPureEmptyParagraph, isRangeInTable, isRectangularInTableCells, isSelectedAllCell, isSelectionInTable, isVirtualKey, matchOptions, mergeArray, mergeDeepPlugins, mergeElementOptions, mergeOptions, nestedStructureByKey, normalizeValue, originOptions, plainToTheia, pluginKey, pluginKey1, pluginsByKey, reSelection, recursionNodes, refocus, scrollIntoView, setClipboardDataByDom, setEditorUUID, theTethysIconRegistryFaker, topLeftPosition, uniqueCellPosition, updatePopoverPosition, useElementStyle, withMention, withTestPlugin, withTheia };
+export { ALIGN_BLOCK_TYPES, A_TAG_REL_ATTR, AlignEditor, Alignment, BLOCK_DELETE_BACKWARD_TYPES, BasicTest, BlockquoteEditor, CLIPBOARD_FORMAT_KEY, CODEMIRROR_PADDING_TOP, CODE_MODES, CONTAINER_BLOCKS, CONTROL_KEY, CodeEditor, ColorEditor, ColumnResizeNotifierSource, ColumnResizingStore, DEFAULT_LANGUAGE, DEFAULT_SCROLL_CONTAINER, DISABLED_OPERATE_TYPES, DataTransferFaker, DefaultElementOptions, DefaultGlobalToolbarDefinition, DefaultInlineToolbarDefinition, DefaultPluginMenu, DropdownMode, ELEMENT_UNIQUE_ID, EditorPresetConfigFactoryMock, ElementKinds, ErrorCodes, FontSizeTypes, FontSizes, HEADING_TYPES, HeadingEditor, HoveredCellInfo, HrEditor, IS_MAC, ImageEditor, IndentEditor, Indents, InlineCodeEditor, LINK_DEFAULT_TEXT, LIST_BLOCK_TYPES, LayoutTypes, LinkEditor, ListEditor, MarkEditor, MarkProps, MarkTypes, MentionEditor, PICTURE_ACCEPTED_UPLOAD_MIME, PICTURE_ACCEPTED_UPLOAD_SIZE, PluginKeys, PluginMenuIcons, PluginMenuSvgs, Position, QUICK_INSERT_HOTKEY, QuickInsertEditor, ResizeRef, SLA_TABLE_CELL_SELECTOR, SLA_TABLE_SELECTOR, STANDARD_HEADING_TYPES, ScrollDirection, SpecialBackgroundColor, TAB_SPACE, THE_EDITOR_BG_COLOR, THE_EDITOR_COLOR, THE_EDITOR_CONVERSION_HINT_REF, THE_EDITOR_ORIGIN_ANCHOR, THE_EDITOR_POPOVER_REF, THE_EDITOR_PREVIOUS_SELECTION, THE_EDITOR_UUID, THE_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 };
 //# sourceMappingURL=worktile-theia.mjs.map