raise-common-lib 0.0.249 → 0.0.250

package/fesm2015/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';
@@ -24465,7 +24465,7 @@ CommonDialogComponent.decorators = [
     { 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 */
@@ -35133,248 +35133,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* () {
-        try {
-            // 这里应该调用你的后端API来获取AI配置
-            // 例如：return await this.http.get('/api/ai-config');
-            // 临时返回默认配置
-            return getAIConfig();
-        }
-        catch (error) {
-            console.error("Failed to get AI config from backend:", error);
-            return getAIConfig();
-        }
-    });
-}
-
-/**
- * @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* () {
-        try {
-            /** @type {?} */
-            const url = `${config.endpoint}/openai/deployments/${config.deployment}/chat/completions?api-version=${config.apiVersion}`;
-            /** @type {?} */
-            const url1 = `${config.endpoint}`;
-            /** @type {?} */
-            const response = 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,
-                }),
-            });
-            if (!response.ok) {
-                /** @type {?} */
-                const errorText = yield response.text();
-                throw new Error(`HTTP error! status: ${response.status}, message: ${errorText}`);
-            }
-            /** @type {?} */
-            const data = yield response.json();
-            if (!data.choices || !data.choices[0] || !data.choices[0].message) {
-                throw new Error('Invalid response format from AI service');
-            }
-            return data.choices[0].message.content;
-        }
-        catch (error) {
-            console.error('AI request failed:', error);
-            throw error;
-        }
-    });
-}
-// 备用方案：使用模拟数据（用于开发测试）
-/**
- * @param {?} subQuery
- * @param {?} promptQuery
- * @return {?}
- */
-function getMockAIResponse(subQuery, promptQuery) {
-    /** @type {?} */
-    const 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',
-    };
-    for (const [key, value] of Object.entries(mockResponses)) {
-        if (subQuery.includes(key)) {
-            return value;
-        }
-    }
-    return `AI processed: ${promptQuery}`;
-}
-// 主要的AI请求方法
-/**
- * @param {?} subQuery
- * @param {?} promptQuery
- * @return {?}
- * @this {*}
- */
-function OpenAiModelRTE(subQuery, promptQuery) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            /** @type {?} */
-            const config = getAIConfig();
-            // 检查配置是否有效
-            if (!isAIConfigValid(config)) {
-                console.warn('AI configuration is incomplete or disabled, using mock response');
-                return getMockAIResponse(subQuery, promptQuery);
-            }
-            /** @type {?} */
-            const 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}`,
-                },
-            ];
-            /** @type {?} */
-            const result = yield sendAIRequest(messages, config);
-            return result;
-        }
-        catch (error) {
-            console.error('AI request failed, using mock response:', error);
-            return getMockAIResponse(subQuery, promptQuery);
-        }
-    });
-}
-// 兼容性方法（保持向后兼容）
-/**
- * @param {?} options
- * @return {?}
- * @this {*}
- */
-function getAzureChatAIRequest(options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            /** @type {?} */
-            const config = getAIConfig();
-            if (!isAIConfigValid(config)) {
-                return null;
-            }
-            /** @type {?} */
-            const result = yield sendAIRequest(options.messages, config);
-            return result;
-        }
-        catch (err) {
-            console.error('Error occurred:', err);
-            return null;
-        }
-    });
-}
-/**
- * @param {?} prompt
- * @return {?}
- * @this {*}
- */
-function getAzureTextAIRequest(prompt) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            /** @type {?} */
-            const config = getAIConfig();
-            if (!isAIConfigValid(config)) {
-                return undefined;
-            }
-            /** @type {?} */
-            const messages = [
-                {
-                    role: 'user',
-                    content: prompt,
-                },
-            ];
-            /** @type {?} */
-            const result = yield sendAIRequest(messages, config);
-            return result;
-        }
-        catch (err) {
-            console.error('Error occurred:', err);
-            return undefined;
-        }
-    });
-}
-
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/form/richtexteditor/data-config.ts
@@ -35469,6 +35227,73 @@ const 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 {?} */
+const 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配置
@@ -35654,74 +35479,30 @@ function applyBulletStyle(ul, style) {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 class RichtexteditorComponent {
-    /**
-     * @param {?} ref
-     */
-    constructor(ref) {
-        this.ref = ref;
-        // @ViewChild("chipList", { static: false }) public chipList!: ChipListComponent;
-        this.placeholder = "";
+    constructor() {
         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",
@@ -35736,21 +35517,12 @@ class RichtexteditorComponent {
                 "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",
@@ -35759,484 +35531,201 @@ class RichtexteditorComponent {
                 "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 {?}
-     */
-    ngOnInit() { }
     /**
      * @param {?} args
      * @return {?}
      */
     onContentChange(args) {
-        /** @type {?} */
-        const tables = document.querySelectorAll("table.e-rte-table");
-        tables.forEach((/**
-         * @param {?} table
-         * @return {?}
-         */
-        (table) => {
-            /** @type {?} */
-            const htmlTable = (/** @type {?} */ (table));
-            htmlTable.style.marginBottom = "10px";
-            htmlTable.style.borderCollapse = "collapse";
-            htmlTable.style.emptyCells = "show";
-            /** @type {?} */
-            const tdElements = table.querySelectorAll("td");
-            tdElements.forEach((/**
-             * @param {?} td
-             * @return {?}
-             */
-            (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);
     }
     /**
      * @return {?}
      */
     onCreate() {
-        //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 {?} */
-        let splitButton = new DropDownButton({
-            items: lineHeight_items,
-            iconCss: "e-icons e-line-spacing",
-            select: this.onSelect.bind(this),
-        });
-        splitButton.appendTo("#lineheight_tbar");
-        // ai assist
-        /** @type {?} */
-        let aiassistantButton = new DropDownButton({
-            items: this.queryList,
-            // iconCss: "e-btn-icon e-icons e-assistview-icon e-icon-left",
-            select: (/**
-             * @param {?} args
-             * @return {?}
-             */
-            (args) => this.aiQuerySelectedMenu(args)),
-        });
-        aiassistantButton.appendTo("#ai_assistant_button_tbar");
+        this.created.emit();
     }
     /**
-     * @private
      * @param {?} args
      * @return {?}
      */
-    onSelect(args) {
-        if (this.rteObj.formatter.getUndoRedoStack().length === 0) {
-            this.rteObj.formatter.saveData();
-        }
-        /** @type {?} */
-        let nodes = this.editorManager.domNode.blockNodes();
-        for (let i = 0; nodes.length > i; i++) {
-            ((/** @type {?} */ (nodes[i]))).style.lineHeight = args.item.text;
-        }
-        this.rteObj.formatter.saveData();
-        this.rteObj.formatter.enableUndo(this.rteObj);
+    _toolbarClick(args) {
+        this.toolbarClick.emit(args);
     }
     /**
-     * @private
      * @param {?} args
      * @return {?}
      */
-    aiQuerySelectedMenu(args) {
-        this.dialogueOpen(args.item.text);
-    }
-    /**
-     * @param {?} selectedQuery
-     * @return {?}
-     */
-    dialogueOpen(selectedQuery) {
-        /** @type {?} */
-        var selectionText = this.rteObj.getSelectedHtml();
-        this.selectedQuery = selectedQuery;
-        if (selectionText) {
-            /** @type {?} */
-            let 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 {?}
-             */
-            (q) => 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 {?}
-             */
-            () => {
-                this.showMsg = false;
-            }), 3000);
-            console.log("Please select the content to perform the AI operation.");
-        }
+    _actionBegin(args) {
+        this.actionBegin.emit(args);
     }
     /**
-     * @param {?} selectedQuery
+     * @param {?} args
      * @return {?}
      */
-    updateAISugesstionsData(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();
+    _input(args) {
+        this.input.emit(args);
     }
     /**
+     * @param {?} args
      * @return {?}
      */
-    updateAISugesstions() {
-        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 {?}
-                 */
-                (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();
-                }));
+    _actionComplete(args) {
+        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";
             }
         }
-        catch (_a) {
-            // this.toastObj.show();
-        }
-    }
-    /**
-     * @param {?} subQuery
-     * @param {?} promptQuery
-     * @return {?}
-     */
-    getResponseFromOpenAI(subQuery, promptQuery) {
-        return __awaiter(this, void 0, void 0, function* () {
-            /** @type {?} */
-            const content = yield OpenAiModelRTE(subQuery, promptQuery);
-            return content ? ((/** @type {?} */ (content))) : "";
-        });
-    }
-    /**
-     * @return {?}
-     */
-    dialogShow() {
-        (/** @type {?} */ (this.regenerateButton)).element.addEventListener("click", (/**
-         * @return {?}
-         */
-        () => {
-            this.updateAISugesstions();
-        }));
-        (/** @type {?} */ (this.copyButton)).element.addEventListener("click", (/**
-         * @return {?}
-         */
-        () => {
-            this.copyTextToClipboard(this.AIResult);
-        }));
-        (/** @type {?} */ (this.replaceButton)).element.addEventListener("click", (/**
-         * @return {?}
-         */
-        () => {
-            /** @type {?} */
-            let 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 {?}
-     */
-    closeDialog() {
-        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 {?}
-     */
-    copyTextToClipboard(text) {
-        if (navigator.clipboard) {
-            navigator.clipboard
-                .writeText(text)
-                .then((/**
-             * @return {?}
-             */
-            () => {
-                console.log("Text copied to clipboard successfully!");
-            }))
-                .catch((/**
-             * @param {?} err
-             * @return {?}
-             */
-            (err) => {
-                console.error("Failed to copy text: ", err);
-            }));
-        }
-        else {
-            // Fallback for browsers that do not support the Clipboard API
-            /** @type {?} */
-            const 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");
+        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");
             }
-            catch (err) {
-                console.error("Failed to copy text: ", err);
-            }
-            finally {
-                document.body.removeChild(textarea);
-            }
-        }
-    }
-    /**
-     * @return {?}
-     */
-    onOverlayClick() {
-        /** @type {?} */
-        let activeEle = this.AIdialog.element.querySelector(".char_block.e-active");
-        if (activeEle) {
-            activeEle.classList.remove("e-active");
         }
-        this.closeDialog();
-    }
-    /**
-     * @param {?} args
-     * @return {?}
-     */
-    onQuerySelect(args) {
-        // this.chipList.selectedChips = 0;
-        this.translatelanguage = "EN";
-        this.selectedQuery = args.itemData.text;
-        this.updateAISugesstionsData(args.itemData.text);
+        this.actionComplete.emit(args);
     }
     /**
      * @param {?} args
      * @return {?}
      */
-    onLanguageSelect(args) {
-        this.translatelanguage = args.itemData.id;
-        this.updateAISugesstionsData("Translate");
+    _focus(args) {
+        this.focus.emit(args);
     }
     /**
      * @param {?} args
      * @return {?}
      */
-    onChipClick(args) {
-        this.chipValue = args.itemData.text;
-        // 事件会触发两次 必须判断args.text是否有值
-        if (args.itemData.text)
-            this.updateAISugesstionsData("Rephrase");
-    }
-    /**
-     * @param {?} args
-     * @return {?}
-     */
-    _toolbarClick(args) {
-        this.toolbarClick.emit(args);
-    }
-    /**
-     * @return {?}
-     */
-    hideToast() {
-        this.showMsg = false;
-    }
-    /**
-     * @return {?}
-     */
-    onZoom() {
-        if (this.size === "largest") {
-            this.size = ""; // 恢复到原始大小
-        }
-        else {
-            this.size = "largest"; // 设置为最大化
-        }
+    _blur(args) {
+        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 = () => [
-    { 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 }]
 };
 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;
 }
 
 /**