raise-common-lib 0.0.193 → 0.0.195

package/fesm2015/raise-common-lib.js

@@ -15,22 +15,22 @@ import { setCulture, L10n } from '@syncfusion/ej2-base';
 import ResizeObserver from 'resize-observer-polyfill';
 import { Query } from '@syncfusion/ej2-data';
 import moment from 'moment';
-import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompleteModule, ListBoxModule } from '@syncfusion/ej2-angular-dropdowns';
-import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
-import { SwitchModule, CheckBoxModule, RadioButtonModule, ButtonModule, ChipListModule } from '@syncfusion/ej2-angular-buttons';
-import { DropDownButton, DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
-import { TooltipModule, DialogModule } from '@syncfusion/ej2-angular-popups';
 import { MatIconRegistry, MatIconModule } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
+import { SwitchModule, CheckBoxModule, RadioButtonModule, ButtonModule, ChipListModule } from '@syncfusion/ej2-angular-buttons';
 import { DiagramModule } from '@syncfusion/ej2-angular-diagrams';
+import { TooltipModule, DialogModule } from '@syncfusion/ej2-angular-popups';
 import { DatePickerModule, DateRangePickerModule, DateTimePickerModule } from '@syncfusion/ej2-angular-calendars';
 import { TextBoxModule, ColorPickerModule, UploaderModule, NumericTextBoxModule } from '@syncfusion/ej2-angular-inputs';
+import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompleteModule, ListBoxModule } from '@syncfusion/ej2-angular-dropdowns';
 import { PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
 import { ChartAllModule, AccumulationChartAllModule, RangeNavigatorAllModule, AccumulationChartModule, PieSeriesService, AccumulationLegendService, AccumulationTooltipService, AccumulationAnnotationService, AccumulationDataLabelService } from '@syncfusion/ej2-angular-charts';
 import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
 import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$1, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
+import { DropDownButton, DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
+import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatTooltipModule } from '@angular/material/tooltip';
 
@@ -1523,7 +1523,7 @@ NewActionNotificationComponent.decorators = [
     { type: Component, args: [{
                 selector: "kt-new-action-notification",
                 template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
-                styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
+                styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
             }] }
 ];
 /** @nocollapse */
@@ -2462,7 +2462,7 @@ RsPageTabComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-page-tab",
                 template: "<div class=\"rs-page-list-wrap\">\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=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <ejs-tab\r\n    class=\"rs-tab\"\r\n    #tabObj\r\n    (selected)=\"onTabClick($event)\"\r\n    [animation]=\"animation\"\r\n\t  overflowMode=\"Popup\"\r\n    heightAdjustMode=\"None\"\r\n    [selectedItem]=\"selectedItemIndex\"\r\n  >\r\n    <e-tabitems>\r\n      <e-tabitem *ngFor=\"let item of tabList\">\r\n        <ng-template #headerText>\r\n          <div>{{ item.title }}</div>\r\n        </ng-template>\r\n      </e-tabitem>\r\n    </e-tabitems>\r\n  </ejs-tab>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
-                styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]
+                styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]
             }] }
 ];
 RsPageTabComponent.propDecorators = {
@@ -3594,7 +3594,7 @@ DrawerComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-drawer",
                 template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n  <div class=\"rs-drawer-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n  <div\r\n    #drawer\r\n    class=\"rs-drawer\"\r\n    [attr.data-mode]=\"config.mode\"\r\n    [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\r\n    [attr.data-animation]=\"useAnimation\"\r\n    [hidden]=\"hiddenDrawer\"\r\n    (animationend)=\"onAnimationEnd()\"\r\n  >\r\n    <div class=\"drawer-header\" #header>\r\n      <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n        <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n          {{ config.subTitle }}\r\n        </span>\r\n      </button>\r\n      <div class=\"drawer-title\">{{ config.title }}</div>\r\n      <div class=\"drawer-header-slot\" #headerSlot></div>\r\n    </div>\r\n    <div class=\"drawer-top-slot\" #topSlot></div>\r\n    <div class=\"drawer-content-box\">\r\n      <div class=\"drawer-content\" #content>\r\n        <div class=\"drawer-content-container\">\r\n          <ng-template #dynamicComponentContainer></ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n  </div>\r\n</div>\r\n",
-                styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
+                styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
             }] }
 ];
 /** @nocollapse */
@@ -21459,12 +21459,15 @@ const EmailPattern = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(
  * Generated from: lib/form/drawer-form/drawer-form.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
+/** @type {?} */
+const FORM_PROXY_TAG = Symbol.for("form-proxy");
 class DrawerFormComponent {
     /**
      * @param {?} ref
      */
     constructor(ref) {
         this.ref = ref;
+        this._form = {};
         this._sections = [];
         this.optionsMap = {};
         this.formDisabled = false;
@@ -21476,12 +21479,14 @@ class DrawerFormComponent {
             groupBy: null,
         };
         this.showFilterNumber = 10;
-        this.form = {};
+        this.dateFormat = "yyyy-MM-dd";
         this.formChange = new EventEmitter();
         this.fieldChange = new EventEmitter();
         this.sections = [];
-        this.filterOptionsMap = {};
+        this.form = {};
         this.fieldValidMap = {};
+        // 存储 datepicker 的值
+        this.dateForm = {};
         this.dateValidMap = {};
         this.scrollIndex = 0;
         this.isClickAnchor = false;
@@ -21495,13 +21500,19 @@ class DrawerFormComponent {
      * @return {?}
      */
     ngOnChanges(changes) {
+        if (changes._form) {
+            if (!changes._form.currentValue[FORM_PROXY_TAG]) {
+                this.form = this.getFormProxy(changes._form.currentValue);
+                this.formChange.emit(this.form);
+            }
+            if (!changes._form.firstChange) {
+                this.checkFormChange(changes._form.previousValue, changes._form.currentValue);
+            }
+        }
         if (changes._sections) {
             this.sections = filterShowSection(changes._sections.currentValue);
             this.formatForm(this.sections);
         }
-        if (changes.form && !changes.form.firstChange) {
-            this.checkFormChange(changes.form.previousValue, changes.form.currentValue);
-        }
     }
     /**
      * @return {?}
@@ -21612,6 +21623,21 @@ class DrawerFormComponent {
             }
         }));
     }
+    /**
+     * @param {?} field
+     * @param {?} value
+     * @return {?}
+     */
+    syncFormToDateForm(field, value) {
+        if (value) {
+            /** @type {?} */
+            const date = moment(value);
+            this.dateForm[field.formKey] = date.isValid() ? date.toDate() : null;
+        }
+        else {
+            this.dateForm[field.formKey] = null;
+        }
+    }
     /**
      * @param {?} sections
      * @return {?}
@@ -21627,28 +21653,67 @@ class DrawerFormComponent {
              * @return {?}
              */
             (field) => {
-                if (this.form[field.formKey] === undefined) {
-                    switch (field.fieldFormType) {
-                        case "Text":
-                        case "Email":
-                        case "Textarea":
+                switch (field.fieldFormType) {
+                    case "Text":
+                    case "Email":
+                    case "Textarea":
+                        if (this.form[field.formKey] === undefined) {
                             this.form[field.formKey] = "";
-                            break;
-                        case "Tags":
-                        case "Checkbox":
-                        case "MultiSelect":
+                        }
+                        break;
+                    case "Tags":
+                    case "Checkbox":
+                    case "MultiSelect":
+                        if (!Array.isArray(this.form[field.formKey])) {
                             this.form[field.formKey] = [];
-                            break;
-                        case "Switch":
-                            this.form[field.formKey] = false;
-                            break;
-                        default:
+                        }
+                        break;
+                    case "Switch":
+                        this.form[field.formKey] = !!this.form[field.formKey];
+                        break;
+                    case "Datepicker":
+                        this.syncFormToDateForm(field, this.form[field.formKey]);
+                        break;
+                    default:
+                        if (this.form[field.formKey] === undefined) {
                             this.form[field.formKey] = null;
-                    }
+                        }
                 }
             }));
         }));
     }
+    /**
+     * @param {?} form
+     * @return {?}
+     */
+    getFormProxy(form) {
+        // 现在除了 tag 之外不支持嵌套 form 属性，只对浅层进行处理
+        /** @type {?} */
+        const proxyForm = new Proxy(form, {
+            set: (/**
+             * @param {?} target
+             * @param {?} prop
+             * @param {?} value
+             * @return {?}
+             */
+            (target, prop, value) => {
+                target[prop] = value;
+                /** @type {?} */
+                const field = this.getField(prop);
+                if (field && field.fieldFormType === "Datepicker") {
+                    this.syncFormToDateForm(field, value);
+                }
+                return true;
+            }),
+        });
+        Object.defineProperty(proxyForm, FORM_PROXY_TAG, {
+            value: true,
+            writable: false,
+            enumerable: false,
+            configurable: false,
+        });
+        return proxyForm;
+    }
     // 表单提交前会触发这个函数
     /**
      * @param {?} value
@@ -21656,11 +21721,8 @@ class DrawerFormComponent {
      * @return {?}
      */
     updateForm(value, field) {
-        /** @type {?} */
-        const newForm = Object.assign({}, this.form, { [field.formKey]: value });
-        // 修复错误提示显示 bug，不设置一下有概率拿不到最新的值
-        this.form = newForm;
-        this.formChange.emit(newForm);
+        this.form[field.formKey] = value;
+        this.formChange.emit(this.form);
         this.fieldChange.emit({ field, value });
     }
     /**
@@ -21784,13 +21846,14 @@ class DrawerFormComponent {
         if (!event.isInteracted) {
             return;
         }
-        /** @type {?} */
-        let value = event.value;
-        if (field.fieldFormType === "Datepicker") {
-            /** @type {?} */
-            const date = moment(value);
-            value = date.isValid() ? date.format("YYYY-MM-DD") : null;
+        if (field.fieldFormType !== "Datepicker") {
+            this.onChange(event.value, field);
+            return;
         }
+        console.log("change", event);
+        /** @type {?} */
+        const value = event.value ? moment(event.value).format("YYYY-MM-DD") : null;
+        this.dateForm[field.formKey] = event.value;
         this.onChange(value, field);
     }
     /**
@@ -21809,16 +21872,19 @@ class DrawerFormComponent {
      */
     onDatePickerBlur(event, field) {
         this.onBlur(field);
-        /** @type {?} */
-        const $input = event.model.element.querySelector("input");
-        if (!$input || !$input.value) {
-            delete this.dateValidMap[field.formKey];
-            return;
-        }
-        /** @type {?} */
-        const date = moment($input.value);
-        this.onChange(date.isValid() ? date.format("YYYY-MM-DD") : null, field);
-        this.dateValidMap[field.formKey] = date.isValid();
+        setTimeout((/**
+         * @return {?}
+         */
+        () => {
+            /** @type {?} */
+            const $input = event.model.element.querySelector("input");
+            if ($input && $input.value && !this.dateForm[field.formKey]) {
+                this.dateValidMap[field.formKey] = false;
+            }
+            else {
+                delete this.dateValidMap[field.formKey];
+            }
+        }), 50);
     }
     /**
      * @param {?} field
@@ -21845,19 +21911,20 @@ class DrawerFormComponent {
         if (event.text) {
             query.where(this.optionFields.text, "contains", event.text, true);
         }
-        event.updateData(this.optionsMap[field.optionKey] || [], query);
+        event.updateData(this.getOptions(field), query);
     }
     /**
      * @param {?} field
      * @return {?}
      */
-    getValue(field) {
-        if (field.fieldFormType === "Datepicker" && this.form[field.formKey]) {
-            /** @type {?} */
-            const date = moment(this.form[field.formKey]);
-            return date.isValid() ? date.toDate() : null;
+    getOptions(field) {
+        if (Array.isArray(this.optionsMap[field.optionKey])) {
+            return this.optionsMap[field.optionKey];
         }
-        return this.form[field.formKey];
+        if (Array.isArray(this.optionsMap[field.formKey])) {
+            return this.optionsMap[field.formKey];
+        }
+        return [];
     }
     /**
      * @param {?} field
@@ -21959,8 +22026,8 @@ class DrawerFormComponent {
 DrawerFormComponent.decorators = [
     { type: Component, args: [{
                 selector: "rs-drawer-form",
-                template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n  <div class=\"section-container\">\r\n    <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n      <input\r\n        type=\"checkbox\"\r\n        class=\"section-expand-checkbox\"\r\n        *ngIf=\"section.title\"\r\n      />\r\n      <div class=\"section-title\" *ngIf=\"section.title\">\r\n        <span>{{ section.title }}</span>\r\n      </div>\r\n      <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n        <div\r\n          class=\"form-item\"\r\n          *ngFor=\"let field of section.fields\"\r\n          [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n          [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n          [attr.data-error]=\"\r\n            fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n          \"\r\n        >\r\n          <div class=\"form-label\">\r\n            <span>{{ field.label }}</span>\r\n            <ejs-tooltip\r\n              class=\"form-tooltip\"\r\n              cssClass=\"rs-drawer-tooltip\"\r\n              *ngIf=\"field.tooltip\"\r\n              position=\"RightCenter\"\r\n              [content]=\"field.tooltip\"\r\n            >\r\n              <span class=\"tooltip-icon\"></span>\r\n            </ejs-tooltip>\r\n          </div>\r\n          <div class=\"form-content\">\r\n            <!-- Radio -->\r\n            <rs-radio-group\r\n              *ngIf=\"field.fieldFormType === 'Radio'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"optionsMap[field.optionKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [error]=\"fieldValidMap[field.formKey] === false\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n            ></rs-radio-group>\r\n            <!-- Checkbox -->\r\n            <rs-checkbox-group\r\n              *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"optionsMap[field.optionKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [error]=\"fieldValidMap[field.formKey] === false\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n            ></rs-checkbox-group>\r\n            <!-- Switch -->\r\n            <rs-switch-input\r\n              *ngIf=\"field.fieldFormType === 'Switch'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n            ></rs-switch-input>\r\n            <!-- Input -->\r\n            <input\r\n              class=\"e-input\"\r\n              *ngIf=\"\r\n                field.fieldFormType === 'Text' ||\r\n                field.fieldFormType === 'Email'\r\n              \"\r\n              [value]=\"form[field.formKey]\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [required]=\"field.required\"\r\n              [attr.maxlength]=\"field.maxlength\"\r\n              [attr.minlength]=\"field.minlength\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (input)=\"onInput($event.target.value, field)\"\r\n              (change)=\"onChange($event.target.value, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n              autocomplete=\"off\"\r\n            />\r\n            <!-- Textarea -->\r\n            <textarea\r\n              class=\"e-input\"\r\n              *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [required]=\"field.required\"\r\n              [attr.maxlength]=\"field.maxlength\"\r\n              [attr.minlength]=\"field.minlength\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (input)=\"onInput($event.target.value, field)\"\r\n              (change)=\"onChange($event.target.value, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n              autocomplete=\"off\"\r\n              rows=\"3\"\r\n            ></textarea>\r\n            <!-- Number Input -->\r\n            <ejs-numerictextbox\r\n              *ngIf=\"field.fieldFormType === 'Number'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [max]=\"field.max\"\r\n              [min]=\"field.min\"\r\n              [step]=\"field.step\"\r\n              [decimals]=\"field.decimals\"\r\n              [format]=\"field.format\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></ejs-numerictextbox>\r\n            <!-- Tags Input -->\r\n            <rs-tag-input\r\n              *ngIf=\"field.fieldFormType === 'Tags'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [inputMaxlength]=\"field.maxlength\"\r\n              [inputMinlength]=\"field.minlength\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [error]=\"fieldValidMap[field.formKey] === false\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></rs-tag-input>\r\n            <!-- AutoComplete -->\r\n            <ejs-autocomplete\r\n              *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"optionsMap[field.optionKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (filtering)=\"onFiltering($event, field)\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></ejs-autocomplete>\r\n            <!-- Dropdown -->\r\n            <ejs-dropdownlist\r\n              *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"optionsMap[field.optionKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [allowFiltering]=\"true\"\r\n              [showClearButton]=\"true\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (filtering)=\"onFiltering($event, field)\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></ejs-dropdownlist>\r\n            <!-- MultiSelect -->\r\n            <ejs-multiselect\r\n              *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n              mode=\"CheckBox\"\r\n              [ngModel]=\"form[field.formKey]\"\r\n              [dataSource]=\"optionsMap[field.optionKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [allowFiltering]=\"true\"\r\n              [showDropDownIcon]=\"true\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (filtering)=\"onFiltering($event, field)\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            >\r\n            </ejs-multiselect>\r\n            <!-- Datepicker -->\r\n            <ejs-datepicker\r\n              *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n              [value]=\"getValue(field)\"\r\n              [format]=\"field.format || 'dd-MMM-yyyy'\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"\r\n                fieldValidMap[field.formKey] === false ||\r\n                dateValidMap[field.formKey] === false\r\n              \"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onDatePickerBlur($event, field)\"\r\n            ></ejs-datepicker>\r\n            <ng-template\r\n              #customTemplateContainer\r\n              *ngIf=\"field.fieldFormType === 'Custom'\"\r\n            ></ng-template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n        <ng-template #customSectionContainer></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n    <div\r\n      class=\"anchor-item\"\r\n      *ngFor=\"let section of sections; let index = index\"\r\n      [style.display]=\"section.title ? 'block' : 'none'\"\r\n      [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n      [attr.data-content]=\"section.title\"\r\n      (click)=\"onClickAnchor(index)\"\r\n    ></div>\r\n  </div>\r\n</div>\r\n",
-                styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{flex:auto;display:flex;flex-flow:column nowrap;max-width:1576px}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
+                template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n  <div class=\"section-container\">\r\n    <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n      <input\r\n        type=\"checkbox\"\r\n        class=\"section-expand-checkbox\"\r\n        *ngIf=\"section.title\"\r\n      />\r\n      <div class=\"section-title\" *ngIf=\"section.title\">\r\n        <span>{{ section.title }}</span>\r\n      </div>\r\n      <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n        <div\r\n          class=\"form-item\"\r\n          *ngFor=\"let field of section.fields\"\r\n          [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n          [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n          [attr.data-error]=\"\r\n            fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n          \"\r\n        >\r\n          <div class=\"form-label\">\r\n            <span>{{ field.label }}</span>\r\n            <ejs-tooltip\r\n              class=\"form-tooltip\"\r\n              cssClass=\"rs-drawer-tooltip\"\r\n              *ngIf=\"field.tooltip\"\r\n              position=\"RightCenter\"\r\n              [content]=\"field.tooltip\"\r\n            >\r\n              <span class=\"tooltip-icon\"></span>\r\n            </ejs-tooltip>\r\n          </div>\r\n          <div class=\"form-content\">\r\n            <!-- Radio -->\r\n            <rs-radio-group\r\n              *ngIf=\"field.fieldFormType === 'Radio'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"getOptions(field)\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [error]=\"fieldValidMap[field.formKey] === false\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n            ></rs-radio-group>\r\n            <!-- Checkbox -->\r\n            <rs-checkbox-group\r\n              *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"getOptions(field)\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [error]=\"fieldValidMap[field.formKey] === false\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n            ></rs-checkbox-group>\r\n            <!-- Switch -->\r\n            <rs-switch-input\r\n              *ngIf=\"field.fieldFormType === 'Switch'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n            ></rs-switch-input>\r\n            <!-- Input -->\r\n            <input\r\n              class=\"e-input\"\r\n              *ngIf=\"\r\n                field.fieldFormType === 'Text' ||\r\n                field.fieldFormType === 'Email'\r\n              \"\r\n              [value]=\"form[field.formKey]\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [required]=\"field.required\"\r\n              [attr.maxlength]=\"field.maxlength\"\r\n              [attr.minlength]=\"field.minlength\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (input)=\"onInput($event.target.value, field)\"\r\n              (change)=\"onChange($event.target.value, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n              autocomplete=\"off\"\r\n            />\r\n            <!-- Textarea -->\r\n            <textarea\r\n              class=\"e-input\"\r\n              *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [required]=\"field.required\"\r\n              [attr.maxlength]=\"field.maxlength\"\r\n              [attr.minlength]=\"field.minlength\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (input)=\"onInput($event.target.value, field)\"\r\n              (change)=\"onChange($event.target.value, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n              autocomplete=\"off\"\r\n              rows=\"3\"\r\n            ></textarea>\r\n            <!-- Number Input -->\r\n            <ejs-numerictextbox\r\n              *ngIf=\"field.fieldFormType === 'Number'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [max]=\"field.max\"\r\n              [min]=\"field.min\"\r\n              [step]=\"field.step\"\r\n              [decimals]=\"field.decimals\"\r\n              [format]=\"field.format || numberFormat\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></ejs-numerictextbox>\r\n            <!-- Tags Input -->\r\n            <rs-tag-input\r\n              *ngIf=\"field.fieldFormType === 'Tags'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [inputMaxlength]=\"field.maxlength\"\r\n              [inputMinlength]=\"field.minlength\"\r\n              [disabled]=\"getDisabled(field)\"\r\n              [error]=\"fieldValidMap[field.formKey] === false\"\r\n              (valueChange)=\"onChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></rs-tag-input>\r\n            <!-- AutoComplete -->\r\n            <ejs-autocomplete\r\n              *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"getOptions(field)\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (filtering)=\"onFiltering($event, field)\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></ejs-autocomplete>\r\n            <!-- Dropdown -->\r\n            <ejs-dropdownlist\r\n              *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n              [value]=\"form[field.formKey]\"\r\n              [dataSource]=\"getOptions(field)\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [allowFiltering]=\"true\"\r\n              [showClearButton]=\"true\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (filtering)=\"onFiltering($event, field)\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            ></ejs-dropdownlist>\r\n            <!-- MultiSelect -->\r\n            <ejs-multiselect\r\n              *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n              mode=\"CheckBox\"\r\n              [ngModel]=\"form[field.formKey]\"\r\n              [dataSource]=\"getOptions(field)\"\r\n              [fields]=\"getOptionFields(field)\"\r\n              [allowFiltering]=\"true\"\r\n              [showDropDownIcon]=\"true\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n              (filtering)=\"onFiltering($event, field)\"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onBlur(field)\"\r\n            >\r\n            </ejs-multiselect>\r\n            <!-- Datepicker -->\r\n            <ejs-datepicker\r\n              *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n              [(value)]=\"dateForm[field.formKey]\"\r\n              [format]=\"field.format || dateFormat\"\r\n              [enabled]=\"!getDisabled(field)\"\r\n              [class.error]=\"\r\n                fieldValidMap[field.formKey] === false ||\r\n                dateValidMap[field.formKey] === false\r\n              \"\r\n              (change)=\"onComponentChange($event, field)\"\r\n              (focus)=\"onFocus(field)\"\r\n              (blur)=\"onDatePickerBlur($event, field)\"\r\n            ></ejs-datepicker>\r\n            <ng-template\r\n              #customTemplateContainer\r\n              *ngIf=\"field.fieldFormType === 'Custom'\"\r\n            ></ng-template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n        <ng-template #customSectionContainer></ng-template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n    <div\r\n      class=\"anchor-item\"\r\n      *ngFor=\"let section of sections; let index = index\"\r\n      [style.display]=\"section.title ? 'block' : 'none'\"\r\n      [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n      [attr.data-content]=\"section.title\"\r\n      (click)=\"onClickAnchor(index)\"\r\n    ></div>\r\n  </div>\r\n</div>\r\n",
+                styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{flex:auto;display:flex;flex-flow:column nowrap;max-width:1576px}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
             }] }
 ];
 /** @nocollapse */
@@ -21968,15 +22035,17 @@ DrawerFormComponent.ctorParameters = () => [
     { type: ChangeDetectorRef }
 ];
 DrawerFormComponent.propDecorators = {
+    _form: [{ type: Input, args: ["form",] }],
     _sections: [{ type: Input, args: ["sections",] }],
     optionsMap: [{ type: Input, args: ["optionsMap",] }],
-    customTemplate: [{ type: Input, args: ["customTemplate",] }],
-    customSectionTemplate: [{ type: Input, args: ["customSectionTemplate",] }],
     formDisabled: [{ type: Input, args: ["disabled",] }],
     showAnchor: [{ type: Input, args: ["showAnchor",] }],
+    customTemplate: [{ type: Input, args: ["customTemplate",] }],
+    customSectionTemplate: [{ type: Input, args: ["customSectionTemplate",] }],
     optionFields: [{ type: Input, args: ["optionFields",] }],
     showFilterNumber: [{ type: Input, args: ["showFilterNumber",] }],
-    form: [{ type: Input, args: ["form",] }],
+    numberFormat: [{ type: Input, args: ["numberFormat",] }],
+    dateFormat: [{ type: Input, args: ["dateFormat",] }],
     formChange: [{ type: Output, args: ["formChange",] }],
     fieldChange: [{ type: Output, args: ["fieldChange",] }],
     rootEl: [{ type: ViewChild, args: ["drawerFormEl", { static: false },] }],
@@ -21985,24 +22054,28 @@ DrawerFormComponent.propDecorators = {
     sectionEls: [{ type: ViewChildren, args: ["sectionEl",] }]
 };
 if (false) {
+    /** @type {?} */
+    DrawerFormComponent.prototype._form;
     /** @type {?} */
     DrawerFormComponent.prototype._sections;
     /** @type {?} */
     DrawerFormComponent.prototype.optionsMap;
     /** @type {?} */
-    DrawerFormComponent.prototype.customTemplate;
-    /** @type {?} */
-    DrawerFormComponent.prototype.customSectionTemplate;
-    /** @type {?} */
     DrawerFormComponent.prototype.formDisabled;
     /** @type {?} */
     DrawerFormComponent.prototype.showAnchor;
     /** @type {?} */
+    DrawerFormComponent.prototype.customTemplate;
+    /** @type {?} */
+    DrawerFormComponent.prototype.customSectionTemplate;
+    /** @type {?} */
     DrawerFormComponent.prototype.optionFields;
     /** @type {?} */
     DrawerFormComponent.prototype.showFilterNumber;
     /** @type {?} */
-    DrawerFormComponent.prototype.form;
+    DrawerFormComponent.prototype.numberFormat;
+    /** @type {?} */
+    DrawerFormComponent.prototype.dateFormat;
     /** @type {?} */
     DrawerFormComponent.prototype.formChange;
     /** @type {?} */
@@ -22022,10 +22095,12 @@ if (false) {
     /** @type {?} */
     DrawerFormComponent.prototype.sections;
     /** @type {?} */
-    DrawerFormComponent.prototype.filterOptionsMap;
+    DrawerFormComponent.prototype.form;
     /** @type {?} */
     DrawerFormComponent.prototype.fieldValidMap;
     /** @type {?} */
+    DrawerFormComponent.prototype.dateForm;
+    /** @type {?} */
     DrawerFormComponent.prototype.dateValidMap;
     /** @type {?} */
     DrawerFormComponent.prototype.sectionEls;
@@ -22042,1587 +22117,1587 @@ if (false) {
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/form/richtexteditor/ai-config.ts
+ * Generated from: lib/dialog/common-dialog/index.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-/**
- * @record
- */
-function AIConfig() { }
+class CommonDialogComponent {
+    /**
+     * @param {?} dialogRef
+     */
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+        // 隐藏元素相关属性
+        this.hideHeader = false;
+        this.hideCloseIcon = false;
+        this.hideCloseBtn = false;
+        this.hideSaveBtn = false;
+        this.hideDiscardBtn = false;
+        this.saveBtnLabel = "";
+        this.cancelBtnLabel = "";
+        this.discardBtnLabel = "";
+        this.showErrorIcon = false;
+        this.showZoomBtn = false;
+        // 显示相关属性
+        this.dialogStyle = {};
+        this.size = "";
+        this.title = "Dialog";
+        this.loading = false;
+        this.saveEmit = new EventEmitter();
+        this.closeEmit = new EventEmitter();
+        this.defaultSize = "";
+        this.customFooter = false;
+    }
+    /**
+     * @return {?}
+     */
+    ngAfterContentInit() {
+        this.customFooter = !!this.footerContent;
+    }
+    /**
+     * @return {?}
+     */
+    ngOnInit() {
+        this.getInfo();
+    }
+    /**
+     * @return {?}
+     */
+    onClose() {
+        if (this.onCloseRequest) {
+            this.onCloseRequest().then((/**
+             * @param {?} confirmed
+             * @return {?}
+             */
+            (confirmed) => {
+                if (confirmed) {
+                    this.dialogRef.close("close");
+                }
+            }));
+        }
+        else {
+            this.dialogRef.close("close");
+        }
+    }
+    /**
+     * @return {?}
+     */
+    onZoom() {
+        if (this.size === "largest") {
+            this.size = this.defaultSize; // 恢复到原始大小
+        }
+        else {
+            this.size = "largest"; // 设置为最大化
+        }
+    }
+    /**
+     * @return {?}
+     */
+    onSave() {
+        this.dialogRef.close("save");
+    }
+    /**
+     * @return {?}
+     */
+    onDiscard() {
+        this.dialogRef.close("discard");
+    }
+    /**
+     * @private
+     * @return {?}
+     */
+    getInfo() {
+        this.translation = JSON.parse(localStorage.getItem("translation")) || {};
+        this.saveBtnLabel = this.saveBtnLabel || this.translation.SAVE || ".SAVE";
+        this.cancelBtnLabel =
+            this.cancelBtnLabel || this.translation.CANCEL || ".CANCEL";
+        this.defaultSize = this.size;
+    }
+}
+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    <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    <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\r\n        *ngIf=\"!hideCloseBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onClose()\"\r\n      >\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideDiscardBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onDiscard()\"\r\n      >\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideSaveBtn\"\r\n        class=\"e-btn e-primary\"\r\n        (click)=\"onSave()\"\r\n      >\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%)}"]
+            }] }
+];
+/** @nocollapse */
+CommonDialogComponent.ctorParameters = () => [
+    { type: MatDialogRef }
+];
+CommonDialogComponent.propDecorators = {
+    hideHeader: [{ type: Input }],
+    hideCloseIcon: [{ type: Input }],
+    hideCloseBtn: [{ type: Input }],
+    hideSaveBtn: [{ type: Input }],
+    hideDiscardBtn: [{ type: Input }],
+    saveBtnLabel: [{ type: Input }],
+    cancelBtnLabel: [{ type: Input }],
+    discardBtnLabel: [{ type: Input }],
+    showErrorIcon: [{ type: Input }],
+    showZoomBtn: [{ type: Input }],
+    onCloseRequest: [{ type: Input }],
+    dialogStyle: [{ type: Input }],
+    size: [{ type: Input }],
+    title: [{ type: Input }],
+    loading: [{ type: Input }],
+    saveEmit: [{ type: Output }],
+    closeEmit: [{ type: Output }],
+    footerContent: [{ type: ContentChild, args: ["footerSlot", { static: false },] }]
+};
 if (false) {
     /** @type {?} */
-    AIConfig.prototype.endpoint;
+    CommonDialogComponent.prototype.translation;
     /** @type {?} */
-    AIConfig.prototype.apiKey;
+    CommonDialogComponent.prototype.hideHeader;
     /** @type {?} */
-    AIConfig.prototype.deployment;
+    CommonDialogComponent.prototype.hideCloseIcon;
     /** @type {?} */
-    AIConfig.prototype.apiVersion;
+    CommonDialogComponent.prototype.hideCloseBtn;
     /** @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();
-        }
-    });
+    CommonDialogComponent.prototype.hideSaveBtn;
+    /** @type {?} */
+    CommonDialogComponent.prototype.hideDiscardBtn;
+    /** @type {?} */
+    CommonDialogComponent.prototype.saveBtnLabel;
+    /** @type {?} */
+    CommonDialogComponent.prototype.cancelBtnLabel;
+    /** @type {?} */
+    CommonDialogComponent.prototype.discardBtnLabel;
+    /** @type {?} */
+    CommonDialogComponent.prototype.showErrorIcon;
+    /** @type {?} */
+    CommonDialogComponent.prototype.showZoomBtn;
+    /** @type {?} */
+    CommonDialogComponent.prototype.onCloseRequest;
+    /** @type {?} */
+    CommonDialogComponent.prototype.dialogStyle;
+    /** @type {?} */
+    CommonDialogComponent.prototype.size;
+    /** @type {?} */
+    CommonDialogComponent.prototype.title;
+    /** @type {?} */
+    CommonDialogComponent.prototype.loading;
+    /** @type {?} */
+    CommonDialogComponent.prototype.saveEmit;
+    /** @type {?} */
+    CommonDialogComponent.prototype.closeEmit;
+    /** @type {?} */
+    CommonDialogComponent.prototype.defaultSize;
+    /** @type {?} */
+    CommonDialogComponent.prototype.footerContent;
+    /** @type {?} */
+    CommonDialogComponent.prototype.customFooter;
+    /** @type {?} */
+    CommonDialogComponent.prototype.dialogRef;
 }
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/form/richtexteditor/openapi.ts
+ * Generated from: lib/service/icon-loader.service.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;
-        }
+class IconLoaderService {
+    /**
+     * @param {?} registry
+     * @param {?} domSanitizer
+     */
+    constructor(registry, domSanitizer) {
+        this.registry = registry;
+        this.domSanitizer = domSanitizer;
+    }
+    /**
+     * @param {?} list
+     * @return {?}
+     */
+    registerIcons(list) {
+        list.forEach((/**
+         * @param {?} __0
+         * @return {?}
+         */
+        ({ name, path }) => {
+            this.registry.addSvgIcon(name, this.domSanitizer.bypassSecurityTrustResourceUrl(path));
+        }));
     }
-    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;
-        }
-    });
+IconLoaderService.decorators = [
+    { type: Injectable }
+];
+/** @nocollapse */
+IconLoaderService.ctorParameters = () => [
+    { type: MatIconRegistry },
+    { type: DomSanitizer }
+];
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    IconLoaderService.prototype.registry;
+    /**
+     * @type {?}
+     * @private
+     */
+    IconLoaderService.prototype.domSanitizer;
 }
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/form/richtexteditor/data-config.ts
+ * Generated from: lib/service/keep-alive.service.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-// font family
 /** @type {?} */
-const fontFamily = {
-    default: "Arial",
-    items: [
-        {
-            text: "Arial",
-            value: "Arial, Helvetica, sans-serif",
-            cssClass: "e-arial",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Times New Roman",
-            value: "Times New Roman,Times,serif",
-            cssClass: "e-times-new-roman",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Helvetica",
-            value: "Helvetica",
-            cssClass: "e-helvetica",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Calibri",
-            value: "Calibri, Helvetica, sans-serif",
-            cssClass: "e-calibri",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Verdana",
-            value: "Verdana,Geneva,sans-serif",
-            cssClass: "e-verdana",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Georgia",
-            value: "Georgia,serif",
-            cssClass: "e-georgia",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Open Sans",
-            value: "Open Sans, sans-serif",
-            cssClass: "e-open-sans",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Roboto",
-            value: "Roboto",
-            cssClass: "e-roboto",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Lato",
-            value: "Lato, sans-serif",
-            cssClass: "e-lato",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Montserrat",
-            value: "Montserrat, sans-serif",
-            cssClass: "e-montserrat",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Segoe UI",
-            value: "Segoe UI",
-            cssClass: "e-segoe-ui",
-            command: "Font",
-            subCommand: "FontName",
-        },
-        {
-            text: "Impact",
-            value: "Impact,Charcoal,sans-serif",
-            cssClass: "e-impact",
-            command: "Font",
-            subCommand: "FontName",
-        },
-    ],
-};
-// line height配置
+const storedRoutes = new Map();
 /** @type {?} */
-const lineHeight_items = [
-    {
-        text: "1.0",
-    },
-    {
-        text: "1.15",
-    },
-    {
-        text: "1.5",
-    },
-    {
-        text: "2.0",
-    },
-    {
-        text: "2.5",
-    },
-    {
-        text: "3.0",
-    },
-];
-/**
- * @record
- */
-function BulletStyle() { }
-if (false) {
-    /** @type {?} */
-    BulletStyle.prototype.id;
-    /** @type {?} */
-    BulletStyle.prototype.text;
-    /** @type {?} */
-    BulletStyle.prototype.symbol;
-    /** @type {?} */
-    BulletStyle.prototype.iconCss;
-    /** @type {?} */
-    BulletStyle.prototype.description;
-}
+let toBeDeleteUrl;
 /** @type {?} */
-const BULLET_STYLES = [
-    {
-        id: "disc",
-        text: "● 实心圆点",
-        symbol: "●",
-        iconCss: "e-icons e-bullet-disc",
-        description: "标准实心圆点",
-    },
-    {
-        id: "circle",
-        text: "○ 空心圆点",
-        symbol: "○",
-        iconCss: "e-icons e-bullet-circle",
-        description: "空心圆点",
-    },
-    {
-        id: "square",
-        text: "■ 实心方块",
-        symbol: "■",
-        iconCss: "e-icons e-bullet-square",
-        description: "实心方块",
-    },
-    {
-        id: "diamond",
-        text: "◆ 实心菱形",
-        symbol: "◆",
-        iconCss: "e-icons e-bullet-diamond",
-        description: "实心菱形",
-    },
-    {
-        id: "triangle",
-        text: "► 实心三角",
-        symbol: "►",
-        iconCss: "e-icons e-bullet-triangle",
-        description: "实心三角形",
-    },
-    {
-        id: "arrow",
-        text: "➤ 箭头",
-        symbol: "➤",
-        iconCss: "e-icons e-bullet-arrow",
-        description: "箭头符号",
-    },
-    {
-        id: "star",
-        text: "★ 星形",
-        symbol: "★",
-        iconCss: "e-icons e-bullet-star",
-        description: "星形符号",
-    },
-    {
-        id: "check",
-        text: "✓ 对勾",
-        symbol: "✓",
-        iconCss: "e-icons e-bullet-check",
-        description: "对勾符号",
-    },
-    {
-        id: "heart",
-        text: "♥ 心形",
-        symbol: "♥",
-        iconCss: "e-icons e-bullet-heart",
-        description: "心形符号",
-    },
-    {
-        id: "bullet",
-        text: "• 小圆点",
-        symbol: "•",
-        iconCss: "e-icons e-bullet-bullet",
-        description: "小圆点",
-    },
-];
-// 获取符号样式
-/**
- * @param {?} id
- * @return {?}
- */
-function getBulletStyle(id) {
-    return BULLET_STYLES.find((/**
-     * @param {?} style
+let excludeRoutes = [];
+// 不需要缓存的url
+class KeepAliveService {
+    /**
+     * @param {?} routes
      * @return {?}
      */
-    (style) => style.id === id));
-}
-// 获取所有符号样式
-/**
- * @return {?}
- */
-function getAllBulletStyles() {
-    return BULLET_STYLES;
-}
-// 应用符号样式到列表
-/**
- * @param {?} ul
- * @param {?} style
- * @return {?}
- */
-function applyBulletStyle(ul, style) {
-    if (style.id === "disc" || style.id === "circle" || style.id === "square") {
-        // 使用CSS list-style-type
-        ul.style.listStyleType = style.id;
-        // 移除自定义符号
-        ul.querySelectorAll(".custom-bullet").forEach((/**
-         * @param {?} bullet
-         * @return {?}
-         */
-        (bullet) => bullet.remove()));
+    setExcludeRoutes(routes) {
+        excludeRoutes = routes; // 设置不缓存的路由
     }
-    else {
-        // 使用自定义符号
-        ul.style.listStyleType = "none";
-        ul.setAttribute("data-bullet-style", style.id);
+    /**
+     * @param {?} route
+     * @return {?}
+     */
+    shouldDetach(route) {
         /** @type {?} */
-        const listItems = ul.querySelectorAll("li");
-        listItems.forEach((/**
-         * @param {?} li
-         * @return {?}
-         */
-        (li) => {
-            // 移除现有的自定义符号
-            /** @type {?} */
-            const existingBullet = li.querySelector(".custom-bullet");
-            if (existingBullet) {
-                existingBullet.remove();
+        let config = route.routeConfig;
+        // console.log("shouldDetach", toBeDeleteUrl, this.getRoutePath(route));
+        if (toBeDeleteUrl === this.getRoutePath(route)) {
+            // 对于新开的又即将关闭的tab，不缓存
+            if (route.children.length === 0) {
+                toBeDeleteUrl = "";
             }
-            // 添加新的自定义符号
-            /** @type {?} */
-            const bullet = document.createElement("span");
-            bullet.className = "custom-bullet";
-            bullet.textContent = style.symbol;
-            bullet.style.marginRight = "8px";
-            bullet.style.color = "#666";
-            // 将符号插入到列表项的开头
-            li.insertBefore(bullet, li.firstChild);
-        }));
-    }
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/form/richtexteditor/index.component.ts
- * @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 = "";
-        this.value = "";
-        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.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.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",
-                "StrikeThrough",
-                "FontName",
-                "FontSize",
-                "FontColor",
-                "BackgroundColor",
-                "LowerCase",
-                "UpperCase",
-                "|",
-                "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",
-                "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",
-                "|",
-                "Undo",
-                "Redo",
-            ],
-        };
+            return false;
+        }
+        if (config && excludeRoutes.includes(this.getRoutePath(route))) {
+            return false;
+        }
+        //Don't store lazy loaded routes
+        return config && !config.loadChildren;
     }
     /**
+     * @param {?} route
+     * @param {?} handle
      * @return {?}
      */
-    ngOnInit() { }
-    /**
-     * @param {?} args
-     * @return {?}
-     */
-    onContentChange(args) {
+    store(route, handle) {
+        // console.log("store", this.getRoutePath(route));
+        // console.log("store", storedRoutes);
         /** @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);
+        const key = this.getRoutePath(route);
+        storedRoutes.set(key, handle);
     }
     /**
+     * @param {?} route
      * @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
+    shouldAttach(route) {
         /** @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");
+        const key = this.getRoutePath(route);
+        return !!route.routeConfig && storedRoutes.has(key);
     }
     /**
-     * @private
-     * @param {?} args
+     * @param {?} route
      * @return {?}
      */
-    onSelect(args) {
-        if (this.rteObj.formatter.getUndoRedoStack().length === 0) {
-            this.rteObj.formatter.saveData();
-        }
+    retrieve(route) {
         /** @type {?} */
-        let nodes = this.editorManager.domNode.blockNodes();
-        for (let i = 0; nodes.length > i; i++) {
-            ((/** @type {?} */ (nodes[i]))).style.lineHeight = args.item.text;
+        let config = route.routeConfig;
+        /** @type {?} */
+        const key = this.getRoutePath(route);
+        //We don't store lazy loaded routes, so don't even bother trying to retrieve them
+        if (!config || config.loadChildren) {
+            return false;
         }
-        this.rteObj.formatter.saveData();
-        this.rteObj.formatter.enableUndo(this.rteObj);
+        return storedRoutes.get(key) || null;
     }
     /**
-     * @private
-     * @param {?} args
+     * @param {?} future
+     * @param {?} curr
      * @return {?}
      */
-    aiQuerySelectedMenu(args) {
-        this.dialogueOpen(args.item.text);
+    shouldReuseRoute(future, curr) {
+        // console.log("shouldReuseRoute", future, curr);
+        // return future.routeConfig === curr.routeConfig;
+        if (future.routeConfig === curr.routeConfig) {
+            if (future.children.length === 0 && curr.children.length === 0) {
+                // 无子路由时, 通过params和queryParams判断是否复用路由
+                return (JSON.stringify(future.params) === JSON.stringify(curr.params));
+            }
+            return true;
+        }
+        return false;
     }
     /**
-     * @param {?} selectedQuery
+     * @param {?} route
      * @return {?}
      */
-    dialogueOpen(selectedQuery) {
-        /** @type {?} */
-        var selectionText = this.rteObj.getSelectedHtml();
-        this.selectedQuery = selectedQuery;
-        if (selectionText) {
+    getRoutePath(route) {
+        if (route.routeConfig) {
+            // const pathParams = JSON.stringify(route.params);
+            // const queryParams = new URLSearchParams(route.queryParams).toString();
             /** @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((/**
+            const url = route._urlSegment.segments.map((/**
+             * @param {?} v
              * @return {?}
              */
-            () => {
-                this.showMsg = false;
-            }), 3000);
-            console.log("Please select the content to perform the AI operation.");
+            (v) => v.path)).join("/");
+            return "/" + url;
         }
+        return "";
     }
     /**
-     * @param {?} selectedQuery
+     * @param {?} path
      * @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();
+    clearCache(path) {
+        // console.log("clearCache", storedRoutes, path);
+        toBeDeleteUrl = path;
+        storedRoutes.delete(path);
     }
     /**
      * @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();
-                }));
-            }
-        }
-        catch (_a) {
-            // this.toastObj.show();
-        }
+    clearAllCache() {
+        storedRoutes.clear();
     }
-    /**
-     * @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))) : "";
-        });
+}
+KeepAliveService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root",
+            },] }
+];
+/** @nocollapse */ KeepAliveService.ngInjectableDef = ɵɵdefineInjectable({ factory: function KeepAliveService_Factory() { return new KeepAliveService(); }, token: KeepAliveService, providedIn: "root" });
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/form/confirm-select/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+class ConfirmSelectComponent {
+    constructor() {
+        this.dataSource = [];
+        this.disabled = false;
+        this.fields = { text: "Game", value: "Id" };
+        this.showSelectAll = true;
+        this.valueChange = new EventEmitter();
+        this.selectedItems = [];
+        this.isInteracted = false;
     }
     /**
      * @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 = "";
+    ngOnInit() {
+        this.getInfo();
+        this.resetSelectedItems();
     }
     /**
+     * @param {?} changes
      * @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";
+    ngOnChanges(changes) {
+        if (changes.value && !changes.value.firstChange) {
+            this.resetSelectedItems();
+        }
     }
     /**
-     * @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");
-            }
-            catch (err) {
-                console.error("Failed to copy text: ", err);
-            }
-            finally {
-                document.body.removeChild(textarea);
-            }
-        }
+    getInfo() {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
     }
     /**
      * @return {?}
      */
-    onOverlayClick() {
-        /** @type {?} */
-        let activeEle = this.AIdialog.element.querySelector(".char_block.e-active");
-        if (activeEle) {
-            activeEle.classList.remove("e-active");
+    resetSelectedItems() {
+        this.selectedItems = JSON.parse(JSON.stringify(this.value || []));
+        if (this.comfirmSelect) {
+            this.comfirmSelect.value = this.selectedItems;
         }
-        this.closeDialog();
     }
     /**
-     * @param {?} args
      * @return {?}
      */
-    onQuerySelect(args) {
-        // this.chipList.selectedChips = 0;
-        this.translatelanguage = "EN";
-        this.selectedQuery = args.itemData.text;
-        this.updateAISugesstionsData(args.itemData.text);
+    onCancel() {
+        this.isInteracted = true;
+        this.resetSelectedItems();
+        this.comfirmSelect.hidePopup();
     }
     /**
-     * @param {?} args
      * @return {?}
      */
-    onLanguageSelect(args) {
-        this.translatelanguage = args.itemData.id;
-        this.updateAISugesstionsData("Translate");
+    onApply() {
+        this.isInteracted = true;
+        /** @type {?} */
+        const val = this.comfirmSelect.value;
+        this.valueChange.emit(val);
+        this.comfirmSelect.hidePopup();
     }
     /**
-     * @param {?} args
+     * @param {?} e
      * @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 = ""; // 恢复到原始大小
+    onClose(e) {
+        if (this.isInteracted) {
+            this.isInteracted = false;
         }
         else {
-            this.size = "largest"; // 设置为最大化
+            this.resetSelectedItems();
         }
     }
 }
-RichtexteditorComponent.decorators = [
+ConfirmSelectComponent.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",
-                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}"]
+                selector: "rs-confirm-select",
+                template: "<div class=\"rs-confirm-select\">\r\n  <ejs-multiselect\r\n    #comfirmSelect\r\n    [dataSource]=\"dataSource\"\r\n    [showDropDownIcon]=\"true\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"selectedItems\"\r\n    [fields]=\"fields\"\r\n    [showSelectAll]=\"showSelectAll\"\r\n    mode=\"CheckBox\"\r\n    [footerTemplate]=\"footerTemplate\"\r\n    [showClearButton]=\"false\"\r\n    (close)=\"onClose($event)\"\r\n    filterType=\"Contains\"\r\n  >\r\n    <ng-template #footerTemplate=\"\" let-data=\"data\">\r\n      <div class=\"confirm-select-footer\">\r\n        <button class=\"e-btn\" (click)=\"onCancel()\">\r\n          {{ translation.CANCEL }}\r\n        </button>\r\n        <button class=\"e-btn e-primary\" (click)=\"onApply()\">\r\n          {{ translation.APPLY }}\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n  </ejs-multiselect>\r\n</div>\r\n",
+                styles: [".confirm-select-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 12px;gap:12px;height:40px;border-top:solid 1px var(--rs-border-color)}"]
             }] }
 ];
-/** @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 }],
+ConfirmSelectComponent.propDecorators = {
+    comfirmSelect: [{ type: ViewChild, args: ["comfirmSelect", { static: false },] }],
     value: [{ type: Input }],
-    height: [{ type: Input }],
-    autoSaveOnIdle: [{ type: Input }],
-    target: [{ type: Input }],
-    toolbarClick: [{ type: Output }],
-    change: [{ type: Output }]
+    dataSource: [{ type: Input }],
+    disabled: [{ type: Input }],
+    fields: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    showSelectAll: [{ type: Input }],
+    valueChange: [{ 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.height;
-    /** @type {?} */
-    RichtexteditorComponent.prototype.autoSaveOnIdle;
-    /** @type {?} */
-    RichtexteditorComponent.prototype.target;
-    /** @type {?} */
-    RichtexteditorComponent.prototype.toolbarClick;
-    /** @type {?} */
-    RichtexteditorComponent.prototype.change;
+    ConfirmSelectComponent.prototype.comfirmSelect;
     /** @type {?} */
-    RichtexteditorComponent.prototype.family;
+    ConfirmSelectComponent.prototype.value;
     /** @type {?} */
-    RichtexteditorComponent.prototype.dialogWidth;
+    ConfirmSelectComponent.prototype.dataSource;
     /** @type {?} */
-    RichtexteditorComponent.prototype.dialogHeight;
+    ConfirmSelectComponent.prototype.disabled;
     /** @type {?} */
-    RichtexteditorComponent.prototype.showZoomBtn;
+    ConfirmSelectComponent.prototype.fields;
     /** @type {?} */
-    RichtexteditorComponent.prototype.showMsg;
+    ConfirmSelectComponent.prototype.placeholder;
     /** @type {?} */
-    RichtexteditorComponent.prototype.insertImageSettings;
+    ConfirmSelectComponent.prototype.showSelectAll;
     /** @type {?} */
-    RichtexteditorComponent.prototype.editorManager;
+    ConfirmSelectComponent.prototype.valueChange;
     /** @type {?} */
-    RichtexteditorComponent.prototype.size;
+    ConfirmSelectComponent.prototype.translation;
     /** @type {?} */
-    RichtexteditorComponent.prototype.selectedQuery;
+    ConfirmSelectComponent.prototype.selectedItems;
     /** @type {?} */
-    RichtexteditorComponent.prototype.dropValIndex;
+    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 {?} */
-    RichtexteditorComponent.prototype.queryList;
+    AIConfig.prototype.endpoint;
     /** @type {?} */
-    RichtexteditorComponent.prototype.rephraseTyleList;
+    AIConfig.prototype.apiKey;
     /** @type {?} */
-    RichtexteditorComponent.prototype.languageList;
+    AIConfig.prototype.deployment;
     /** @type {?} */
-    RichtexteditorComponent.prototype.promptQuery;
+    AIConfig.prototype.apiVersion;
     /** @type {?} */
-    RichtexteditorComponent.prototype.isSentimentCheck;
+    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 {?} */
-    RichtexteditorComponent.prototype.subQuery;
+    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
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+// font family
+/** @type {?} */
+const fontFamily = {
+    default: "Arial",
+    items: [
+        {
+            text: "Arial",
+            value: "Arial, Helvetica, sans-serif",
+            cssClass: "e-arial",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Times New Roman",
+            value: "Times New Roman,Times,serif",
+            cssClass: "e-times-new-roman",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Helvetica",
+            value: "Helvetica",
+            cssClass: "e-helvetica",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Calibri",
+            value: "Calibri, Helvetica, sans-serif",
+            cssClass: "e-calibri",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Verdana",
+            value: "Verdana,Geneva,sans-serif",
+            cssClass: "e-verdana",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Georgia",
+            value: "Georgia,serif",
+            cssClass: "e-georgia",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Open Sans",
+            value: "Open Sans, sans-serif",
+            cssClass: "e-open-sans",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Roboto",
+            value: "Roboto",
+            cssClass: "e-roboto",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Lato",
+            value: "Lato, sans-serif",
+            cssClass: "e-lato",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Montserrat",
+            value: "Montserrat, sans-serif",
+            cssClass: "e-montserrat",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Segoe UI",
+            value: "Segoe UI",
+            cssClass: "e-segoe-ui",
+            command: "Font",
+            subCommand: "FontName",
+        },
+        {
+            text: "Impact",
+            value: "Impact,Charcoal,sans-serif",
+            cssClass: "e-impact",
+            command: "Font",
+            subCommand: "FontName",
+        },
+    ],
+};
+// line height配置
+/** @type {?} */
+const lineHeight_items = [
+    {
+        text: "1.0",
+    },
+    {
+        text: "1.15",
+    },
+    {
+        text: "1.5",
+    },
+    {
+        text: "2.0",
+    },
+    {
+        text: "2.5",
+    },
+    {
+        text: "3.0",
+    },
+];
+/**
+ * @record
+ */
+function BulletStyle() { }
+if (false) {
     /** @type {?} */
-    RichtexteditorComponent.prototype.translatelanguage;
+    BulletStyle.prototype.id;
     /** @type {?} */
-    RichtexteditorComponent.prototype.chipValue;
+    BulletStyle.prototype.text;
     /** @type {?} */
-    RichtexteditorComponent.prototype.apiResultData;
+    BulletStyle.prototype.symbol;
     /** @type {?} */
-    RichtexteditorComponent.prototype.AIResult;
+    BulletStyle.prototype.iconCss;
     /** @type {?} */
-    RichtexteditorComponent.prototype.tools;
-    /**
-     * @type {?}
-     * @private
-     */
-    RichtexteditorComponent.prototype.ref;
-}
-
+    BulletStyle.prototype.description;
+}
+/** @type {?} */
+const BULLET_STYLES = [
+    {
+        id: "disc",
+        text: "● 实心圆点",
+        symbol: "●",
+        iconCss: "e-icons e-bullet-disc",
+        description: "标准实心圆点",
+    },
+    {
+        id: "circle",
+        text: "○ 空心圆点",
+        symbol: "○",
+        iconCss: "e-icons e-bullet-circle",
+        description: "空心圆点",
+    },
+    {
+        id: "square",
+        text: "■ 实心方块",
+        symbol: "■",
+        iconCss: "e-icons e-bullet-square",
+        description: "实心方块",
+    },
+    {
+        id: "diamond",
+        text: "◆ 实心菱形",
+        symbol: "◆",
+        iconCss: "e-icons e-bullet-diamond",
+        description: "实心菱形",
+    },
+    {
+        id: "triangle",
+        text: "► 实心三角",
+        symbol: "►",
+        iconCss: "e-icons e-bullet-triangle",
+        description: "实心三角形",
+    },
+    {
+        id: "arrow",
+        text: "➤ 箭头",
+        symbol: "➤",
+        iconCss: "e-icons e-bullet-arrow",
+        description: "箭头符号",
+    },
+    {
+        id: "star",
+        text: "★ 星形",
+        symbol: "★",
+        iconCss: "e-icons e-bullet-star",
+        description: "星形符号",
+    },
+    {
+        id: "check",
+        text: "✓ 对勾",
+        symbol: "✓",
+        iconCss: "e-icons e-bullet-check",
+        description: "对勾符号",
+    },
+    {
+        id: "heart",
+        text: "♥ 心形",
+        symbol: "♥",
+        iconCss: "e-icons e-bullet-heart",
+        description: "心形符号",
+    },
+    {
+        id: "bullet",
+        text: "• 小圆点",
+        symbol: "•",
+        iconCss: "e-icons e-bullet-bullet",
+        description: "小圆点",
+    },
+];
+// 获取符号样式
 /**
- * @fileoverview added by tsickle
- * Generated from: lib/dialog/common-dialog/index.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ * @param {?} id
+ * @return {?}
  */
-class CommonDialogComponent {
-    /**
-     * @param {?} dialogRef
-     */
-    constructor(dialogRef) {
-        this.dialogRef = dialogRef;
-        // 隐藏元素相关属性
-        this.hideHeader = false;
-        this.hideCloseIcon = false;
-        this.hideCloseBtn = false;
-        this.hideSaveBtn = false;
-        this.hideDiscardBtn = false;
-        this.saveBtnLabel = "";
-        this.cancelBtnLabel = "";
-        this.discardBtnLabel = "";
-        this.showErrorIcon = false;
-        this.showZoomBtn = false;
-        // 显示相关属性
-        this.dialogStyle = {};
-        this.size = "";
-        this.title = "Dialog";
-        this.loading = false;
-        this.saveEmit = new EventEmitter();
-        this.closeEmit = new EventEmitter();
-        this.defaultSize = "";
-        this.customFooter = false;
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentInit() {
-        this.customFooter = !!this.footerContent;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.getInfo();
-    }
-    /**
-     * @return {?}
-     */
-    onClose() {
-        if (this.onCloseRequest) {
-            this.onCloseRequest().then((/**
-             * @param {?} confirmed
-             * @return {?}
-             */
-            (confirmed) => {
-                if (confirmed) {
-                    this.dialogRef.close("close");
-                }
-            }));
-        }
-        else {
-            this.dialogRef.close("close");
-        }
-    }
-    /**
-     * @return {?}
-     */
-    onZoom() {
-        if (this.size === "largest") {
-            this.size = this.defaultSize; // 恢复到原始大小
-        }
-        else {
-            this.size = "largest"; // 设置为最大化
-        }
-    }
-    /**
-     * @return {?}
-     */
-    onSave() {
-        this.dialogRef.close("save");
-    }
-    /**
+function getBulletStyle(id) {
+    return BULLET_STYLES.find((/**
+     * @param {?} style
      * @return {?}
      */
-    onDiscard() {
-        this.dialogRef.close("discard");
+    (style) => style.id === id));
+}
+// 获取所有符号样式
+/**
+ * @return {?}
+ */
+function getAllBulletStyles() {
+    return BULLET_STYLES;
+}
+// 应用符号样式到列表
+/**
+ * @param {?} ul
+ * @param {?} style
+ * @return {?}
+ */
+function applyBulletStyle(ul, style) {
+    if (style.id === "disc" || style.id === "circle" || style.id === "square") {
+        // 使用CSS list-style-type
+        ul.style.listStyleType = style.id;
+        // 移除自定义符号
+        ul.querySelectorAll(".custom-bullet").forEach((/**
+         * @param {?} bullet
+         * @return {?}
+         */
+        (bullet) => bullet.remove()));
     }
-    /**
-     * @private
-     * @return {?}
-     */
-    getInfo() {
-        this.translation = JSON.parse(localStorage.getItem("translation")) || {};
-        this.saveBtnLabel = this.saveBtnLabel || this.translation.SAVE || ".SAVE";
-        this.cancelBtnLabel =
-            this.cancelBtnLabel || this.translation.CANCEL || ".CANCEL";
-        this.defaultSize = this.size;
+    else {
+        // 使用自定义符号
+        ul.style.listStyleType = "none";
+        ul.setAttribute("data-bullet-style", style.id);
+        /** @type {?} */
+        const listItems = ul.querySelectorAll("li");
+        listItems.forEach((/**
+         * @param {?} li
+         * @return {?}
+         */
+        (li) => {
+            // 移除现有的自定义符号
+            /** @type {?} */
+            const existingBullet = li.querySelector(".custom-bullet");
+            if (existingBullet) {
+                existingBullet.remove();
+            }
+            // 添加新的自定义符号
+            /** @type {?} */
+            const bullet = document.createElement("span");
+            bullet.className = "custom-bullet";
+            bullet.textContent = style.symbol;
+            bullet.style.marginRight = "8px";
+            bullet.style.color = "#666";
+            // 将符号插入到列表项的开头
+            li.insertBefore(bullet, li.firstChild);
+        }));
     }
-}
-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    <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    <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\r\n        *ngIf=\"!hideCloseBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onClose()\"\r\n      >\r\n        {{ cancelBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideDiscardBtn\"\r\n        class=\"e-btn\"\r\n        (click)=\"onDiscard()\"\r\n      >\r\n        {{ discardBtnLabel }}\r\n      </button>\r\n      <button\r\n        *ngIf=\"!hideSaveBtn\"\r\n        class=\"e-btn e-primary\"\r\n        (click)=\"onSave()\"\r\n      >\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%)}"]
-            }] }
-];
-/** @nocollapse */
-CommonDialogComponent.ctorParameters = () => [
-    { type: MatDialogRef }
-];
-CommonDialogComponent.propDecorators = {
-    hideHeader: [{ type: Input }],
-    hideCloseIcon: [{ type: Input }],
-    hideCloseBtn: [{ type: Input }],
-    hideSaveBtn: [{ type: Input }],
-    hideDiscardBtn: [{ type: Input }],
-    saveBtnLabel: [{ type: Input }],
-    cancelBtnLabel: [{ type: Input }],
-    discardBtnLabel: [{ type: Input }],
-    showErrorIcon: [{ type: Input }],
-    showZoomBtn: [{ type: Input }],
-    onCloseRequest: [{ type: Input }],
-    dialogStyle: [{ type: Input }],
-    size: [{ type: Input }],
-    title: [{ type: Input }],
-    loading: [{ type: Input }],
-    saveEmit: [{ type: Output }],
-    closeEmit: [{ type: Output }],
-    footerContent: [{ type: ContentChild, args: ["footerSlot", { static: false },] }]
-};
-if (false) {
-    /** @type {?} */
-    CommonDialogComponent.prototype.translation;
-    /** @type {?} */
-    CommonDialogComponent.prototype.hideHeader;
-    /** @type {?} */
-    CommonDialogComponent.prototype.hideCloseIcon;
-    /** @type {?} */
-    CommonDialogComponent.prototype.hideCloseBtn;
-    /** @type {?} */
-    CommonDialogComponent.prototype.hideSaveBtn;
-    /** @type {?} */
-    CommonDialogComponent.prototype.hideDiscardBtn;
-    /** @type {?} */
-    CommonDialogComponent.prototype.saveBtnLabel;
-    /** @type {?} */
-    CommonDialogComponent.prototype.cancelBtnLabel;
-    /** @type {?} */
-    CommonDialogComponent.prototype.discardBtnLabel;
-    /** @type {?} */
-    CommonDialogComponent.prototype.showErrorIcon;
-    /** @type {?} */
-    CommonDialogComponent.prototype.showZoomBtn;
-    /** @type {?} */
-    CommonDialogComponent.prototype.onCloseRequest;
-    /** @type {?} */
-    CommonDialogComponent.prototype.dialogStyle;
-    /** @type {?} */
-    CommonDialogComponent.prototype.size;
-    /** @type {?} */
-    CommonDialogComponent.prototype.title;
-    /** @type {?} */
-    CommonDialogComponent.prototype.loading;
-    /** @type {?} */
-    CommonDialogComponent.prototype.saveEmit;
-    /** @type {?} */
-    CommonDialogComponent.prototype.closeEmit;
-    /** @type {?} */
-    CommonDialogComponent.prototype.defaultSize;
-    /** @type {?} */
-    CommonDialogComponent.prototype.footerContent;
-    /** @type {?} */
-    CommonDialogComponent.prototype.customFooter;
-    /** @type {?} */
-    CommonDialogComponent.prototype.dialogRef;
 }
 
 /**
  * @fileoverview added by tsickle
- * Generated from: lib/service/icon-loader.service.ts
+ * Generated from: lib/form/richtexteditor/index.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
-class IconLoaderService {
+class RichtexteditorComponent {
     /**
-     * @param {?} registry
-     * @param {?} domSanitizer
+     * @param {?} ref
      */
-    constructor(registry, domSanitizer) {
-        this.registry = registry;
-        this.domSanitizer = domSanitizer;
+    constructor(ref) {
+        this.ref = ref;
+        // @ViewChild("chipList", { static: false }) public chipList!: ChipListComponent;
+        this.placeholder = "";
+        this.value = "";
+        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.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.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",
+                "StrikeThrough",
+                "FontName",
+                "FontSize",
+                "FontColor",
+                "BackgroundColor",
+                "LowerCase",
+                "UpperCase",
+                "|",
+                "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",
+                "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",
+                "|",
+                "Undo",
+                "Redo",
+            ],
+        };
     }
     /**
-     * @param {?} list
      * @return {?}
      */
-    registerIcons(list) {
-        list.forEach((/**
-         * @param {?} __0
-         * @return {?}
-         */
-        ({ name, path }) => {
-            this.registry.addSvgIcon(name, this.domSanitizer.bypassSecurityTrustResourceUrl(path));
-        }));
-    }
-}
-IconLoaderService.decorators = [
-    { type: Injectable }
-];
-/** @nocollapse */
-IconLoaderService.ctorParameters = () => [
-    { type: MatIconRegistry },
-    { type: DomSanitizer }
-];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    IconLoaderService.prototype.registry;
+    ngOnInit() { }
     /**
-     * @type {?}
-     * @private
+     * @param {?} args
+     * @return {?}
      */
-    IconLoaderService.prototype.domSanitizer;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/service/keep-alive.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const storedRoutes = new Map();
-/** @type {?} */
-let toBeDeleteUrl;
-/** @type {?} */
-let excludeRoutes = [];
-// 不需要缓存的url
-class KeepAliveService {
+    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);
+    }
     /**
-     * @param {?} routes
      * @return {?}
      */
-    setExcludeRoutes(routes) {
-        excludeRoutes = routes; // 设置不缓存的路由
+    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");
     }
     /**
-     * @param {?} route
+     * @private
+     * @param {?} args
      * @return {?}
      */
-    shouldDetach(route) {
-        /** @type {?} */
-        let config = route.routeConfig;
-        // console.log("shouldDetach", toBeDeleteUrl, this.getRoutePath(route));
-        if (toBeDeleteUrl === this.getRoutePath(route)) {
-            // 对于新开的又即将关闭的tab，不缓存
-            if (route.children.length === 0) {
-                toBeDeleteUrl = "";
-            }
-            return false;
+    onSelect(args) {
+        if (this.rteObj.formatter.getUndoRedoStack().length === 0) {
+            this.rteObj.formatter.saveData();
         }
-        if (config && excludeRoutes.includes(this.getRoutePath(route))) {
-            return false;
+        /** @type {?} */
+        let nodes = this.editorManager.domNode.blockNodes();
+        for (let i = 0; nodes.length > i; i++) {
+            ((/** @type {?} */ (nodes[i]))).style.lineHeight = args.item.text;
         }
-        //Don't store lazy loaded routes
-        return config && !config.loadChildren;
+        this.rteObj.formatter.saveData();
+        this.rteObj.formatter.enableUndo(this.rteObj);
     }
     /**
-     * @param {?} route
-     * @param {?} handle
+     * @private
+     * @param {?} args
      * @return {?}
      */
-    store(route, handle) {
-        // console.log("store", this.getRoutePath(route));
-        // console.log("store", storedRoutes);
-        /** @type {?} */
-        const key = this.getRoutePath(route);
-        storedRoutes.set(key, handle);
+    aiQuerySelectedMenu(args) {
+        this.dialogueOpen(args.item.text);
     }
     /**
-     * @param {?} route
+     * @param {?} selectedQuery
      * @return {?}
      */
-    shouldAttach(route) {
+    dialogueOpen(selectedQuery) {
         /** @type {?} */
-        const key = this.getRoutePath(route);
-        return !!route.routeConfig && storedRoutes.has(key);
+        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.");
+        }
     }
     /**
-     * @param {?} route
+     * @param {?} selectedQuery
      * @return {?}
      */
-    retrieve(route) {
-        /** @type {?} */
-        let config = route.routeConfig;
-        /** @type {?} */
-        const key = this.getRoutePath(route);
-        //We don't store lazy loaded routes, so don't even bother trying to retrieve them
-        if (!config || config.loadChildren) {
-            return false;
+    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;
         }
-        return storedRoutes.get(key) || null;
+        this.updateAISugesstions();
     }
     /**
-     * @param {?} future
-     * @param {?} curr
      * @return {?}
      */
-    shouldReuseRoute(future, curr) {
-        // console.log("shouldReuseRoute", future, curr);
-        // return future.routeConfig === curr.routeConfig;
-        if (future.routeConfig === curr.routeConfig) {
-            if (future.children.length === 0 && curr.children.length === 0) {
-                // 无子路由时, 通过params和queryParams判断是否复用路由
-                return (JSON.stringify(future.params) === JSON.stringify(curr.params));
+    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();
+                }));
             }
-            return true;
         }
-        return false;
+        catch (_a) {
+            // this.toastObj.show();
+        }
     }
     /**
-     * @param {?} route
+     * @param {?} subQuery
+     * @param {?} promptQuery
      * @return {?}
      */
-    getRoutePath(route) {
-        if (route.routeConfig) {
-            // const pathParams = JSON.stringify(route.params);
-            // const queryParams = new URLSearchParams(route.queryParams).toString();
+    getResponseFromOpenAI(subQuery, promptQuery) {
+        return __awaiter(this, void 0, void 0, function* () {
             /** @type {?} */
-            const url = route._urlSegment.segments.map((/**
-             * @param {?} v
-             * @return {?}
-             */
-            (v) => v.path)).join("/");
-            return "/" + url;
-        }
-        return "";
+            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 = "";
     }
     /**
-     * @param {?} path
      * @return {?}
      */
-    clearCache(path) {
-        // console.log("clearCache", storedRoutes, path);
-        toBeDeleteUrl = path;
-        storedRoutes.delete(path);
+    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 {?}
      */
-    clearAllCache() {
-        storedRoutes.clear();
-    }
-}
-KeepAliveService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root",
-            },] }
-];
-/** @nocollapse */ KeepAliveService.ngInjectableDef = ɵɵdefineInjectable({ factory: function KeepAliveService_Factory() { return new KeepAliveService(); }, token: KeepAliveService, providedIn: "root" });
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/form/confirm-select/index.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class ConfirmSelectComponent {
-    constructor() {
-        this.dataSource = [];
-        this.disabled = false;
-        this.fields = { text: "Game", value: "Id" };
-        this.showSelectAll = true;
-        this.valueChange = new EventEmitter();
-        this.selectedItems = [];
-        this.isInteracted = false;
+    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");
+            }
+            catch (err) {
+                console.error("Failed to copy text: ", err);
+            }
+            finally {
+                document.body.removeChild(textarea);
+            }
+        }
     }
     /**
      * @return {?}
      */
-    ngOnInit() {
-        this.getInfo();
-        this.resetSelectedItems();
+    onOverlayClick() {
+        /** @type {?} */
+        let activeEle = this.AIdialog.element.querySelector(".char_block.e-active");
+        if (activeEle) {
+            activeEle.classList.remove("e-active");
+        }
+        this.closeDialog();
     }
     /**
-     * @param {?} changes
+     * @param {?} args
      * @return {?}
      */
-    ngOnChanges(changes) {
-        if (changes.value && !changes.value.firstChange) {
-            this.resetSelectedItems();
-        }
+    onQuerySelect(args) {
+        // this.chipList.selectedChips = 0;
+        this.translatelanguage = "EN";
+        this.selectedQuery = args.itemData.text;
+        this.updateAISugesstionsData(args.itemData.text);
     }
     /**
+     * @param {?} args
      * @return {?}
      */
-    getInfo() {
-        this.translation = JSON.parse(localStorage.getItem("translation"));
+    onLanguageSelect(args) {
+        this.translatelanguage = args.itemData.id;
+        this.updateAISugesstionsData("Translate");
     }
     /**
+     * @param {?} args
      * @return {?}
      */
-    resetSelectedItems() {
-        this.selectedItems = JSON.parse(JSON.stringify(this.value || []));
-        if (this.comfirmSelect) {
-            this.comfirmSelect.value = this.selectedItems;
-        }
+    onChipClick(args) {
+        this.chipValue = args.itemData.text;
+        // 事件会触发两次 必须判断args.text是否有值
+        if (args.itemData.text)
+            this.updateAISugesstionsData("Rephrase");
     }
     /**
+     * @param {?} args
      * @return {?}
      */
-    onCancel() {
-        this.isInteracted = true;
-        this.resetSelectedItems();
-        this.comfirmSelect.hidePopup();
+    _toolbarClick(args) {
+        this.toolbarClick.emit(args);
     }
     /**
      * @return {?}
      */
-    onApply() {
-        this.isInteracted = true;
-        /** @type {?} */
-        const val = this.comfirmSelect.value;
-        this.valueChange.emit(val);
-        this.comfirmSelect.hidePopup();
+    hideToast() {
+        this.showMsg = false;
     }
     /**
-     * @param {?} e
      * @return {?}
      */
-    onClose(e) {
-        if (this.isInteracted) {
-            this.isInteracted = false;
+    onZoom() {
+        if (this.size === "largest") {
+            this.size = ""; // 恢复到原始大小
         }
         else {
-            this.resetSelectedItems();
+            this.size = "largest"; // 设置为最大化
         }
     }
 }
-ConfirmSelectComponent.decorators = [
+RichtexteditorComponent.decorators = [
     { type: Component, args: [{
-                selector: "rs-confirm-select",
-                template: "<div class=\"rs-confirm-select\">\r\n  <ejs-multiselect\r\n    #comfirmSelect\r\n    [dataSource]=\"dataSource\"\r\n    [showDropDownIcon]=\"true\"\r\n    [placeholder]=\"placeholder\"\r\n    [(ngModel)]=\"selectedItems\"\r\n    [fields]=\"fields\"\r\n    [showSelectAll]=\"showSelectAll\"\r\n    mode=\"CheckBox\"\r\n    [footerTemplate]=\"footerTemplate\"\r\n    [showClearButton]=\"false\"\r\n    (close)=\"onClose($event)\"\r\n    filterType=\"Contains\"\r\n  >\r\n    <ng-template #footerTemplate=\"\" let-data=\"data\">\r\n      <div class=\"confirm-select-footer\">\r\n        <button class=\"e-btn\" (click)=\"onCancel()\">\r\n          {{ translation.CANCEL }}\r\n        </button>\r\n        <button class=\"e-btn e-primary\" (click)=\"onApply()\">\r\n          {{ translation.APPLY }}\r\n        </button>\r\n      </div>\r\n    </ng-template>\r\n  </ejs-multiselect>\r\n</div>\r\n",
-                styles: [".confirm-select-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 12px;gap:12px;height:40px;border-top:solid 1px var(--rs-border-color)}"]
+                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",
+                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}"]
             }] }
 ];
-ConfirmSelectComponent.propDecorators = {
-    comfirmSelect: [{ type: ViewChild, args: ["comfirmSelect", { static: false },] }],
-    value: [{ type: Input }],
-    dataSource: [{ type: Input }],
-    disabled: [{ type: Input }],
-    fields: [{ type: Input }],
+/** @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 }],
-    showSelectAll: [{ type: Input }],
-    valueChange: [{ type: Output }]
+    value: [{ type: Input }],
+    height: [{ type: Input }],
+    autoSaveOnIdle: [{ type: Input }],
+    target: [{ type: Input }],
+    toolbarClick: [{ type: Output }],
+    change: [{ type: Output }]
 };
 if (false) {
     /** @type {?} */
-    ConfirmSelectComponent.prototype.comfirmSelect;
+    RichtexteditorComponent.prototype.rteObj;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.value;
+    RichtexteditorComponent.prototype.queryCategory;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.dataSource;
+    RichtexteditorComponent.prototype.leftRte;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.disabled;
+    RichtexteditorComponent.prototype.rightRte;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.fields;
+    RichtexteditorComponent.prototype.AIdialog;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.placeholder;
+    RichtexteditorComponent.prototype.sentimentButton;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.showSelectAll;
+    RichtexteditorComponent.prototype.regenerateButton;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.valueChange;
+    RichtexteditorComponent.prototype.copyButton;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.translation;
+    RichtexteditorComponent.prototype.replaceButton;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.selectedItems;
+    RichtexteditorComponent.prototype.placeholder;
     /** @type {?} */
-    ConfirmSelectComponent.prototype.isInteracted;
+    RichtexteditorComponent.prototype.value;
+    /** @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;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.insertImageSettings;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.editorManager;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.size;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.selectedQuery;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.dropValIndex;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.queryList;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.rephraseTyleList;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.languageList;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.promptQuery;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.isSentimentCheck;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.subQuery;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.translatelanguage;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.chipValue;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.apiResultData;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.AIResult;
+    /** @type {?} */
+    RichtexteditorComponent.prototype.tools;
+    /**
+     * @type {?}
+     * @private
+     */
+    RichtexteditorComponent.prototype.ref;
 }
 
 /**
@@ -23850,5 +23925,5 @@ RaiseCommonLibModule.decorators = [
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RichtexteditorComponent, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, ConfirmSelectComponent as ɵb, NewActionNotificationComponent as ɵc, CommonDeleteComponent as ɵd };
+export { CheckboxGroupComponent, CommonDialogComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, EncryptedInputComponent, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RSNavCardGroupComponent, RSToolbarComponent, RadioGroupComponent, RaiseCommonLibModule, RsCommentaryComponent, RsPageListComponent, RsPageTabComponent, SearchInputComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, TruncatedTextToggleComponent, filterShowSection, Debounce as ɵa, RichtexteditorComponent as ɵb, ConfirmSelectComponent as ɵc, NewActionNotificationComponent as ɵd, CommonDeleteComponent as ɵe };
 //# sourceMappingURL=raise-common-lib.js.map