raise-common-lib-new 0.0.50 → 0.0.51

package/fesm2022/raise-common-lib-new.mjs

@@ -20416,6 +20416,7 @@ class RichtexteditorComponent {
     focus = new EventEmitter();
     blur = new EventEmitter();
     actionComplete = new EventEmitter();
+    afterPasteCleanup = new EventEmitter();
     family = fontFamily;
     fontSize = size;
     dialogWidth = "800px";
@@ -20510,6 +20511,7 @@ class RichtexteditorComponent {
             //'SourceCode',
         ],
     };
+    isDialogVisible = false;
     bulletFormatList = {
         types: [
             { text: "None", value: "none" },
@@ -20630,11 +20632,14 @@ class RichtexteditorComponent {
             this.updateAISugesstionsData(selectedQuery);
         }
         else {
-            this.showMsg = true;
-            setTimeout(() => {
-                this.showMsg = false;
-            }, 3000);
-            console.log("Please select the content to perform the AI operation.");
+            // this.showMsg = true;
+            // setTimeout(() => {
+            //   this.showMsg = false;
+            // }, 3000);
+            // console.log("Please select the content to perform the AI operation.");
+            this.dialog.showNotification("First, Select some text", {
+                status: "Warning",
+            });
         }
     }
     updateAISugesstionsData(selectedQuery) {
@@ -20675,8 +20680,14 @@ class RichtexteditorComponent {
                 this.regenerateButton.disabled = true;
                 this.copyButton.disabled = true;
                 this.replaceButton.disabled = true;
+                if (this.isDialogVisible) {
+                    this.promptQuery = this.leftRte.getHtml();
+                }
                 this.apiResultData = this.getResponseFromOpenAI(this.subQuery, this.promptQuery);
                 this.apiResultData.then((result) => {
+                    if (!this.isDialogVisible) {
+                        this.isDialogVisible = true;
+                    }
                     this.AIResult = this.isSentimentCheck ? this.promptQuery : result;
                     this.sentimentButton.content = result
                         .toLowerCase()
@@ -20759,6 +20770,7 @@ class RichtexteditorComponent {
     }
     closeDialog() {
         this.AIdialog.hide();
+        this.isDialogVisible = false;
         this.rightRte.value = "";
         this.leftRte.value = "";
         this.promptQuery = "";
@@ -20774,6 +20786,7 @@ class RichtexteditorComponent {
             navigator.clipboard
                 .writeText(text)
                 .then(() => {
+                this.rightRte && this.rightRte.selectAll();
                 console.log("Text copied to clipboard successfully!");
             })
                 .catch((err) => {
@@ -20831,7 +20844,6 @@ class RichtexteditorComponent {
         this.input.emit(args);
     }
     _actionComplete(args) {
-        console.log(args);
         if (args.requestType == "UL") {
             if (args.elements[0].parentElement.style.listStyleType == "dash") {
                 // Apply custom styling for dash bullets
@@ -20881,6 +20893,17 @@ class RichtexteditorComponent {
             });
         }
     }
+    _afterPasteCleanup(args) {
+        args.value = this.unescapeHtml(args.value);
+    }
+    unescapeHtml(escapedHtml) {
+        return escapedHtml
+            .replace(/&lt;/g, "<")
+            .replace(/&gt;/g, ">")
+            .replace(/&amp;/g, "&")
+            .replace(/&quot;/g, '"')
+            .replace(/&apos;/g, "'");
+    }
     hideToast() {
         this.showMsg = false;
     }
@@ -20893,11 +20916,11 @@ class RichtexteditorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichtexteditorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$4.HttpClient }, { token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichtexteditorComponent, selector: "rs-richtext-editor", inputs: { placeholder: "placeholder", value: "value", editorId: "editorId", saveInterval: "saveInterval", height: "height", autoSaveOnIdle: "autoSaveOnIdle", disabled: "disabled", target: "target", insertImageSettings: "insertImageSettings", showTicketAttachment: "showTicketAttachment" }, outputs: { toolbarClick: "toolbarClick", change: "change", created: "created", actionBegin: "actionBegin", input: "input", focus: "focus", blur: "blur", actionComplete: "actionComplete" }, viewQueries: [{ propertyName: "rteObj", first: true, predicate: ["editor"], descendants: true }, { propertyName: "queryCategory", first: true, predicate: ["queryCategory"], descendants: true }, { propertyName: "leftRte", first: true, predicate: ["leftRte"], descendants: true }, { propertyName: "rightRte", first: true, predicate: ["rightRte"], descendants: true }, { propertyName: "AIdialog", first: true, predicate: ["AIdialog"], descendants: true, static: true }, { propertyName: "sentimentButton", first: true, predicate: ["sentimentButton"], descendants: true }, { propertyName: "regenerateButton", first: true, predicate: ["regenerateButton"], descendants: true }, { propertyName: "copyButton", first: true, predicate: ["copyButton"], descendants: true }, { propertyName: "replaceButton", first: true, predicate: ["replaceButton"], descendants: true }], ngImport: i0, template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    [id]=\"editorId\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [bulletFormatList]=\"bulletFormatList\"\r\n    [numberFormatList]=\"numberFormatList\"\r\n    [fontFamily]=\"family\"\r\n    [fontSize]=\"fontSize\"\r\n    [disabled]=\"disabled\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(ngModel)]=\"value\"\r\n    (actionBegin)=\"_actionBegin($event)\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n    (input)=\"_input($event)\"\r\n    (focus)=\"_focus($event)\"\r\n    (blur)=\"_blur($event)\"\r\n    (actionComplete)=\"_actionComplete($event)\"\r\n    (dialogOpen)=\"_dialogOpen($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\">\r\n                <ejs-skeleton\r\n                  #skeletonId1\r\n                  shape=\"Rectangle\"\r\n                  height=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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: ["@charset \"UTF-8\";.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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%228%22 cy%3D%228.5%22 r%3D%226.5%22 stroke%3D%22%236B6B6B%22%2F%3E%0D%3Cpath d%3D%22M8 8.5V11.5%22 stroke%3D%22%236B6B6B%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%228%22 cy%3D%225.5%22 r%3D%221%22 fill%3D%22%236B6B6B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");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:0px solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0px 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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%224.5%22 y%3D%224.5%22 width%3D%229%22 height%3D%229%22 rx%3D%221.5%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cpath d%3D%22M11.5 2.5H4.5C3.39543 2.5 2.5 3.39543 2.5 4.5V11.5%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}::ng-deep ol.custom-list{list-style:none!important;counter-reset:list-counter}::ng-deep ol.custom-list li{counter-increment:list-counter}::ng-deep ol.parentheses li::marker{content:\"(\" counter(list-counter) \") \"}::ng-deep .e-tiempos-headline{font-family:Tiempos Headline-Semibold!important}::ng-deep .e-avenir-lt-pro-black{font-family:Avenir LT Pro-Black!important}::ng-deep .e-avenir-lt-pro-black-oblique{font-family:Avenir LT Pro-Black Oblique!important}::ng-deep .e-avenir-lt-pro-heavy{font-family:Avenir LT Pro-Heavy!important}::ng-deep .e-avenir-lt-pro-heavy-oblique{font-family:Avenir LT Pro-Heavy Oblique!important}::ng-deep .e-avenir-lt-pro-light{font-family:Avenir LT Pro-Light!important}::ng-deep .e-avenir-lt-pro-light-oblique{font-family:Avenir LT Pro-Light Oblique!important}::ng-deep .e-avenir-lt-pro-medium{font-family:Avenir LT Pro-Medium!important}::ng-deep .e-avenir-lt-pro-medium-oblique{font-family:Avenir LT Pro-Medium Oblique!important}::ng-deep .e-avenir-next-lt-pro-bold{font-family:Avenir Next LT Pro-Bold!important}::ng-deep .e-avenir-next-lt-pro-demi{font-family:Avenir Next LT Pro-Demi!important}::ng-deep .e-avenir-next-lt-pro-demilt{font-family:Avenir Next LT Pro-Demilt!important}::ng-deep .e-avenir-next-lt-pro-heavy{font-family:Avenir Next LT Pro-Heavy!important}::ng-deep .e-avenir-next-lt-pro-heavylt{font-family:Avenir Next LT Pro-Heavylt!important}::ng-deep .e-avenir-next-lt-pro-it{font-family:Avenir Next LT Pro-It!important}::ng-deep .e-avenir-next-lt-pro-light{font-family:Avenir Next LT Pro-Light!important}::ng-deep .e-avenir-next-lt-pro-mediumlt{font-family:Avenir Next LT Pro-Mediumlt!important}::ng-deep .e-avenir-next-lt-pro-regular{font-family:Avenir Next LT Pro-Regular!important}::ng-deep .e-avenir-next-lt-pro-ultlt{font-family:Avenir Next LT Pro-UltLt!important}::ng-deep .e-avenir-next-lt-pro-ultltlt{font-family:Avenir Next LT Pro-UltLtlt!important}::ng-deep .e-source-han-sans-cn-extralight{font-family:Source Han Sans CN-ExtraLight!important}::ng-deep .e-source-han-sans-cn-regular{font-family:Source Han Sans CN-Regular!important}::ng-deep .e-source-han-sans-cn-medium{font-family:Source Han Sans CN-Medium!important}::ng-deep .e-source-han-sans-cn-bold{font-family:Source Han Sans CN-Bold!important}::ng-deep .e-ping-fang-sc-light{font-family:Ping Fang SC-Light!important}::ng-deep .e-ping-fang-sc-medium{font-family:Ping Fang SC-Medium!important}::ng-deep .e-ping-fang-sc-regular{font-family:Ping Fang SC-Regular!important}::ng-deep .e-ping-fang-sc-semibold{font-family:Ping Fang SC-Semibold!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "[ejs-button]", inputs: ["content", "cssClass", "disabled", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "iconCss", "iconPosition", "isPrimary", "isToggle", "locale"], outputs: ["created"] }, { kind: "component", type: i6.DialogComponent, selector: "ejs-dialog", inputs: ["allowDragging", "animationSettings", "buttons", "closeOnEscape", "content", "cssClass", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "footerTemplate", "header", "height", "isModal", "locale", "minHeight", "position", "resizeHandles", "showCloseIcon", "target", "visible", "width", "zIndex"], outputs: ["beforeClose", "beforeOpen", "beforeSanitizeHtml", "close", "created", "destroyed", "drag", "dragStart", "dragStop", "open", "overlayClick", "resizeStart", "resizeStop", "resizing", "visibleChange"] }, { kind: "component", type: i6$1.DropDownListComponent, selector: "ejs-dropdownlist", inputs: ["actionFailureTemplate", "allowFiltering", "allowObjectBinding", "cssClass", "dataSource", "enablePersistence", "enableRtl", "enableVirtualization", "enabled", "fields", "filterBarPlaceholder", "filterType", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "ignoreCase", "index", "isDeviceFullScreen", "itemTemplate", "locale", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "sortOrder", "text", "value", "valueTemplate", "width", "zIndex"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeOpen", "blur", "change", "close", "created", "dataBound", "destroyed", "filtering", "focus", "open", "select", "valueChange"] }, { kind: "component", type: i8.SkeletonComponent, selector: "ejs-skeleton", inputs: ["cssClass", "enablePersistence", "enableRtl", "height", "label", "locale", "shape", "shimmerEffect", "visible", "width"] }, { kind: "component", type: i9.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "exportPdf", "exportWord", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "importWord", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "slashMenuSettings", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "slashMenuItemSelect", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RichtexteditorComponent, selector: "rs-richtext-editor", inputs: { placeholder: "placeholder", value: "value", editorId: "editorId", saveInterval: "saveInterval", height: "height", autoSaveOnIdle: "autoSaveOnIdle", disabled: "disabled", target: "target", insertImageSettings: "insertImageSettings", showTicketAttachment: "showTicketAttachment" }, outputs: { toolbarClick: "toolbarClick", change: "change", created: "created", actionBegin: "actionBegin", input: "input", focus: "focus", blur: "blur", actionComplete: "actionComplete", afterPasteCleanup: "afterPasteCleanup" }, viewQueries: [{ propertyName: "rteObj", first: true, predicate: ["editor"], descendants: true }, { propertyName: "queryCategory", first: true, predicate: ["queryCategory"], descendants: true }, { propertyName: "leftRte", first: true, predicate: ["leftRte"], descendants: true }, { propertyName: "rightRte", first: true, predicate: ["rightRte"], descendants: true }, { propertyName: "AIdialog", first: true, predicate: ["AIdialog"], descendants: true, static: true }, { propertyName: "sentimentButton", first: true, predicate: ["sentimentButton"], descendants: true }, { propertyName: "regenerateButton", first: true, predicate: ["regenerateButton"], descendants: true }, { propertyName: "copyButton", first: true, predicate: ["copyButton"], descendants: true }, { propertyName: "replaceButton", first: true, predicate: ["replaceButton"], descendants: true }], ngImport: i0, template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    [id]=\"editorId\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [bulletFormatList]=\"bulletFormatList\"\r\n    [numberFormatList]=\"numberFormatList\"\r\n    [fontFamily]=\"family\"\r\n    [fontSize]=\"fontSize\"\r\n    [disabled]=\"disabled\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(ngModel)]=\"value\"\r\n    (actionBegin)=\"_actionBegin($event)\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n    (input)=\"_input($event)\"\r\n    (focus)=\"_focus($event)\"\r\n    (blur)=\"_blur($event)\"\r\n    (actionComplete)=\"_actionComplete($event)\"\r\n    (dialogOpen)=\"_dialogOpen($event)\"\r\n    (afterPasteCleanup)=\"_afterPasteCleanup($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\">\r\n                <ejs-skeleton\r\n                  #skeletonId1\r\n                  shape=\"Rectangle\"\r\n                  height=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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: ["@charset \"UTF-8\";.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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%228%22 cy%3D%228.5%22 r%3D%226.5%22 stroke%3D%22%236B6B6B%22%2F%3E%0D%3Cpath d%3D%22M8 8.5V11.5%22 stroke%3D%22%236B6B6B%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%228%22 cy%3D%225.5%22 r%3D%221%22 fill%3D%22%236B6B6B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");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:0px solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0px 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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%224.5%22 y%3D%224.5%22 width%3D%229%22 height%3D%229%22 rx%3D%221.5%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cpath d%3D%22M11.5 2.5H4.5C3.39543 2.5 2.5 3.39543 2.5 4.5V11.5%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}::ng-deep ol.custom-list{list-style:none!important;counter-reset:list-counter}::ng-deep ol.custom-list li{counter-increment:list-counter}::ng-deep ol.parentheses li::marker{content:\"(\" counter(list-counter) \") \"}::ng-deep .e-tiempos-headline{font-family:Tiempos Headline-Semibold!important}::ng-deep .e-avenir-lt-pro-black{font-family:Avenir LT Pro-Black!important}::ng-deep .e-avenir-lt-pro-black-oblique{font-family:Avenir LT Pro-Black Oblique!important}::ng-deep .e-avenir-lt-pro-heavy{font-family:Avenir LT Pro-Heavy!important}::ng-deep .e-avenir-lt-pro-heavy-oblique{font-family:Avenir LT Pro-Heavy Oblique!important}::ng-deep .e-avenir-lt-pro-light{font-family:Avenir LT Pro-Light!important}::ng-deep .e-avenir-lt-pro-light-oblique{font-family:Avenir LT Pro-Light Oblique!important}::ng-deep .e-avenir-lt-pro-medium{font-family:Avenir LT Pro-Medium!important}::ng-deep .e-avenir-lt-pro-medium-oblique{font-family:Avenir LT Pro-Medium Oblique!important}::ng-deep .e-avenir-next-lt-pro-bold{font-family:Avenir Next LT Pro-Bold!important}::ng-deep .e-avenir-next-lt-pro-demi{font-family:Avenir Next LT Pro-Demi!important}::ng-deep .e-avenir-next-lt-pro-demilt{font-family:Avenir Next LT Pro-Demilt!important}::ng-deep .e-avenir-next-lt-pro-heavy{font-family:Avenir Next LT Pro-Heavy!important}::ng-deep .e-avenir-next-lt-pro-heavylt{font-family:Avenir Next LT Pro-Heavylt!important}::ng-deep .e-avenir-next-lt-pro-it{font-family:Avenir Next LT Pro-It!important}::ng-deep .e-avenir-next-lt-pro-light{font-family:Avenir Next LT Pro-Light!important}::ng-deep .e-avenir-next-lt-pro-mediumlt{font-family:Avenir Next LT Pro-Mediumlt!important}::ng-deep .e-avenir-next-lt-pro-regular{font-family:Avenir Next LT Pro-Regular!important}::ng-deep .e-avenir-next-lt-pro-ultlt{font-family:Avenir Next LT Pro-UltLt!important}::ng-deep .e-avenir-next-lt-pro-ultltlt{font-family:Avenir Next LT Pro-UltLtlt!important}::ng-deep .e-source-han-sans-cn-extralight{font-family:Source Han Sans CN-ExtraLight!important}::ng-deep .e-source-han-sans-cn-regular{font-family:Source Han Sans CN-Regular!important}::ng-deep .e-source-han-sans-cn-medium{font-family:Source Han Sans CN-Medium!important}::ng-deep .e-source-han-sans-cn-bold{font-family:Source Han Sans CN-Bold!important}::ng-deep .e-ping-fang-sc-light{font-family:Ping Fang SC-Light!important}::ng-deep .e-ping-fang-sc-medium{font-family:Ping Fang SC-Medium!important}::ng-deep .e-ping-fang-sc-regular{font-family:Ping Fang SC-Regular!important}::ng-deep .e-ping-fang-sc-semibold{font-family:Ping Fang SC-Semibold!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "[ejs-button]", inputs: ["content", "cssClass", "disabled", "enableHtmlSanitizer", "enablePersistence", "enableRtl", "iconCss", "iconPosition", "isPrimary", "isToggle", "locale"], outputs: ["created"] }, { kind: "component", type: i6.DialogComponent, selector: "ejs-dialog", inputs: ["allowDragging", "animationSettings", "buttons", "closeOnEscape", "content", "cssClass", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "footerTemplate", "header", "height", "isModal", "locale", "minHeight", "position", "resizeHandles", "showCloseIcon", "target", "visible", "width", "zIndex"], outputs: ["beforeClose", "beforeOpen", "beforeSanitizeHtml", "close", "created", "destroyed", "drag", "dragStart", "dragStop", "open", "overlayClick", "resizeStart", "resizeStop", "resizing", "visibleChange"] }, { kind: "component", type: i6$1.DropDownListComponent, selector: "ejs-dropdownlist", inputs: ["actionFailureTemplate", "allowFiltering", "allowObjectBinding", "cssClass", "dataSource", "enablePersistence", "enableRtl", "enableVirtualization", "enabled", "fields", "filterBarPlaceholder", "filterType", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "ignoreCase", "index", "isDeviceFullScreen", "itemTemplate", "locale", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "sortOrder", "text", "value", "valueTemplate", "width", "zIndex"], outputs: ["actionBegin", "actionComplete", "actionFailure", "beforeOpen", "blur", "change", "close", "created", "dataBound", "destroyed", "filtering", "focus", "open", "select", "valueChange"] }, { kind: "component", type: i8.SkeletonComponent, selector: "ejs-skeleton", inputs: ["cssClass", "enablePersistence", "enableRtl", "height", "label", "locale", "shape", "shimmerEffect", "visible", "width"] }, { kind: "component", type: i9.RichTextEditorComponent, selector: "ejs-richtexteditor", inputs: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enablePersistence", "enableResize", "enableRtl", "enableTabKey", "enableXhtml", "enabled", "enterKey", "exportPdf", "exportWord", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "importWord", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "locale", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "slashMenuSettings", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"], outputs: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "slashMenuItemSelect", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus", "valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RichtexteditorComponent, decorators: [{
             type: Component,
-            args: [{ selector: "rs-richtext-editor", template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    [id]=\"editorId\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [bulletFormatList]=\"bulletFormatList\"\r\n    [numberFormatList]=\"numberFormatList\"\r\n    [fontFamily]=\"family\"\r\n    [fontSize]=\"fontSize\"\r\n    [disabled]=\"disabled\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(ngModel)]=\"value\"\r\n    (actionBegin)=\"_actionBegin($event)\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n    (input)=\"_input($event)\"\r\n    (focus)=\"_focus($event)\"\r\n    (blur)=\"_blur($event)\"\r\n    (actionComplete)=\"_actionComplete($event)\"\r\n    (dialogOpen)=\"_dialogOpen($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\">\r\n                <ejs-skeleton\r\n                  #skeletonId1\r\n                  shape=\"Rectangle\"\r\n                  height=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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: ["@charset \"UTF-8\";.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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%228%22 cy%3D%228.5%22 r%3D%226.5%22 stroke%3D%22%236B6B6B%22%2F%3E%0D%3Cpath d%3D%22M8 8.5V11.5%22 stroke%3D%22%236B6B6B%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%228%22 cy%3D%225.5%22 r%3D%221%22 fill%3D%22%236B6B6B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");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:0px solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0px 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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%224.5%22 y%3D%224.5%22 width%3D%229%22 height%3D%229%22 rx%3D%221.5%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cpath d%3D%22M11.5 2.5H4.5C3.39543 2.5 2.5 3.39543 2.5 4.5V11.5%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}::ng-deep ol.custom-list{list-style:none!important;counter-reset:list-counter}::ng-deep ol.custom-list li{counter-increment:list-counter}::ng-deep ol.parentheses li::marker{content:\"(\" counter(list-counter) \") \"}::ng-deep .e-tiempos-headline{font-family:Tiempos Headline-Semibold!important}::ng-deep .e-avenir-lt-pro-black{font-family:Avenir LT Pro-Black!important}::ng-deep .e-avenir-lt-pro-black-oblique{font-family:Avenir LT Pro-Black Oblique!important}::ng-deep .e-avenir-lt-pro-heavy{font-family:Avenir LT Pro-Heavy!important}::ng-deep .e-avenir-lt-pro-heavy-oblique{font-family:Avenir LT Pro-Heavy Oblique!important}::ng-deep .e-avenir-lt-pro-light{font-family:Avenir LT Pro-Light!important}::ng-deep .e-avenir-lt-pro-light-oblique{font-family:Avenir LT Pro-Light Oblique!important}::ng-deep .e-avenir-lt-pro-medium{font-family:Avenir LT Pro-Medium!important}::ng-deep .e-avenir-lt-pro-medium-oblique{font-family:Avenir LT Pro-Medium Oblique!important}::ng-deep .e-avenir-next-lt-pro-bold{font-family:Avenir Next LT Pro-Bold!important}::ng-deep .e-avenir-next-lt-pro-demi{font-family:Avenir Next LT Pro-Demi!important}::ng-deep .e-avenir-next-lt-pro-demilt{font-family:Avenir Next LT Pro-Demilt!important}::ng-deep .e-avenir-next-lt-pro-heavy{font-family:Avenir Next LT Pro-Heavy!important}::ng-deep .e-avenir-next-lt-pro-heavylt{font-family:Avenir Next LT Pro-Heavylt!important}::ng-deep .e-avenir-next-lt-pro-it{font-family:Avenir Next LT Pro-It!important}::ng-deep .e-avenir-next-lt-pro-light{font-family:Avenir Next LT Pro-Light!important}::ng-deep .e-avenir-next-lt-pro-mediumlt{font-family:Avenir Next LT Pro-Mediumlt!important}::ng-deep .e-avenir-next-lt-pro-regular{font-family:Avenir Next LT Pro-Regular!important}::ng-deep .e-avenir-next-lt-pro-ultlt{font-family:Avenir Next LT Pro-UltLt!important}::ng-deep .e-avenir-next-lt-pro-ultltlt{font-family:Avenir Next LT Pro-UltLtlt!important}::ng-deep .e-source-han-sans-cn-extralight{font-family:Source Han Sans CN-ExtraLight!important}::ng-deep .e-source-han-sans-cn-regular{font-family:Source Han Sans CN-Regular!important}::ng-deep .e-source-han-sans-cn-medium{font-family:Source Han Sans CN-Medium!important}::ng-deep .e-source-han-sans-cn-bold{font-family:Source Han Sans CN-Bold!important}::ng-deep .e-ping-fang-sc-light{font-family:Ping Fang SC-Light!important}::ng-deep .e-ping-fang-sc-medium{font-family:Ping Fang SC-Medium!important}::ng-deep .e-ping-fang-sc-regular{font-family:Ping Fang SC-Regular!important}::ng-deep .e-ping-fang-sc-semibold{font-family:Ping Fang SC-Semibold!important}\n"] }]
+            args: [{ selector: "rs-richtext-editor", template: "<div class=\"editor_box\" id=\"container\">\r\n  <ejs-richtexteditor\r\n    #editor\r\n    [id]=\"editorId\"\r\n    [height]=\"height\"\r\n    [saveInterval]=\"0\"\r\n    [autoSaveOnIdle]=\"autoSaveOnIdle\"\r\n    [toolbarSettings]=\"tools\"\r\n    [bulletFormatList]=\"bulletFormatList\"\r\n    [numberFormatList]=\"numberFormatList\"\r\n    [fontFamily]=\"family\"\r\n    [fontSize]=\"fontSize\"\r\n    [disabled]=\"disabled\"\r\n    [insertImageSettings]=\"insertImageSettings\"\r\n    [(ngModel)]=\"value\"\r\n    (actionBegin)=\"_actionBegin($event)\"\r\n    (change)=\"onContentChange($event)\"\r\n    (created)=\"onCreate()\"\r\n    (toolbarClick)=\"_toolbarClick($event)\"\r\n    (input)=\"_input($event)\"\r\n    (focus)=\"_focus($event)\"\r\n    (blur)=\"_blur($event)\"\r\n    (actionComplete)=\"_actionComplete($event)\"\r\n    (dialogOpen)=\"_dialogOpen($event)\"\r\n    (afterPasteCleanup)=\"_afterPasteCleanup($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\">\r\n                <ejs-skeleton\r\n                  #skeletonId1\r\n                  shape=\"Rectangle\"\r\n                  height=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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=\"16px\"\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: ["@charset \"UTF-8\";.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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2217%22 viewBox%3D%220 0 16 17%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Ccircle cx%3D%228%22 cy%3D%228.5%22 r%3D%226.5%22 stroke%3D%22%236B6B6B%22%2F%3E%0D%3Cpath d%3D%22M8 8.5V11.5%22 stroke%3D%22%236B6B6B%22 stroke-width%3D%222%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Ccircle cx%3D%228%22 cy%3D%225.5%22 r%3D%221%22 fill%3D%22%236B6B6B%22%2F%3E%0D%3C%2Fsvg%3E%0D\");display:inline-block;width:16px;height:16px;vertical-align:bottom;margin-right:8px}.editor_box .toast .close_icon{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M3.50021 12.9999L12.5001 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M12.4999 12.9999L3.50007 4.00007%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");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:0px solid #dee2e6!important}.custom-dialog-rte .dialog-content .custom-row-0{border-top:0px 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(\"data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22%2F%3E%0D%3Crect x%3D%224.5%22 y%3D%224.5%22 width%3D%229%22 height%3D%229%22 rx%3D%221.5%22 stroke%3D%22%236C7C90%22%2F%3E%0D%3Cpath d%3D%22M11.5 2.5H4.5C3.39543 2.5 2.5 3.39543 2.5 4.5V11.5%22 stroke%3D%22%236C7C90%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");vertical-align:middle;margin-right:6px}.custom-dialog-rte .e-footer-content .e-control.e-btn.e-primary{color:#fff;background:#1364b3}.e-dialog.largest{width:96vw!important;height:88vh!important;max-height:88vh;max-width:2100px}::ng-deep ol.custom-list{list-style:none!important;counter-reset:list-counter}::ng-deep ol.custom-list li{counter-increment:list-counter}::ng-deep ol.parentheses li::marker{content:\"(\" counter(list-counter) \") \"}::ng-deep .e-tiempos-headline{font-family:Tiempos Headline-Semibold!important}::ng-deep .e-avenir-lt-pro-black{font-family:Avenir LT Pro-Black!important}::ng-deep .e-avenir-lt-pro-black-oblique{font-family:Avenir LT Pro-Black Oblique!important}::ng-deep .e-avenir-lt-pro-heavy{font-family:Avenir LT Pro-Heavy!important}::ng-deep .e-avenir-lt-pro-heavy-oblique{font-family:Avenir LT Pro-Heavy Oblique!important}::ng-deep .e-avenir-lt-pro-light{font-family:Avenir LT Pro-Light!important}::ng-deep .e-avenir-lt-pro-light-oblique{font-family:Avenir LT Pro-Light Oblique!important}::ng-deep .e-avenir-lt-pro-medium{font-family:Avenir LT Pro-Medium!important}::ng-deep .e-avenir-lt-pro-medium-oblique{font-family:Avenir LT Pro-Medium Oblique!important}::ng-deep .e-avenir-next-lt-pro-bold{font-family:Avenir Next LT Pro-Bold!important}::ng-deep .e-avenir-next-lt-pro-demi{font-family:Avenir Next LT Pro-Demi!important}::ng-deep .e-avenir-next-lt-pro-demilt{font-family:Avenir Next LT Pro-Demilt!important}::ng-deep .e-avenir-next-lt-pro-heavy{font-family:Avenir Next LT Pro-Heavy!important}::ng-deep .e-avenir-next-lt-pro-heavylt{font-family:Avenir Next LT Pro-Heavylt!important}::ng-deep .e-avenir-next-lt-pro-it{font-family:Avenir Next LT Pro-It!important}::ng-deep .e-avenir-next-lt-pro-light{font-family:Avenir Next LT Pro-Light!important}::ng-deep .e-avenir-next-lt-pro-mediumlt{font-family:Avenir Next LT Pro-Mediumlt!important}::ng-deep .e-avenir-next-lt-pro-regular{font-family:Avenir Next LT Pro-Regular!important}::ng-deep .e-avenir-next-lt-pro-ultlt{font-family:Avenir Next LT Pro-UltLt!important}::ng-deep .e-avenir-next-lt-pro-ultltlt{font-family:Avenir Next LT Pro-UltLtlt!important}::ng-deep .e-source-han-sans-cn-extralight{font-family:Source Han Sans CN-ExtraLight!important}::ng-deep .e-source-han-sans-cn-regular{font-family:Source Han Sans CN-Regular!important}::ng-deep .e-source-han-sans-cn-medium{font-family:Source Han Sans CN-Medium!important}::ng-deep .e-source-han-sans-cn-bold{font-family:Source Han Sans CN-Bold!important}::ng-deep .e-ping-fang-sc-light{font-family:Ping Fang SC-Light!important}::ng-deep .e-ping-fang-sc-medium{font-family:Ping Fang SC-Medium!important}::ng-deep .e-ping-fang-sc-regular{font-family:Ping Fang SC-Regular!important}::ng-deep .e-ping-fang-sc-semibold{font-family:Ping Fang SC-Semibold!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$4.HttpClient }, { type: DialogService }]; }, propDecorators: { rteObj: [{
                 type: ViewChild,
                 args: ["editor", { static: false }]
@@ -20961,6 +20984,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }], actionComplete: [{
                 type: Output
+            }], afterPasteCleanup: [{
+                type: Output
             }] } });
 
 class ConfirmSelectComponent {