raise-common-lib 0.0.249 → 0.0.251

package/fesm5/raise-common-lib.js

@@ -32,7 +32,7 @@ import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompl
 import { ToolbarService, FieldListService, NumberFormattingService, CalculatedFieldService, GroupingBarService, VirtualScrollService as VirtualScrollService$1, DrillThroughService, PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
 import { ChartAllModule, AccumulationChartAllModule, RangeNavigatorAllModule, AccumulationChartModule, PieSeriesService, AccumulationLegendService, AccumulationTooltipService, AccumulationAnnotationService, AccumulationDataLabelService } from '@syncfusion/ej2-angular-charts';
 import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$2, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
-import { DropDownButton, DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
+import { DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
 import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$3 } from '@syncfusion/ej2-angular-richtexteditor';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -25783,7 +25783,7 @@ var CommonDialogComponent = /** @class */ (function () {
         { type: 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 */
@@ -38002,284 +38002,6 @@ if (false) {
     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
@@ -38374,6 +38096,73 @@ var fontFamily = {
             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配置
@@ -38559,71 +38348,30 @@ function applyBulletStyle(ul, style) {
  * @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 EventEmitter();
-        this.change = new 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 EventEmitter();
+        this.change = new EventEmitter();
+        this.created = new EventEmitter();
+        this.actionBegin = new EventEmitter();
+        this.input = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.actionComplete = new 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",
@@ -38638,21 +38386,12 @@ var RichtexteditorComponent = /** @class */ (function () {
                 "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",
@@ -38661,14 +38400,64 @@ var RichtexteditorComponent = /** @class */ (function () {
                 "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 {?}
@@ -38678,32 +38467,6 @@ var RichtexteditorComponent = /** @class */ (function () {
      * @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);
     };
     /**
@@ -38713,431 +38476,111 @@ var RichtexteditorComponent = /** @class */ (function () {
      * @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 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 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: 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: ChangeDetectorRef }
-    ]; };
     RichtexteditorComponent.propDecorators = {
         rteObj: [{ type: ViewChild, args: ["editor", { static: false },] }],
-        queryCategory: [{ type: ViewChild, args: ["queryCategory", { static: false },] }],
-        leftRte: [{ type: ViewChild, args: ["leftRte", { static: false },] }],
-        rightRte: [{ type: ViewChild, args: ["rightRte", { static: false },] }],
-        AIdialog: [{ type: ViewChild, args: ["AIdialog", { static: true },] }],
-        sentimentButton: [{ type: ViewChild, args: ["sentimentButton", { static: false },] }],
-        regenerateButton: [{ type: ViewChild, args: ["regenerateButton", { static: false },] }],
-        copyButton: [{ type: ViewChild, args: ["copyButton", { static: false },] }],
-        replaceButton: [{ type: ViewChild, args: ["replaceButton", { static: false },] }],
-        placeholder: [{ type: Input }],
         value: [{ type: Input }],
+        editorId: [{ type: Input }],
         height: [{ type: Input }],
         autoSaveOnIdle: [{ type: Input }],
-        target: [{ type: Input }],
+        disabled: [{ type: Input }],
+        insertImageSettings: [{ type: Input }],
         toolbarClick: [{ type: Output }],
-        change: [{ type: Output }]
+        change: [{ type: Output }],
+        created: [{ type: Output }],
+        actionBegin: [{ type: Output }],
+        input: [{ type: Output }],
+        focus: [{ type: Output }],
+        blur: [{ type: Output }],
+        actionComplete: [{ type: Output }]
     };
     return RichtexteditorComponent;
 }());
@@ -39145,82 +38588,48 @@ 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;
 }
 
 /**