raise-common-lib 0.0.249 → 0.0.250

package/bundles/raise-common-lib.umd.js

@@ -26149,7 +26149,7 @@
             { type: core.Component, args: [{
                         selector: "rs-common-dialog",
                         template: "<div class=\"dialog\" [ngClass]=\"size\" [ngStyle]=\"dialogStyle\">\r\n  <!-- \u5934\u90E8 -->\r\n  <div *ngIf=\"!hideHeader\" mat-dialog-title class=\"dialog__header\">\r\n    <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </ng-container>\r\n    <ng-template #defaultTitle>\r\n      <div class=\"header__title\">\r\n        <img\r\n          src=\"../../../assets/img/notification-status-warning.svg\"\r\n          alt=\"\"\r\n          *ngIf=\"showErrorIcon\"\r\n        />\r\n        {{ title }}\r\n      </div>\r\n    </ng-template>\r\n    <!-- <div class=\"header__title\">\r\n      <img\r\n        src=\"../../../assets/img/notification-status-warning.svg\"\r\n        alt=\"\"\r\n        *ngIf=\"showErrorIcon\"\r\n      />\r\n      {{ title }}\r\n      <ng-content select=\"[titleSlot]\"></ng-content>\r\n    </div> -->\r\n    <div class=\"header__actions\">\r\n      <div *ngIf=\"showZoomBtn\" class=\"header-btn\" (click)=\"onZoom()\">\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size === 'largest'\"\r\n          src=\"../../../assets/img/dialog-shrink.svg\"\r\n        />\r\n        <img\r\n          class=\"header-icon\"\r\n          *ngIf=\"size !== 'largest'\"\r\n          src=\"../../../assets/img/dialog-grow.svg\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"!hideCloseIcon\" class=\"header-btn\" (click)=\"onClose()\">\r\n        <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- \u5185\u5BB9 -->\r\n  <div class=\"dialog__content\" mat-dialog-content>\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <!-- \u5E95\u90E8\u6309\u94AE -->\r\n  <div mat-dialog-actions class=\"dialog__footer\">\r\n    <ng-content select=\"[footerSlot]\"></ng-content>\r\n    <!-- \u9ED8\u8BA4\u5C55\u793A\u4FDD\u5B58/\u5173\u95ED\u6309\u94AE -->\r\n    <ng-container *ngIf=\"!customFooter\">\r\n      <ng-template [ngTemplateOutlet]=\"defaultTemplate\"></ng-template>\r\n    </ng-container>\r\n    <ng-template #defaultTemplate>\r\n      <button *ngIf=\"!hideCloseBtn\" class=\"e-btn\" (click)=\"onClose()\">\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideDiscardBtn\" class=\"e-btn\" (click)=\"onDiscard()\">\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button *ngIf=\"!hideSaveBtn\" class=\"e-btn e-primary\" (click)=\"onSave()\">\r\n        {{ saveBtnLabel }}\r\n      </button>\r\n    </ng-template>\r\n  </div>\r\n  <!-- loading -->\r\n  <div class=\"dialog__loading\" [hidden]=\"!loading\">\r\n    <img src=\"../../../assets/img/raise_loading.gif\" alt=\"\" />\r\n  </div>\r\n</div>\r\n",
-                        styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
+                        styles: [":host::ng-deep .dialog{position:relative;max-height:90vh;max-width:90vw;font-weight:400;padding:20px;overflow:hidden;display:flex;flex-direction:column}:host::ng-deep .dialog.largest{width:96vw!important;height:88vh!important;max-width:2100px;padding:20px}:host::ng-deep .dialog.medium{width:500px;padding:20px}:host::ng-deep .dialog.small{width:350px;padding:20px 16px}:host::ng-deep .dialog.small .dialog__header{color:#002c4f;margin-bottom:16px}:host::ng-deep .dialog.small .dialog__header .header__title{font-size:13px;line-height:16px}:host::ng-deep .dialog.small .dialog__content{font-size:12px;line-height:16px}:host::ng-deep .dialog.small .dialog__footer{min-height:42px;padding:16px 0 0;font-size:12px;line-height:14px}:host::ng-deep .dialog.small .dialog__footer button{padding:6px 12px;min-width:60px}:host::ng-deep .dialog.large{width:800px;padding:20px}:host::ng-deep .dialog .dialog__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0}:host::ng-deep .dialog .dialog__header::before{display:none}:host::ng-deep .dialog .dialog__header .header__title{color:#002c4f;font-family:Arial;font-size:15px;font-weight:700;line-height:18px;flex:1;overflow:hidden;display:flex;align-items:center;gap:8px}:host::ng-deep .dialog .dialog__header .header__actions{display:flex;align-items:center;gap:20px}:host::ng-deep .dialog .dialog__header .header-icon{display:block}:host::ng-deep .dialog .dialog__header .header-btn{cursor:pointer;padding:2px;display:flex;justify-content:center;align-items:center}:host::ng-deep .dialog .dialog__content{width:100%;min-height:38px;position:relative;overflow-y:auto;overflow-x:hidden;margin:0;padding:0;font-size:13px;line-height:19px;flex:1;height:0}:host::ng-deep .dialog .dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 0 0;font-size:13px;line-height:16px;margin-bottom:0}:host::ng-deep .dialog .dialog__loading{height:100%;background:0 0;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}:host::ng-deep .dialog .dialog__loading img{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%)}"]
                     }] }
         ];
         /** @nocollapse */
@@ -38368,284 +38368,6 @@
         ConfirmSelectComponent.prototype.isInteracted;
     }
 
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/form/richtexteditor/ai-config.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @record
-     */
-    function AIConfig() { }
-    if (false) {
-        /** @type {?} */
-        AIConfig.prototype.endpoint;
-        /** @type {?} */
-        AIConfig.prototype.apiKey;
-        /** @type {?} */
-        AIConfig.prototype.deployment;
-        /** @type {?} */
-        AIConfig.prototype.apiVersion;
-        /** @type {?} */
-        AIConfig.prototype.enabled;
-    }
-    // 从环境配置获取AI配置
-    /**
-     * @return {?}
-     */
-    function getAIConfig() {
-        return {
-            endpoint: "https://aidevused.openai.azure.com/",
-            apiKey: "ccba76e279f64653a50ac4fee90afe5c",
-            deployment: "gpt-4",
-            apiVersion: "2025-01-01-preview",
-            enabled: true,
-        };
-    }
-    // 检查配置是否有效
-    /**
-     * @param {?} config
-     * @return {?}
-     */
-    function isAIConfigValid(config) {
-        // 检查是否为aidevused端点且有有效API密钥
-        return !!((config.endpoint &&
-            config.apiKey &&
-            config.deployment &&
-            config.enabled &&
-            config.endpoint === "https://aidevused.openai.azure.com/" &&
-            config.apiKey !== "your-api-key-here") // Azure OpenAI API密钥通常以sk-开头
-        );
-    }
-    // 从后端API获取AI配置（推荐方式）
-    /**
-     * @return {?}
-     * @this {*}
-     */
-    function getAIConfigFromBackend() {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                try {
-                    // 这里应该调用你的后端API来获取AI配置
-                    // 例如：return await this.http.get('/api/ai-config');
-                    // 临时返回默认配置
-                    return [2 /*return*/, getAIConfig()];
-                }
-                catch (error) {
-                    console.error("Failed to get AI config from backend:", error);
-                    return [2 /*return*/, getAIConfig()];
-                }
-                return [2 /*return*/];
-            });
-        });
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/form/richtexteditor/openapi.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    // import { testAIFunction } from './ai-test';
-    // testAIFunction();
-    // 使用fetch API发送请求到Azure OpenAI
-    /**
-     * @param {?} messages
-     * @param {?} config
-     * @return {?}
-     * @this {*}
-     */
-    function sendAIRequest(messages, config) {
-        return __awaiter(this, void 0, void 0, function () {
-            var url, url1, response, errorText, data, error_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 5, , 6]);
-                        url = config.endpoint + "/openai/deployments/" + config.deployment + "/chat/completions?api-version=" + config.apiVersion;
-                        url1 = "" + config.endpoint;
-                        return [4 /*yield*/, fetch(url, {
-                                method: 'POST',
-                                headers: {
-                                    'Content-Type': 'application/json',
-                                    'api-key': config.apiKey,
-                                },
-                                body: JSON.stringify({
-                                    messages: messages,
-                                    max_tokens: 1000,
-                                    temperature: 0.7,
-                                    top_p: 1,
-                                    frequency_penalty: 0,
-                                    presence_penalty: 0,
-                                }),
-                            })];
-                    case 1:
-                        response = _a.sent();
-                        if (!!response.ok) return [3 /*break*/, 3];
-                        return [4 /*yield*/, response.text()];
-                    case 2:
-                        errorText = _a.sent();
-                        throw new Error("HTTP error! status: " + response.status + ", message: " + errorText);
-                    case 3: return [4 /*yield*/, response.json()];
-                    case 4:
-                        data = _a.sent();
-                        if (!data.choices || !data.choices[0] || !data.choices[0].message) {
-                            throw new Error('Invalid response format from AI service');
-                        }
-                        return [2 /*return*/, data.choices[0].message.content];
-                    case 5:
-                        error_1 = _a.sent();
-                        console.error('AI request failed:', error_1);
-                        throw error_1;
-                    case 6: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    // 备用方案：使用模拟数据（用于开发测试）
-    /**
-     * @param {?} subQuery
-     * @param {?} promptQuery
-     * @return {?}
-     */
-    function getMockAIResponse(subQuery, promptQuery) {
-        var e_1, _a;
-        /** @type {?} */
-        var mockResponses = {
-            Rephrase: "Rephrased: " + promptQuery,
-            Grammar: "Corrected: " + promptQuery,
-            Summarize: "Summary: " + promptQuery.substring(0, 100) + "...",
-            Elaborate: "Elaborated: " + promptQuery + " with additional details and context.",
-            Translate: "Translated: " + promptQuery,
-            SentimentAnalysis: '😊 Positive',
-        };
-        try {
-            for (var _b = __values(Object.entries(mockResponses)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var _d = __read(_c.value, 2), key = _d[0], value = _d[1];
-                if (subQuery.includes(key)) {
-                    return value;
-                }
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        return "AI processed: " + promptQuery;
-    }
-    // 主要的AI请求方法
-    /**
-     * @param {?} subQuery
-     * @param {?} promptQuery
-     * @return {?}
-     * @this {*}
-     */
-    function OpenAiModelRTE(subQuery, promptQuery) {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, messages, result, error_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        config = getAIConfig();
-                        // 检查配置是否有效
-                        if (!isAIConfigValid(config)) {
-                            console.warn('AI configuration is incomplete or disabled, using mock response');
-                            return [2 /*return*/, getMockAIResponse(subQuery, promptQuery)];
-                        }
-                        messages = [
-                            {
-                                role: 'system',
-                                content: subQuery.includes('emoji followed by the sentiment in the format')
-                                    ? 'You are a helpful assistant. Please respond in string format.'
-                                    : "NOTE: Return same html format just do changes content only. don't change html formats.",
-                            },
-                            {
-                                role: 'user',
-                                content: subQuery + " " + promptQuery,
-                            },
-                        ];
-                        return [4 /*yield*/, sendAIRequest(messages, config)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                    case 2:
-                        error_2 = _a.sent();
-                        console.error('AI request failed, using mock response:', error_2);
-                        return [2 /*return*/, getMockAIResponse(subQuery, promptQuery)];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    // 兼容性方法（保持向后兼容）
-    /**
-     * @param {?} options
-     * @return {?}
-     * @this {*}
-     */
-    function getAzureChatAIRequest(options) {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, result, err_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        config = getAIConfig();
-                        if (!isAIConfigValid(config)) {
-                            return [2 /*return*/, null];
-                        }
-                        return [4 /*yield*/, sendAIRequest(options.messages, config)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                    case 2:
-                        err_1 = _a.sent();
-                        console.error('Error occurred:', err_1);
-                        return [2 /*return*/, null];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-    /**
-     * @param {?} prompt
-     * @return {?}
-     * @this {*}
-     */
-    function getAzureTextAIRequest(prompt) {
-        return __awaiter(this, void 0, void 0, function () {
-            var config, messages, result, err_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        config = getAIConfig();
-                        if (!isAIConfigValid(config)) {
-                            return [2 /*return*/, undefined];
-                        }
-                        messages = [
-                            {
-                                role: 'user',
-                                content: prompt,
-                            },
-                        ];
-                        return [4 /*yield*/, sendAIRequest(messages, config)];
-                    case 1:
-                        result = _a.sent();
-                        return [2 /*return*/, result];
-                    case 2:
-                        err_2 = _a.sent();
-                        console.error('Error occurred:', err_2);
-                        return [2 /*return*/, undefined];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    }
-
     /**
      * @fileoverview added by tsickle
      * Generated from: lib/form/richtexteditor/data-config.ts
@@ -38740,6 +38462,73 @@
                 command: "Font",
                 subCommand: "FontName",
             },
+            // New fonts
+            {
+                text: "Tiempos Headline - Semibold",
+                value: "Tiempos Headline Semibold",
+                cssClass: "e-tiempos-headline",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "微软雅黑",
+                value: "Microsoft YaHei,微软雅黑,SimHei, sans-serif",
+                cssClass: "e-yahei",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "等线",
+                value: "DengXian,等线,sans-serif",
+                cssClass: "e-dengxian",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "思源黑体",
+                value: "Source Han Sans CN, Microsoft YaHei,'微软雅黑', sans-serif",
+                cssClass: "e-source-han-sans-cn-regular",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "思源宋体",
+                value: "Source Han Serif CN, SimSun,'宋体',serif",
+                cssClass: "e-source-han-serif-cn-regular",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            {
+                text: "霞鹜文楷",
+                value: "LXGW WenKai,'霞鹜文楷',STKaiti, KaiTi, '楷体', '华文楷体', Arial, sans-serif",
+                cssClass: "e-lxgw",
+                command: "Font",
+                subCommand: "FontName",
+            },
+            // Ping Fang SC 系列
+            {
+                text: "Ping Fang SC - Light",
+                value: "苹方-简",
+                cssClass: "e-ping-fang-sc-light",
+                command: "Font",
+                subCommand: "FontName",
+            },
+        ],
+    };
+    /** @type {?} */
+    var size = {
+        default: "11pt",
+        width: "40px",
+        items: [
+            { text: "8 pt", value: "8pt" },
+            { text: "9 pt", value: "9pt" },
+            { text: "10 pt", value: "10pt" },
+            { text: "11 pt", value: "11pt" },
+            { text: "12 pt", value: "12pt" },
+            { text: "14 pt", value: "14pt" },
+            { text: "18 pt", value: "18pt" },
+            { text: "24 pt", value: "24pt" },
+            { text: "36 pt", value: "36pt" },
         ],
     };
     // line height配置
@@ -38925,71 +38714,30 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var RichtexteditorComponent = /** @class */ (function () {
-        function RichtexteditorComponent(ref) {
-            this.ref = ref;
-            // @ViewChild("chipList", { static: false }) public chipList!: ChipListComponent;
-            this.placeholder = "";
+        function RichtexteditorComponent() {
             this.value = "";
+            this.editorId = "editorId";
             this.height = 150;
             this.autoSaveOnIdle = true;
-            this.target = "#container"; // dialog 弹窗父级
-            // dialog 弹窗父级
-            this.toolbarClick = new core.EventEmitter();
-            this.change = new core.EventEmitter();
-            // @Output() change = new EventEmitter();
-            this.family = fontFamily;
-            this.dialogWidth = "800px";
-            this.dialogHeight = "642px";
-            this.showZoomBtn = true;
-            this.showMsg = false;
+            this.disabled = false;
             this.insertImageSettings = {
                 saveFormat: "Blob",
                 allowedTypes: [".svg", ".png"],
                 display: "none",
             };
-            this.size = "";
-            this.dropValIndex = 0;
-            this.queryList = [
-                { id: "Rephrase", text: "Rephrase" },
-                { id: "Grammar", text: "Correct Grammar" },
-                { id: "Summarize", text: "Summarize" },
-                { id: "Elaborate", text: "Elaborate" },
-                { id: "Translate", text: "Translate" },
-                { id: "SentimentAnalysis", text: "Sentiment Analysis" },
-            ];
-            this.rephraseTyleList = [
-                { text: "Standard", id: "Standard" },
-                { text: "Fluent", id: "Fluent" },
-                { text: "Professional", id: "Professional" },
-            ];
-            this.languageList = [
-                { id: "EN", text: "English" },
-                { id: "ZH", text: "Chinese (Simplified)" },
-                { id: "ES", text: "Spanish" },
-                { id: "ZHT", text: "Chinese (Traditional)" },
-                { id: "HI", text: "Hindi" },
-                { id: "AR", text: "Arabic" },
-                { id: "BN", text: "Bengali" },
-                { id: "PT", text: "Portuguese" },
-                { id: "RU", text: "Russian" },
-                { id: "JA", text: "Japanese" },
-                { id: "DE", text: "German" },
-                { id: "KO", text: "Korean" },
-                { id: "FR", text: "French" },
-                { id: "IT", text: "Italian" },
-                { id: "TR", text: "Turkish" },
-            ];
-            this.promptQuery = "";
-            this.isSentimentCheck = false;
-            this.subQuery = "";
-            this.chipValue = "Standard";
+            this.toolbarClick = new core.EventEmitter();
+            this.change = new core.EventEmitter();
+            this.created = new core.EventEmitter();
+            this.actionBegin = new core.EventEmitter();
+            this.input = new core.EventEmitter();
+            this.focus = new core.EventEmitter();
+            this.blur = new core.EventEmitter();
+            this.actionComplete = new core.EventEmitter();
+            this.family = fontFamily;
+            this.fontSize = size;
             this.tools = {
                 enableFloating: false,
                 items: [
-                    {
-                        tooltipText: "AI Assist",
-                        template: '<button class="e-tbar-btn e-btn" tabindex="-1" id="ai_assistant_button_tbar" style="width:100%"><div class="e-rte-dropdown-btn-text">AI Assist</div></button>',
-                    },
                     "Bold",
                     "Italic",
                     "Underline",
@@ -39004,21 +38752,12 @@
                     "CreateTable",
                     "Formats",
                     "Alignments",
-                    {
-                        tooltipText: "Line Height",
-                        template: '<button class="e-tbar-btn e-btn" tabindex="-1" id="lineheight_tbar"  style="width:100%"></button>',
-                    },
-                    "OrderedList",
-                    "UnorderedList",
+                    "BulletFormatList",
+                    "NumberFormatList",
                     "Outdent",
                     "Indent",
                     "|",
                     "CreateLink",
-                    {
-                        tooltipText: "",
-                        template: '<button class="e-tbar-btn e-btn" tabindex="-1" id="custom_tbar"  style="width:100%">' +
-                            '<div class="e-tbar-btn-text" style="font-weight: 500;"><img src="/assets/img/file-icon.svg" style="position: relative;top: -2px;"/><div class="uploadActions"><div id="uploadFromUser">Computer File</div><div id="relationDom">Ticket Attachment</div></div></div></button>',
-                    },
                     "|",
                     "FormatPainter",
                     "ClearFormat",
@@ -39027,14 +38766,64 @@
                     "Redo",
                 ],
             };
+            /**
+             * 表格快捷工具栏：含 TableCell（合并/拆分单元格）
+             */
+            this.quickToolbarSettings = {
+                table: [
+                    "Tableheader",
+                    "TableRemove",
+                    "|",
+                    "TableRows",
+                    "TableColumns",
+                    "TableCell",
+                    "|",
+                    "Styles",
+                    "BackgroundColor",
+                    "Alignments",
+                    "TableCellVerticalAlign",
+                ],
+            };
+            this.bulletFormatList = {
+                types: [
+                    { text: "None", value: "none" },
+                    { text: "●", value: "disc" },
+                    { text: "○", value: "circle" },
+                    { text: "■", value: "square" },
+                    { text: "-", value: "dash" },
+                ],
+            };
+            this.numberFormatList = {
+                types: [
+                    { text: "None", value: "none" },
+                    { text: "1, 2, 3, …", value: "decimal" },
+                    {
+                        text: "α, β, γ, …",
+                        value: "lowerGreek",
+                    },
+                    {
+                        text: "i, ii, iii, …",
+                        value: "lowerRoman",
+                    },
+                    {
+                        text: "A, B, C, …",
+                        value: "upperAlpha",
+                    },
+                    {
+                        text: "a, b, c, …",
+                        value: "lowerAlpha",
+                    },
+                    {
+                        text: "I, II, III, …",
+                        value: "upperRoman",
+                    },
+                    {
+                        text: "(1), (2), (3), …",
+                        value: "parentheses",
+                    },
+                ],
+            };
         }
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () { };
         /**
          * @param {?} args
          * @return {?}
@@ -39044,32 +38833,6 @@
          * @return {?}
          */
         function (args) {
-            /** @type {?} */
-            var tables = document.querySelectorAll("table.e-rte-table");
-            tables.forEach((/**
-             * @param {?} table
-             * @return {?}
-             */
-            function (table) {
-                /** @type {?} */
-                var htmlTable = (/** @type {?} */ (table));
-                htmlTable.style.marginBottom = "10px";
-                htmlTable.style.borderCollapse = "collapse";
-                htmlTable.style.emptyCells = "show";
-                /** @type {?} */
-                var tdElements = table.querySelectorAll("td");
-                tdElements.forEach((/**
-                 * @param {?} td
-                 * @return {?}
-                 */
-                function (td) {
-                    td.style.border = "1px solid #adb5bd";
-                    td.style.height = "20px";
-                    td.style.minWidth = "20px";
-                    td.style.padding = "2px 5px";
-                    td.style.boxSizing = "border-box";
-                }));
-            }));
             this.change.emit(args);
         };
         /**
@@ -39079,514 +38842,157 @@
          * @return {?}
          */
         function () {
-            var _this = this;
-            //bind the a click event
-            // let editorContent = this.rteObj.contentModule.getEditPanel() as HTMLElement;
-            // editorContent.addEventListener('click', this.OnClicked.bind(this));
-            //add the line height
-            this.editorManager = this.rteObj.formatter.editorManager;
-            /** @type {?} */
-            var splitButton = new ej2AngularSplitbuttons.DropDownButton({
-                items: lineHeight_items,
-                iconCss: "e-icons e-line-spacing",
-                select: this.onSelect.bind(this),
-            });
-            splitButton.appendTo("#lineheight_tbar");
-            // ai assist
-            /** @type {?} */
-            var aiassistantButton = new ej2AngularSplitbuttons.DropDownButton({
-                items: this.queryList,
-                // iconCss: "e-btn-icon e-icons e-assistview-icon e-icon-left",
-                select: (/**
-                 * @param {?} args
-                 * @return {?}
-                 */
-                function (args) { return _this.aiQuerySelectedMenu(args); }),
-            });
-            aiassistantButton.appendTo("#ai_assistant_button_tbar");
+            this.created.emit();
         };
         /**
-         * @private
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onSelect = /**
-         * @private
+        RichtexteditorComponent.prototype._toolbarClick = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            if (this.rteObj.formatter.getUndoRedoStack().length === 0) {
-                this.rteObj.formatter.saveData();
-            }
-            /** @type {?} */
-            var nodes = this.editorManager.domNode.blockNodes();
-            for (var i = 0; nodes.length > i; i++) {
-                ((/** @type {?} */ (nodes[i]))).style.lineHeight = args.item.text;
-            }
-            this.rteObj.formatter.saveData();
-            this.rteObj.formatter.enableUndo(this.rteObj);
+            this.toolbarClick.emit(args);
         };
         /**
-         * @private
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.aiQuerySelectedMenu = /**
-         * @private
+        RichtexteditorComponent.prototype._actionBegin = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.dialogueOpen(args.item.text);
-        };
-        /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.dialogueOpen = /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        function (selectedQuery) {
-            var _this = this;
-            /** @type {?} */
-            var selectionText = this.rteObj.getSelectedHtml();
-            this.selectedQuery = selectedQuery;
-            if (selectionText) {
-                /** @type {?} */
-                var range = ((/** @type {?} */ (this.rteObj))).formatter.editorManager.nodeSelection.getRange(((/** @type {?} */ (this.rteObj))).contentModule.getDocument());
-                ((/** @type {?} */ (this.rteObj))).formatter.editorManager.nodeSelection.save(range, ((/** @type {?} */ (this.rteObj))).contentModule.getDocument());
-                this.dropValIndex = this.queryList.findIndex((/**
-                 * @param {?} q
-                 * @return {?}
-                 */
-                function (q) { return q.text.toLowerCase() === selectedQuery.toLowerCase(); }));
-                this.queryCategory.index = this.dropValIndex;
-                this.leftRte.value = this.promptQuery = selectionText;
-                this.leftRte.refreshUI();
-                this.AIdialog.show();
-                this.updateAISugesstionsData(selectedQuery);
-            }
-            else {
-                this.showMsg = true;
-                setTimeout((/**
-                 * @return {?}
-                 */
-                function () {
-                    _this.showMsg = false;
-                }), 3000);
-                console.log("Please select the content to perform the AI operation.");
-            }
-        };
-        /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.updateAISugesstionsData = /**
-         * @param {?} selectedQuery
-         * @return {?}
-         */
-        function (selectedQuery) {
-            this.isSentimentCheck = false;
-            switch (selectedQuery) {
-                case "Summarize":
-                    this.subQuery = "Summarize the upcoming sentence shortly.";
-                    break;
-                case "Elaborate":
-                    this.subQuery = "Elaborate on the upcoming sentence.";
-                    break;
-                case "Rephrase":
-                    this.subQuery = this.chipValue + " rephrase the upcoming sentence.";
-                    break;
-                case "Correct Grammar":
-                    this.subQuery = "Correct the grammar of the upcoming sentence.";
-                    break;
-                case "Translate":
-                    this.subQuery =
-                        "Translate the upcoming sentence to " + this.translatelanguage + ".";
-                    break;
-                case "Sentiment Analysis":
-                    this.isSentimentCheck = true;
-                    this.subQuery =
-                        'Analyze the sentiment and grammar of the following paragraphs and provide the expression score with an emoji followed by the sentiment in the format: "😊 Neutral". \n\nNOTE: Avoid any additional text or explanation:';
-                    break;
-            }
-            this.updateAISugesstions();
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.updateAISugesstions = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            try {
-                if (this.promptQuery) {
-                    ((/** @type {?} */ (document.getElementById("skeletonId")))).style.display =
-                        "";
-                    ((/** @type {?} */ (document.getElementById("rightRte")))).style.display =
-                        "none";
-                    this.sentimentButton.element.style.display = "none";
-                    this.regenerateButton.disabled = true;
-                    this.copyButton.disabled = true;
-                    this.replaceButton.disabled = true;
-                    this.apiResultData = this.getResponseFromOpenAI(this.subQuery, this.promptQuery);
-                    this.apiResultData.then((/**
-                     * @param {?} result
-                     * @return {?}
-                     */
-                    function (result) {
-                        _this.AIResult = _this.isSentimentCheck ? _this.promptQuery : result;
-                        _this.sentimentButton.content = result
-                            .toLowerCase()
-                            .includes("positive")
-                            ? "😊 Positive"
-                            : result.toLowerCase().includes("negative")
-                                ? "😞 Negative"
-                                : "😐 Neutral";
-                        _this.sentimentButton.element.style.display = !_this.isSentimentCheck
-                            ? "none"
-                            : "";
-                        _this.rightRte.value = _this.AIResult;
-                        /** @type {?} */
-                        var noResultsFound = !(_this.AIResult || _this.promptQuery);
-                        ((/** @type {?} */ (document.getElementById("no-results-found")))).style.display = noResultsFound ? "" : "none";
-                        _this.regenerateButton.disabled = noResultsFound;
-                        _this.copyButton.disabled = noResultsFound;
-                        _this.replaceButton.disabled = noResultsFound;
-                        ((/** @type {?} */ (document.getElementById("skeletonId")))).style.display =
-                            "none";
-                        ((/** @type {?} */ (document.getElementById("rightRte")))).style.display =
-                            noResultsFound ? "none" : "";
-                        console.log(noResultsFound, ((/** @type {?} */ (document.getElementById("rightRte")))).style);
-                        // this.ref.markForCheck();
-                    }));
-                }
-            }
-            catch (_a) {
-                // this.toastObj.show();
-            }
-        };
-        /**
-         * @param {?} subQuery
-         * @param {?} promptQuery
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.getResponseFromOpenAI = /**
-         * @param {?} subQuery
-         * @param {?} promptQuery
-         * @return {?}
-         */
-        function (subQuery, promptQuery) {
-            return __awaiter(this, void 0, void 0, function () {
-                var content;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, OpenAiModelRTE(subQuery, promptQuery)];
-                        case 1:
-                            content = _a.sent();
-                            return [2 /*return*/, content ? ((/** @type {?} */ (content))) : ""];
-                    }
-                });
-            });
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.dialogShow = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            (/** @type {?} */ (this.regenerateButton)).element.addEventListener("click", (/**
-             * @return {?}
-             */
-            function () {
-                _this.updateAISugesstions();
-            }));
-            (/** @type {?} */ (this.copyButton)).element.addEventListener("click", (/**
-             * @return {?}
-             */
-            function () {
-                _this.copyTextToClipboard(_this.AIResult);
-            }));
-            (/** @type {?} */ (this.replaceButton)).element.addEventListener("click", (/**
-             * @return {?}
-             */
-            function () {
-                /** @type {?} */
-                var range = ((/** @type {?} */ (_this.rteObj))).formatter.editorManager.nodeSelection.getRange(((/** @type {?} */ (_this.rteObj))).contentModule.getDocument());
-                ((/** @type {?} */ (_this.rteObj))).formatter.editorManager.nodeSelection.restore(range);
-                ((/** @type {?} */ (_this.rteObj))).executeCommand("insertHTML", _this.AIResult, {
-                    undo: true,
-                });
-                _this.closeDialog();
-            }));
-            ((/** @type {?} */ (this.AIdialog))).element.style.display = "";
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.closeDialog = /**
-         * @return {?}
-         */
-        function () {
-            this.AIdialog.hide();
-            this.rightRte.value = "";
-            this.leftRte.value = "";
-            this.promptQuery = "";
-            this.chipValue = "Standard";
-            this.AIResult = "";
-            this.dropValIndex = 0;
-            this.selectedQuery = "Rephrase";
-            this.sentimentButton.content = "😊 Neutral";
-        };
-        /**
-         * @param {?} text
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.copyTextToClipboard = /**
-         * @param {?} text
-         * @return {?}
-         */
-        function (text) {
-            if (navigator.clipboard) {
-                navigator.clipboard
-                    .writeText(text)
-                    .then((/**
-                 * @return {?}
-                 */
-                function () {
-                    console.log("Text copied to clipboard successfully!");
-                }))
-                    .catch((/**
-                 * @param {?} err
-                 * @return {?}
-                 */
-                function (err) {
-                    console.error("Failed to copy text: ", err);
-                }));
-            }
-            else {
-                // Fallback for browsers that do not support the Clipboard API
-                /** @type {?} */
-                var textarea = document.createElement("textarea");
-                textarea.value = text;
-                document.body.appendChild(textarea);
-                textarea.select();
-                try {
-                    document.execCommand("copy");
-                    console.log("Text copied to clipboard using execCommand");
-                }
-                catch (err) {
-                    console.error("Failed to copy text: ", err);
-                }
-                finally {
-                    document.body.removeChild(textarea);
-                }
-            }
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.onOverlayClick = /**
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var activeEle = this.AIdialog.element.querySelector(".char_block.e-active");
-            if (activeEle) {
-                activeEle.classList.remove("e-active");
-            }
-            this.closeDialog();
+            this.actionBegin.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onQuerySelect = /**
+        RichtexteditorComponent.prototype._input = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            // this.chipList.selectedChips = 0;
-            this.translatelanguage = "EN";
-            this.selectedQuery = args.itemData.text;
-            this.updateAISugesstionsData(args.itemData.text);
+            this.input.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onLanguageSelect = /**
+        RichtexteditorComponent.prototype._actionComplete = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.translatelanguage = args.itemData.id;
-            this.updateAISugesstionsData("Translate");
+            if (args.requestType == "UL") {
+                if (args.elements[0].parentElement.style.listStyleType == "dash") {
+                    args.elements[0].parentElement.style.listStyleImage =
+                        "url('../../../assets/img/bullet-dash.svg')";
+                    args.elements[0].parentElement.style.listStyleType = "none";
+                }
+            }
+            else if (args.requestType == "OL") {
+                args.elements[0].parentElement.classList.remove("custom-list", "parentheses");
+                if (args.elements[0].parentElement.style.listStyleType == "parentheses") {
+                    args.elements[0].parentElement.classList = "custom-list";
+                    args.elements[0].parentElement.classList.add("parentheses");
+                }
+            }
+            this.actionComplete.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype.onChipClick = /**
+        RichtexteditorComponent.prototype._focus = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.chipValue = args.itemData.text;
-            // 事件会触发两次 必须判断args.text是否有值
-            if (args.itemData.text)
-                this.updateAISugesstionsData("Rephrase");
+            this.focus.emit(args);
         };
         /**
          * @param {?} args
          * @return {?}
          */
-        RichtexteditorComponent.prototype._toolbarClick = /**
+        RichtexteditorComponent.prototype._blur = /**
          * @param {?} args
          * @return {?}
          */
         function (args) {
-            this.toolbarClick.emit(args);
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.hideToast = /**
-         * @return {?}
-         */
-        function () {
-            this.showMsg = false;
-        };
-        /**
-         * @return {?}
-         */
-        RichtexteditorComponent.prototype.onZoom = /**
-         * @return {?}
-         */
-        function () {
-            if (this.size === "largest") {
-                this.size = ""; // 恢复到原始大小
-            }
-            else {
-                this.size = "largest"; // 设置为最大化
-            }
+            this.blur.emit(args);
         };
         RichtexteditorComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-richtext-editor",
-                        template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    id=\"editor\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [fontFamily]=\"family\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(value)]=\"value\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n  >\r\n  </ejs-richtexteditor>\r\n  <ejs-dialog\r\n    #AIdialog\r\n    id=\"AIdialog\"\r\n    [ngClass]=\"size\"\r\n    [visible]=\"false\"\r\n    [target]=\"target\"\r\n    [isModal]=\"true\"\r\n    [height]=\"dialogHeight\"\r\n    [width]=\"dialogWidth\"\r\n    maxHeight=\"80%\"\r\n    cssClass=\"e-rte-elements custom-dialog-rte\"\r\n    zIndex=\"1000\"\r\n    (close)=\"closeDialog()\"\r\n    (overlayClick)=\"onOverlayClick()\"\r\n    (open)=\"dialogShow()\"\r\n  >\r\n    <ng-template #header>\r\n      <div class=\"header-title\">AI Assist</div>\r\n      <div class=\"header-buttons\">\r\n        <div *ngIf=\"showZoomBtn\" class=\"header-zoom\" (click)=\"onZoom()\">\r\n          <img\r\n            class=\"header-icon\"\r\n            *ngIf=\"size === 'largest'\"\r\n            src=\"../../../assets/img/dialog-shrink.svg\"\r\n          />\r\n          <img\r\n            class=\"header-icon\"\r\n            *ngIf=\"size !== 'largest'\"\r\n            src=\"../../../assets/img/dialog-grow.svg\"\r\n          />\r\n        </div>\r\n        <div class=\"header-btn\" (click)=\"closeDialog()\">\r\n          <img class=\"header-icon\" src=\"../../../assets/img/dialog-close.svg\" />\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #footerTemplate>\r\n      <div id=\"dialog-footer-content\">\r\n        <div class=\"custom-row-0\">\r\n          <div\r\n            class=\"cuscol-0\"\r\n            style=\"width: 100%; align-items: center; justify-content: left\"\r\n          ></div>\r\n          <div\r\n            class=\"cuscol-1\"\r\n            style=\"\r\n              display: flex;\r\n              flex-direction: column;\r\n              justify-content: center;\r\n              align-items: center;\r\n              width: 100%;\r\n            \"\r\n          >\r\n            <div style=\"text-align: right; width: 100%\">\r\n              <button\r\n                ejs-button\r\n                #sentimentButton\r\n                content=\"\uD83D\uDE0A Neutral\"\r\n                disabled=\"false\"\r\n                cssClass=\"sentiment\"\r\n              ></button>\r\n              <button\r\n                ejs-button\r\n                #copyButton\r\n                content=\"Copy\"\r\n                disabled=\"false\"\r\n                class=\"copy-btn\"\r\n              ></button>\r\n              <button\r\n                ejs-button\r\n                #replaceButton\r\n                content=\"Replace\"\r\n                isPrimary=\"true\"\r\n                disabled=\"false\"\r\n              ></button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #content>\r\n      <div class=\"dialog-content\" style=\"height: 100%\">\r\n        <div class=\"custom-row-0\">\r\n          <div class=\"cuscol-0\" style=\"width: 100%\">\r\n            <ejs-dropdownlist\r\n              #queryCategory\r\n              style=\"width: 200px\"\r\n              id=\"queryCategory\"\r\n              [dataSource]=\"queryList\"\r\n              index=\"0\"\r\n              [fields]=\"{ text: 'text', value: 'id' }\"\r\n              (select)=\"onQuerySelect($event)\"\r\n            >\r\n              Rephrase\r\n            </ejs-dropdownlist>\r\n            <ejs-dropdownlist\r\n              *ngIf=\"selectedQuery == 'Rephrase'\"\r\n              id=\"chips-container\"\r\n              #chipList\r\n              style=\"width: 160px\"\r\n              [(ngModel)]=\"chipValue\"\r\n              [dataSource]=\"rephraseTyleList\"\r\n              [fields]=\"{ text: 'text', value: 'id' }\"\r\n              (select)=\"onChipClick($event)\"\r\n            >\r\n            </ejs-dropdownlist>\r\n            <ejs-dropdownlist\r\n              *ngIf=\"selectedQuery == 'Translate'\"\r\n              #languageCategory\r\n              index=\"0\"\r\n              id=\"language-Category\"\r\n              [dataSource]=\"languageList\"\r\n              [fields]=\"{ text: 'text', value: 'id' }\"\r\n              (select)=\"onLanguageSelect($event)\"\r\n            >\r\n            </ejs-dropdownlist>\r\n          </div>\r\n          <div\r\n            class=\"cuscol-1\"\r\n            style=\"\r\n              justify-content: space-between;\r\n              align-items: center;\r\n              width: 100%;\r\n            \"\r\n          >\r\n            <!-- <ejs-chiplist\r\n              id=\"chips-container\"\r\n              #chipList\r\n              [chips]=\"['Standard', 'Fluent', 'Professional']\"\r\n              selection=\"Single\"\r\n              cssClass=\"e-outline\"\r\n              [selectedChips]=\"[0]\"\r\n              (click)=\"onChipClick($event)\"\r\n            >\r\n            </ejs-chiplist> -->\r\n            <button\r\n              ejs-button\r\n              #regenerateButton\r\n              content=\"Regenerate\"\r\n              isPrimary=\"true\"\r\n              disabled=\"false\"\r\n            ></button>\r\n          </div>\r\n        </div>\r\n        <div class=\"custom-row-1\" style=\"height: calc(100% - 40px)\">\r\n          <div\r\n            class=\"cuscol-0\"\r\n            style=\"\r\n              width: 100%;\r\n              height: 100%;\r\n              align-items: center;\r\n              justify-content: left;\r\n            \"\r\n          >\r\n            <div style=\"text-align: left; height: 100%\">\r\n              <ejs-richtexteditor\r\n                #leftRte\r\n                id=\"leftRte\"\r\n                height=\"100%\"\r\n                [toolbarSettings]=\"{ enable: false }\"\r\n                placeholder=\"Analysis of AI Support\"\r\n                cssClass=\"e-outline\"\r\n              >\r\n              </ejs-richtexteditor>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"cuscol-1\"\r\n            style=\"\r\n              display: flex;\r\n              justify-content: space-between;\r\n              width: 100%;\r\n              height: 100%;\r\n            \"\r\n          >\r\n            <div style=\"text-align: left; width: 100%; height: 100%\">\r\n              <ejs-richtexteditor\r\n                #rightRte\r\n                id=\"rightRte\"\r\n                height=\"100%\"\r\n                [toolbarSettings]=\"{ enable: false }\"\r\n                placeholder=\"Analysis of AI Support\"\r\n                cssClass=\"e-outline\"\r\n              >\r\n                <!-- style=\"display: none\" -->\r\n              </ejs-richtexteditor>\r\n              <div\r\n                class=\"no-results-found\"\r\n                id=\"no-results-found\"\r\n                style=\"display: none; height: 244px; align-content: center\"\r\n              >\r\n                <img\r\n                  height=\"50\"\r\n                  width=\"50\"\r\n                  src=\"https://storage.googleapis.com/cdn-bolddesk/agent-angular-app/images/light/no-records-warning.svg\"\r\n                />\r\n                <div>No results found</div>\r\n              </div>\r\n              <div id=\"skeletonId\" style=\"display: none\">\r\n                <ejs-skeleton\r\n                  #skeletonId1\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"100%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId2\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"90%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId3\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"70%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId4\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"50%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId5\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"30%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n                <ejs-skeleton\r\n                  #skeletonId6\r\n                  shape=\"Rectangle\"\r\n                  height=\"20px\"\r\n                  width=\"10%\"\r\n                ></ejs-skeleton\r\n                ><br />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </ejs-dialog>\r\n  <div class=\"toast\" *ngIf=\"showMsg\">\r\n    <span class=\"toast_text\">First, Select some text</span\r\n    ><span class=\"close_icon\" (click)=\"hideToast()\"></span>\r\n  </div>\r\n</div>\r\n",
+                        template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    [id]=\"editorId\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [quickToolbarSettings]=\"quickToolbarSettings\"\r\n    [bulletFormatList]=\"bulletFormatList\"\r\n    [numberFormatList]=\"numberFormatList\"\r\n    [fontFamily]=\"family\"\r\n    [fontSize]=\"fontSize\"\r\n    [disabled]=\"disabled\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(value)]=\"value\"\r\n    (actionBegin)=\"_actionBegin($event)\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n    (input)=\"_input($event)\"\r\n    (focus)=\"_focus($event)\"\r\n    (blur)=\"_blur($event)\"\r\n    (actionComplete)=\"_actionComplete($event)\"\r\n  >\r\n  </ejs-richtexteditor>\r\n</div>\r\n",
                         styles: [".editor_box{position:relative;width:100%;height:100%}.editor_box .toast{position:absolute;left:35%;top:110px;z-index:1;width:400px;border-radius:4px;border:1px solid #e8f2ff;background:#f4f8ff;padding:4px 12px;color:#1f3f5c;font-size:12px;font-style:normal;font-weight:400;height:32px;font-family:Arial;display:flex;align-items:center;justify-content:space-between}.editor_box .toast .toast_text::before{content:url(../../assets/img/info.svg);display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(../../assets/img/notification-close.svg);cursor:pointer;display:inline-block;width:16px;height:16px}.custom-dialog-rte{padding:0 20px;border-radius:10px}.custom-row-0,.custom-row-1,.custom-row-2{display:flex;align-items:center;padding:12px 24px}.e-rte-dropdown-btn-text{padding-left:4px}.no-results-found{text-align:center}.no-results-found img{display:block;margin:0 auto}.e-custom{margin-right:.5rem;border-radius:25px!important}.custom-dialog-rte .skeleton-rectangle{border-radius:4px}@media (max-width:767px){.cuscol-0,.cuscol-1,.cuscol-2{justify-content:center!important}.custom-row-0,.custom-row-1,.custom-row-2{flex-direction:column!important}.cuscol-1{border-right:none!important}.cuscol-0{width:100%;align-items:center}::ng-deep:host .e-dialog{max-height:80%!important}.custom-dialog-rte .e-dialog .e-dlg-content{overflow-y:auto!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor{height:100px!important}.cuscol-noresult{padding-bottom:20px!important}.e-chip-list{padding:5px!important}.cuscol{padding-right:.2rem!important;width:auto!important}.custom-row-1{height:auto!important}}.cuscol-1{display:flex;flex-direction:row!important}.cuscol-2{display:flex;flex-direction:column!important}.sentiment{color:#000!important}.custom-dialog-rte .e-dialog .e-dlg-content{padding:0!important;overflow-y:hidden}.custom-dialog-rte .e-dialog .e-dlg-header-content{padding:20px 0!important;border:0!important}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header{display:flex;align-items:center;line-height:18px;justify-content:space-between}.custom-dialog-rte .e-dialog .e-dlg-header-content .e-dlg-header .header-title{font-family:Arial;font-size:15px;font-weight:700;font-style:normal}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons{display:flex}.custom-dialog-rte .e-dialog .e-dlg-header-content .header-buttons img{width:16px;height:16px;cursor:pointer;padding:2px;margin-left:12px}.custom-dialog-rte .e-dialog .e-footer-content{padding:0!important}.custom-dialog-rte .e-dialog .e-dlg-content .e-richtexteditor.e-rte-tb-expand .e-rte-content,.e-richtexteditor.e-rte-tb-expand .e-source-content{border:0;border-bottom:1px solid #dee2e6;border-top:0 solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0 solid #ddd!important;padding:0;margin-bottom:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-0{justify-content:left;border-right:none!important;padding:0;display:flex;gap:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1{padding:0;margin-left:12px}.custom-dialog-rte .dialog-content .custom-row-0 .cuscol-1 .e-primary{color:#44566c;border-radius:4px;border:1px solid #dbe1e7;background:#fff;width:87px;margin:0;padding:2px 12px;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;height:28px}.custom-dialog-rte .dialog-content .custom-row-1{padding:0;height:calc(100% - 40px);gap:12px}.custom-dialog-rte .e-footer-content{border:0}.custom-dialog-rte .e-footer-content .custom-row-0{padding:20px 0}.custom-dialog-rte .e-footer-content .e-control.e-btn{font-family:Arial;font-size:12px;line-height:14px;padding:2px 12px;height:28px;background:#fff;color:#44566c}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn{border-color:#dbe1e7}.custom-dialog-rte .e-footer-content .e-control.e-btn.copy-btn::before{content:url(../../assets/img/editor-copy.svg);vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.editor_box .e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}"]
                     }] }
         ];
-        /** @nocollapse */
-        RichtexteditorComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
         RichtexteditorComponent.propDecorators = {
-            rteObj: [{ type: core.ViewChild, args: ["editor", { static: false },] }],
-            queryCategory: [{ type: core.ViewChild, args: ["queryCategory", { static: false },] }],
-            leftRte: [{ type: core.ViewChild, args: ["leftRte", { static: false },] }],
-            rightRte: [{ type: core.ViewChild, args: ["rightRte", { static: false },] }],
-            AIdialog: [{ type: core.ViewChild, args: ["AIdialog", { static: true },] }],
-            sentimentButton: [{ type: core.ViewChild, args: ["sentimentButton", { static: false },] }],
-            regenerateButton: [{ type: core.ViewChild, args: ["regenerateButton", { static: false },] }],
-            copyButton: [{ type: core.ViewChild, args: ["copyButton", { static: false },] }],
-            replaceButton: [{ type: core.ViewChild, args: ["replaceButton", { static: false },] }],
-            placeholder: [{ type: core.Input }],
             value: [{ type: core.Input }],
+            editorId: [{ type: core.Input }],
             height: [{ type: core.Input }],
             autoSaveOnIdle: [{ type: core.Input }],
-            target: [{ type: core.Input }],
+            disabled: [{ type: core.Input }],
+            insertImageSettings: [{ type: core.Input }],
             toolbarClick: [{ type: core.Output }],
-            change: [{ type: core.Output }]
+            change: [{ type: core.Output }],
+            created: [{ type: core.Output }],
+            actionBegin: [{ type: core.Output }],
+            input: [{ type: core.Output }],
+            focus: [{ type: core.Output }],
+            blur: [{ type: core.Output }],
+            actionComplete: [{ type: core.Output }]
         };
         return RichtexteditorComponent;
     }());
     if (false) {
-        /** @type {?} */
-        RichtexteditorComponent.prototype.rteObj;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.queryCategory;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.leftRte;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.rightRte;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.AIdialog;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.sentimentButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.regenerateButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.copyButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.replaceButton;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.placeholder;
         /** @type {?} */
         RichtexteditorComponent.prototype.value;
         /** @type {?} */
+        RichtexteditorComponent.prototype.editorId;
+        /** @type {?} */
         RichtexteditorComponent.prototype.height;
         /** @type {?} */
         RichtexteditorComponent.prototype.autoSaveOnIdle;
         /** @type {?} */
-        RichtexteditorComponent.prototype.target;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.toolbarClick;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.change;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.family;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.dialogWidth;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.dialogHeight;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.showZoomBtn;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.showMsg;
+        RichtexteditorComponent.prototype.disabled;
         /** @type {?} */
         RichtexteditorComponent.prototype.insertImageSettings;
         /** @type {?} */
-        RichtexteditorComponent.prototype.editorManager;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.size;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.selectedQuery;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.dropValIndex;
-        /** @type {?} */
-        RichtexteditorComponent.prototype.queryList;
+        RichtexteditorComponent.prototype.toolbarClick;
         /** @type {?} */
-        RichtexteditorComponent.prototype.rephraseTyleList;
+        RichtexteditorComponent.prototype.change;
         /** @type {?} */
-        RichtexteditorComponent.prototype.languageList;
+        RichtexteditorComponent.prototype.created;
         /** @type {?} */
-        RichtexteditorComponent.prototype.promptQuery;
+        RichtexteditorComponent.prototype.actionBegin;
         /** @type {?} */
-        RichtexteditorComponent.prototype.isSentimentCheck;
+        RichtexteditorComponent.prototype.input;
         /** @type {?} */
-        RichtexteditorComponent.prototype.subQuery;
+        RichtexteditorComponent.prototype.focus;
         /** @type {?} */
-        RichtexteditorComponent.prototype.translatelanguage;
+        RichtexteditorComponent.prototype.blur;
         /** @type {?} */
-        RichtexteditorComponent.prototype.chipValue;
+        RichtexteditorComponent.prototype.actionComplete;
         /** @type {?} */
-        RichtexteditorComponent.prototype.apiResultData;
+        RichtexteditorComponent.prototype.family;
         /** @type {?} */
-        RichtexteditorComponent.prototype.AIResult;
+        RichtexteditorComponent.prototype.fontSize;
         /** @type {?} */
         RichtexteditorComponent.prototype.tools;
         /**
+         * 表格快捷工具栏：含 TableCell（合并/拆分单元格）
          * @type {?}
-         * @private
          */
-        RichtexteditorComponent.prototype.ref;
+        RichtexteditorComponent.prototype.quickToolbarSettings;
+        /** @type {?} */
+        RichtexteditorComponent.prototype.bulletFormatList;
+        /** @type {?} */
+        RichtexteditorComponent.prototype.numberFormatList;
     }
 
     /**