qms-angular 1.1.31 → 1.1.32

package/bundles/qms-angular.umd.js

@@ -208,7 +208,8 @@
             "WORDS": "Words",
             "CHARACTERS": "Characters",
             "SELECT_VIDEO_FROM_ARCHIVE": "Select video from the archive",
-            "SELECT_VIDEO_IMAGE": "Select video image"
+            "SELECT_VIDEO_IMAGE": "Select video image",
+            "DOCUMENT_HEADER": "Document information"
         },
         "ABOUT": {
             "ABOUT_CKEDITOR": "About CKEditor",
@@ -597,7 +598,8 @@
             "WORDS": "Ord",
             "CHARACTERS": "Tegn",
             "SELECT_VIDEO_FROM_ARCHIVE": "Velg video fra arkivet",
-            "SELECT_VIDEO_IMAGE": "Velg videobilde"
+            "SELECT_VIDEO_IMAGE": "Velg videobilde",
+            "DOCUMENT_HEADER": "Dokumentinformasjon"
         },
         "ABOUT": {
             "ABOUT_CKEDITOR": "Om CKEditor",
@@ -9007,6 +9009,31 @@
         return QMSCKEditorLink;
     }());
 
+    var QMSCKEditorCommonService = /** @class */ (function () {
+        function QMSCKEditorCommonService() {
+        }
+        QMSCKEditorCommonService.prototype.getScrollTopCkeditor = function (ckeditor) {
+            if (!ckeditor || !ckeditor.ui)
+                return 0;
+            return ckeditor.ui.getEditableElement().scrollTop;
+        };
+        QMSCKEditorCommonService.prototype.setScrollTopEditorContainer = function (ckeditor, scrollTop) {
+            if (!ckeditor || !ckeditor.ui)
+                return;
+            setTimeout(function () {
+                ckeditor.ui.getEditableElement().scrollTop = scrollTop;
+            }, 200);
+        };
+        return QMSCKEditorCommonService;
+    }());
+    QMSCKEditorCommonService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function QMSCKEditorCommonService_Factory() { return new QMSCKEditorCommonService(); }, token: QMSCKEditorCommonService, providedIn: "root" });
+    QMSCKEditorCommonService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    QMSCKEditorCommonService.ctorParameters = function () { return []; };
+
     exports.QMSCKEditorDocumentType = void 0;
     (function (QMSCKEditorDocumentType) {
         QMSCKEditorDocumentType[QMSCKEditorDocumentType["other"] = 0] = "other";
@@ -9418,12 +9445,13 @@
 
     var QMSCKEditorLinkComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorLinkComponent, _super);
-        function QMSCKEditorLinkComponent(cdr, dialog, translate, linkService, dialogRef, data) {
+        function QMSCKEditorLinkComponent(cdr, dialog, translate, linkService, commonService, dialogRef, data) {
             var _this = _super.call(this) || this;
             _this.cdr = cdr;
             _this.dialog = dialog;
             _this.translate = translate;
             _this.linkService = linkService;
+            _this.commonService = commonService;
             _this.dialogRef = dialogRef;
             _this.data = data;
             _this.linkFormGroup = new forms.FormGroup({
@@ -9494,7 +9522,9 @@
             this.cdr.detectChanges();
         };
         QMSCKEditorLinkComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close(null);
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorLinkComponent.prototype.initLinkType = function () {
             if (this.linkTypes) {
@@ -9694,19 +9724,20 @@
             var id = 3;
             if (this.data.qmsckContentFields &&
                 this.data.qmsckContentFields.length &&
-                this.data.qmsckIsGetAnchorMoreContent) {
+                this.data.qmsckIsGetAnchorMoreContent &&
+                this.selectedLinkType === exports.LinkType.anchorText) {
                 this.data.qmsckContentFields.forEach(function (field) {
                     if (field) {
                         _this.getAnchor(field, id);
                     }
                 });
             }
-            else {
-                if (anchorDocument) {
-                    anchorDocument.forEach(function (e) {
+            if (this.selectedLinkType === exports.LinkType.anchorDocument && anchorDocument) {
+                anchorDocument.forEach(function (e) {
+                    if (e) {
                         _this.getAnchor(e, id);
-                    });
-                }
+                    }
+                });
             }
             this.anchors.push({
                 value: 1,
@@ -9769,6 +9800,7 @@
             return isDisable;
         };
         QMSCKEditorLinkComponent.prototype.setLink = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             var link = new QMSCKEditorLink();
             link.typeId = this.selectedLinkType;
             link.targetId = this.selectedTarget;
@@ -9795,6 +9827,7 @@
                     break;
             }
             this.dialogRef.close(link);
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorLinkComponent.prototype.getUrlToSetProtocol = function () {
             if (!this.url.length) {
@@ -9841,7 +9874,7 @@
     QMSCKEditorLinkComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "qms-ckeditor-link",
-                    template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\r\n  <div id=\"qmsckeditor_link_header\">\r\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\r\n      <mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\r\n      <h2 id=\"qmsckeditor_link_header_001\">\r\n        {{ LANG.QMSCKEDITOR.LINK }}\r\n      </h2>\r\n    </div>\r\n  </div>\r\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\r\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\r\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\r\n        (ngModelChange)=\"onSelectedLinkType()\">\r\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\r\n          {{ link.name }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div id=\"qmsckeditor_link_content\">\r\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.url\">\r\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\r\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\r\n                  {{ target.name }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\r\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\r\n                  {{ protocol.name }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\r\n                (ngModelChange)=\"getUrlToSetProtocol()\" />\r\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\r\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\r\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\r\n            <div class=\"col-6 pl-3 ps-3\">\r\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\r\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\r\n              </button>\r\n            </div>\r\n            <div class=\"col-6 pr-3 pe-3\">\r\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\r\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\r\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\r\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\r\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\r\n                  disableOptionCentering>\r\n                  {{ editorAnchor.viewValue }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <mat-error *ngIf=\"\r\n                  anchorTextFormGroup.get('anchorText').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.email\">\r\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\r\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\r\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\r\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\r\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\r\n            <div class=\"col-6 pl-3 ps-3\">\r\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\r\n                {{ LANG.QMSCKEDITOR.HANDBOOK }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\r\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\r\n              <mat-error *ngIf=\"\r\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\r\n                  {{ docAnchor.viewValue }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <mat-error *ngIf=\"\r\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n  </div>\r\n\r\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\r\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\r\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\r\n        {{ LANG.QMSCKEDITOR.OK }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>",
+                    template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\r\n  <div id=\"qmsckeditor_link_header\">\r\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\r\n      <mat-icon>close</mat-icon>\r\n    </span>\r\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\r\n      <h2 id=\"qmsckeditor_link_header_001\">\r\n        {{ LANG.QMSCKEDITOR.LINK }}\r\n      </h2>\r\n    </div>\r\n  </div>\r\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\r\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\r\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\r\n        (ngModelChange)=\"onSelectedLinkType()\">\r\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\r\n          {{ link.name }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div id=\"qmsckeditor_link_content\">\r\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.url\">\r\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\r\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\r\n                  {{ target.name }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\r\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\r\n                  {{ protocol.name }}\r\n                </mat-option>\r\n              </mat-select>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\r\n                (ngModelChange)=\"getUrlToSetProtocol()\" />\r\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\r\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\r\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\r\n            <div class=\"col-6 pl-3 ps-3\">\r\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\r\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\r\n              </button>\r\n            </div>\r\n            <div class=\"col-6 pr-3 pe-3\">\r\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\r\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\r\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\r\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\r\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\r\n                  disableOptionCentering>\r\n                  {{ editorAnchor.viewValue }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <mat-error *ngIf=\"\r\n                  anchorTextFormGroup.get('anchorText').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.email\">\r\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\r\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\r\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\r\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\r\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n\r\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\r\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\r\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\r\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\r\n          (closed)=\"isExpanded = false\">\r\n          <mat-expansion-panel-header>\r\n            <mat-panel-title>\r\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\r\n            </mat-panel-title>\r\n          </mat-expansion-panel-header>\r\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\r\n            <div class=\"col-6 pl-3 ps-3\">\r\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\r\n                {{ LANG.QMSCKEDITOR.HANDBOOK }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\r\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\r\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\r\n              <mat-error *ngIf=\"\r\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\r\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\r\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\r\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\r\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\r\n                  {{ docAnchor.viewValue }}\r\n                </mat-option>\r\n              </mat-select>\r\n              <mat-error *ngIf=\"\r\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\r\n                \" class=\"mt5\">\r\n              </mat-error>\r\n            </mat-form-field>\r\n          </div>\r\n        </mat-expansion-panel>\r\n      </div>\r\n    </form>\r\n  </div>\r\n\r\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\r\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\r\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\r\n        {{ LANG.QMSCKEDITOR.OK }}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</div>",
                     styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}.qmsckeditor__link__container textarea.mat-input-element{min-height:130px}"]
                 },] }
     ];
@@ -9850,9 +9883,13 @@
         { type: dialog.MatDialog },
         { type: TranslateLibraryService },
         { type: QMSCKEditorLinkService },
+        { type: QMSCKEditorCommonService },
         { type: dialog.MatDialogRef },
         { type: QMSCKEditorLink, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    QMSCKEditorLinkComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     // @dynamic
     var QMSCKEditorInjector = /** @class */ (function () {
@@ -9967,12 +10004,13 @@
 
     var QMSCKEditorTemplateComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorTemplateComponent, _super);
-        function QMSCKEditorTemplateComponent(cdr, dialog, translate, templateService, dialogRef, data) {
+        function QMSCKEditorTemplateComponent(cdr, dialog, translate, templateService, commonService, dialogRef, data) {
             var _this = _super.call(this) || this;
             _this.cdr = cdr;
             _this.dialog = dialog;
             _this.translate = translate;
             _this.templateService = templateService;
+            _this.commonService = commonService;
             _this.dialogRef = dialogRef;
             _this.data = data;
             _this.templateFormGroup = new forms.FormGroup({
@@ -10004,7 +10042,9 @@
             this.cdr.detectChanges();
         };
         QMSCKEditorTemplateComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorTemplateComponent.prototype.getTemplate = function () {
             var _this = this;
@@ -10121,7 +10161,9 @@
             });
         };
         QMSCKEditorTemplateComponent.prototype.cancelTemplate = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorTemplateComponent.prototype.updateTemplate = function () {
             var _this = this;
@@ -10131,7 +10173,9 @@
                 .subscribe(function (result) {
                 if (result) {
                     if (_this.isEdit) {
+                        var scrollTop = _this.commonService.getScrollTopCkeditor(_this.ckEditor);
                         _this.dialogRef.close(_this.template);
+                        _this.commonService.setScrollTopEditorContainer(_this.ckEditor, scrollTop);
                     }
                     else {
                         var index = _this.templates.findIndex(function (x) {
@@ -10168,17 +10212,22 @@
         { type: dialog.MatDialog },
         { type: TranslateLibraryService },
         { type: QMSCKEditorTemplateService },
+        { type: QMSCKEditorCommonService },
         { type: dialog.MatDialogRef },
         { type: QMSCKEditorTemplate, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    QMSCKEditorTemplateComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     var QMSCKEditorLoadTemplateComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorLoadTemplateComponent, _super);
-        function QMSCKEditorLoadTemplateComponent(dialog, translate, templateService, dialogRef, data) {
+        function QMSCKEditorLoadTemplateComponent(dialog, translate, templateService, commonService, dialogRef, data) {
             var _this = _super.call(this) || this;
             _this.dialog = dialog;
             _this.translate = translate;
             _this.templateService = templateService;
+            _this.commonService = commonService;
             _this.dialogRef = dialogRef;
             _this.data = data;
             _this.templates = [];
@@ -10195,7 +10244,9 @@
             this.getTemplate();
         };
         QMSCKEditorLoadTemplateComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorLoadTemplateComponent.prototype.getTemplate = function () {
             var _this = this;
@@ -10231,7 +10282,9 @@
                         content: content,
                         isReplace: _this.isReplace,
                     };
+                    var scrollTop = _this.commonService.getScrollTopCkeditor(_this.ckEditor);
                     _this.dialogRef.close(detail);
+                    _this.commonService.setScrollTopEditorContainer(_this.ckEditor, scrollTop);
                 }
             });
         };
@@ -10250,6 +10303,7 @@
                 data: data,
                 disableClose: true
             });
+            dialogTemplate.componentInstance.ckEditor = this.ckEditor;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -10308,9 +10362,13 @@
         { type: dialog.MatDialog },
         { type: TranslateLibraryService },
         { type: QMSCKEditorTemplateService },
+        { type: QMSCKEditorCommonService },
         { type: dialog.MatDialogRef },
         { type: String, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    QMSCKEditorLoadTemplateComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     var QmsUploadAdapter = /** @class */ (function () {
         function QmsUploadAdapter(loader, config) {
@@ -14505,12 +14563,13 @@
 
     var SaveTemplateComponent = /** @class */ (function (_super) {
         __extends(SaveTemplateComponent, _super);
-        function SaveTemplateComponent(translate, bmpnService, bpmnApiService, flowchartService, dialogRef, data) {
+        function SaveTemplateComponent(translate, bmpnService, bpmnApiService, flowchartService, commonService, dialogRef, data) {
             var _this = _super.call(this) || this;
             _this.translate = translate;
             _this.bmpnService = bmpnService;
             _this.bpmnApiService = bpmnApiService;
             _this.flowchartService = flowchartService;
+            _this.commonService = commonService;
             _this.dialogRef = dialogRef;
             _this.data = data;
             _this.saveFormGroup = new forms.FormGroup({
@@ -14560,7 +14619,9 @@
                     if (result) {
                         QMSCKEditorToastService.success(_this.LANG.QMSCKEDITOR.SAVED);
                         _this.flowchart.id = result;
+                        var scrollTop = _this.commonService.getScrollTopCkeditor(_this.ckEditor);
                         _this.dialogRef.close(_this.flowchart);
+                        _this.commonService.setScrollTopEditorContainer(_this.ckEditor, scrollTop);
                     }
                     else {
                         QMSCKEditorToastService.error(_this.LANG.QMSCKEDITOR.SAVE_FAILED);
@@ -14569,7 +14630,9 @@
             }
         };
         SaveTemplateComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         return SaveTemplateComponent;
     }(QMSCKEditorBaseComponent));
@@ -14585,9 +14648,13 @@
         { type: BpmnService },
         { type: QMSCKEditorBpmnApiService },
         { type: QMSCKEditorFlowchartService },
+        { type: QMSCKEditorCommonService },
         { type: dialog.MatDialogRef },
         { type: QMSCKEditorSaveAsTemplate, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    SaveTemplateComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     var ShapeFlowChartConnectionType;
     (function (ShapeFlowChartConnectionType) {
@@ -14651,7 +14718,7 @@
     }());
     var QMSCKEditorBpmnComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorBpmnComponent, _super);
-        function QMSCKEditorBpmnComponent(dialog, translate, bpmnService, bpmnApiService, linkService, uploadService, dialogRef, data) {
+        function QMSCKEditorBpmnComponent(dialog, translate, bpmnService, bpmnApiService, linkService, uploadService, commonService, dialogRef, data) {
             var _this = _super.call(this) || this;
             _this.dialog = dialog;
             _this.translate = translate;
@@ -14659,6 +14726,7 @@
             _this.bpmnApiService = bpmnApiService;
             _this.linkService = linkService;
             _this.uploadService = uploadService;
+            _this.commonService = commonService;
             _this.dialogRef = dialogRef;
             _this.data = data;
             _this.expandedPanel = true;
@@ -14870,7 +14938,7 @@
         };
         QMSCKEditorBpmnComponent.prototype.onInsertImage = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var graph, paper, clientRect, graphObject, id, imageContent, _b, file, relativeUrl, imagemap, result;
+                var graph, paper, clientRect, graphObject, id, imageContent, _b, file, relativeUrl, imagemap, result, scrollTop;
                 return __generator(this, function (_c) {
                     switch (_c.label) {
                         case 0:
@@ -14891,14 +14959,18 @@
                             relativeUrl = _c.sent();
                             imagemap = this.toImageMap(id, graphObject.cells, clientRect);
                             result = { key: CKEditorEventConst.QMSCK_BPMN + "#" + id, values: relativeUrl, imagemap: imagemap };
+                            scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
                             this.dialogRef.close(result);
+                            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
                             return [2 /*return*/];
                     }
                 });
             });
         };
         QMSCKEditorBpmnComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorBpmnComponent.prototype.removeLink = function () {
             var _this = this;
@@ -15103,6 +15175,7 @@
                 data: data,
                 disableClose: true
             });
+            dialogTemplate.componentInstance.ckEditor = this.ckEditor;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -15464,10 +15537,12 @@
         { type: QMSCKEditorBpmnApiService },
         { type: QMSCKEditorLinkService },
         { type: QMSCKEditorUploadService },
+        { type: QMSCKEditorCommonService },
         { type: dialog.MatDialogRef },
         { type: QMSCKEditorBpmnData, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
     ]; };
     QMSCKEditorBpmnComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }],
         onMessage: [{ type: i0.HostListener, args: ['window:message', ['$event'],] }]
     };
 
@@ -17473,7 +17548,7 @@
 
     var QMSCKEditorImageMapComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorImageMapComponent, _super);
-        function QMSCKEditorImageMapComponent(renderer, cdr, dialog, translate, linkService, dialogRef, data, iconRegistry, sanitizer) {
+        function QMSCKEditorImageMapComponent(renderer, cdr, dialog, translate, linkService, dialogRef, commonService, data, iconRegistry, sanitizer) {
             var _this = _super.call(this) || this;
             _this.renderer = renderer;
             _this.cdr = cdr;
@@ -17481,6 +17556,7 @@
             _this.translate = translate;
             _this.linkService = linkService;
             _this.dialogRef = dialogRef;
+            _this.commonService = commonService;
             _this.data = data;
             _this.linkTypes = [];
             _this.targets = [];
@@ -17781,7 +17857,9 @@
             this.cdr.detectChanges();
         };
         QMSCKEditorImageMapComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorImageMapComponent.prototype.onModeChange = function (e) {
             this.selectedMode = e.value;
@@ -17956,10 +18034,13 @@
             var data = this.myImageMap.getMapJson();
             data.imageHeight = this.naturalImageHeight;
             data.imageWidth = this.naturalImageWidth;
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close(data);
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorImageMapComponent.prototype.cancel = function () {
-            this.dialogRef.close();
+            //this.dialogRef.close();
+            this.onCloseDialog();
         };
         return QMSCKEditorImageMapComponent;
     }(QMSCKEditorBaseComponent));
@@ -17977,11 +18058,13 @@
         { type: TranslateLibraryService },
         { type: QMSCKEditorLinkService },
         { type: dialog.MatDialogRef },
+        { type: QMSCKEditorCommonService },
         { type: QMSCKEditorImageMap, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] },
         { type: icon.MatIconRegistry },
         { type: platformBrowser.DomSanitizer }
     ]; };
     QMSCKEditorImageMapComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }],
         myImageRef: [{ type: i0.ViewChild, args: ['myImage',] }],
         myStatusRef: [{ type: i0.ViewChild, args: ['myStatus',] }]
     };
@@ -17996,11 +18079,12 @@
 
     var QMSCKEditorTooltipComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorTooltipComponent, _super);
-        function QMSCKEditorTooltipComponent(cdr, translate, dialogRef, data) {
+        function QMSCKEditorTooltipComponent(cdr, translate, dialogRef, commonService, data) {
             var _this = _super.call(this) || this;
             _this.cdr = cdr;
             _this.translate = translate;
             _this.dialogRef = dialogRef;
+            _this.commonService = commonService;
             _this.data = data;
             _this.tooltipFormGroup = new forms.FormGroup({
                 title: new forms.FormControl('', [forms.Validators.required]),
@@ -18023,7 +18107,9 @@
             this.cdr.detectChanges();
         };
         QMSCKEditorTooltipComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorTooltipComponent.prototype.getOutputContent = function (content) {
             this.tooltip.content = content;
@@ -18046,10 +18132,12 @@
             var tooltip = new QMSCKEditorTooltip();
             tooltip.content = this.tooltip.content;
             tooltip.text = this.tooltip.text;
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close(tooltip);
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         QMSCKEditorTooltipComponent.prototype.cancelTooltip = function () {
-            this.dialogRef.close();
+            this.onCloseDialog();
         };
         return QMSCKEditorTooltipComponent;
     }(QMSCKEditorBaseComponent));
@@ -18064,15 +18152,20 @@
         { type: i0.ChangeDetectorRef },
         { type: TranslateLibraryService },
         { type: dialog.MatDialogRef },
+        { type: QMSCKEditorCommonService },
         { type: QMSCKEditorTooltip, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    QMSCKEditorTooltipComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     var QMSCKEditorAboutComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorAboutComponent, _super);
-        function QMSCKEditorAboutComponent(translate, dialogRef, data) {
+        function QMSCKEditorAboutComponent(translate, dialogRef, commonService, data) {
             var _this = _super.call(this) || this;
             _this.translate = translate;
             _this.dialogRef = dialogRef;
+            _this.commonService = commonService;
             _this.data = data;
             _this.currentVersion = data;
             return _this;
@@ -18087,7 +18180,9 @@
             this.currentYear = new Date().getFullYear();
         };
         QMSCKEditorAboutComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         return QMSCKEditorAboutComponent;
     }(QMSCKEditorBaseComponent));
@@ -18101,8 +18196,12 @@
     QMSCKEditorAboutComponent.ctorParameters = function () { return [
         { type: TranslateLibraryService },
         { type: dialog.MatDialogRef },
+        { type: QMSCKEditorCommonService },
         { type: String, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    QMSCKEditorAboutComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     /*! Rappid v3.3.0 - HTML5 Diagramming Framework
 
@@ -24131,19 +24230,21 @@
 
     var QMSCKEditorFlowchartComponent = /** @class */ (function (_super) {
         __extends(QMSCKEditorFlowchartComponent, _super);
-        function QMSCKEditorFlowchartComponent(dialog, element, translate, flowchartService, uploadService, dialogRef, data) {
+        function QMSCKEditorFlowchartComponent(dialog, element, translate, flowchartService, uploadService, commonService, dialogRef, data) {
             var _this = _super.call(this) || this;
             _this.dialog = dialog;
             _this.element = element;
             _this.translate = translate;
             _this.flowchartService = flowchartService;
             _this.uploadService = uploadService;
+            _this.commonService = commonService;
             _this.dialogRef = dialogRef;
             _this.data = data;
             _this.jsonContent = '';
             _this.id = '';
             _this.flowchart = new QMSCKEditorFlowchart();
             _this.flowchartTemplates = [];
+            _this.ckEditorContainer = document.getElementsByClassName("ck-editor__editable");
             _this.id = data;
             return _this;
         }
@@ -24334,7 +24435,7 @@
         };
         QMSCKEditorFlowchartComponent.prototype.onInsertImage = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var id, imageContent, file, relativeUrl, result;
+                var id, imageContent, file, relativeUrl, result, scrollTop;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0: return [4 /*yield*/, this.saveImageContent()];
@@ -24348,7 +24449,9 @@
                         case 3:
                             relativeUrl = _a.sent();
                             result = { key: CKEditorEventConst.QMSCK_FLOWCHART + "#" + id, values: relativeUrl };
+                            scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
                             this.dialogRef.close(result);
+                            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
                             return [2 /*return*/];
                     }
                 });
@@ -24416,6 +24519,7 @@
                 data: data,
                 disableClose: true
             });
+            dialogTemplate.componentInstance.ckEditor = this.ckEditor;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24455,7 +24559,9 @@
             });
         };
         QMSCKEditorFlowchartComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close();
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         return QMSCKEditorFlowchartComponent;
     }(QMSCKEditorBaseComponent));
@@ -24472,19 +24578,22 @@
         { type: TranslateLibraryService },
         { type: QMSCKEditorFlowchartService },
         { type: QMSCKEditorUploadService },
+        { type: QMSCKEditorCommonService },
         { type: dialog.MatDialogRef },
         { type: String, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
     ]; };
     QMSCKEditorFlowchartComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }],
         onMessage: [{ type: i0.HostListener, args: ['window:message', ['$event'],] }]
     };
 
     var QmsCkeditorLinkSimpleComponent = /** @class */ (function (_super) {
         __extends(QmsCkeditorLinkSimpleComponent, _super);
-        function QmsCkeditorLinkSimpleComponent(dialogRef, translate, data) {
+        function QmsCkeditorLinkSimpleComponent(dialogRef, translate, commonService, data) {
             var _this = _super.call(this) || this;
             _this.dialogRef = dialogRef;
             _this.translate = translate;
+            _this.commonService = commonService;
             _this.data = data;
             _this.urlFormControl = new forms.FormControl('', [forms.Validators.required]);
             return _this;
@@ -24510,22 +24619,33 @@
             var link = new QMSCKEditorLink();
             link.targetId = exports.TargetType.new;
             link.url = "" + exports.LinkType.url + exports.ProtocolType.http + this.url;
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
             this.dialogRef.close(link);
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
+        };
+        QmsCkeditorLinkSimpleComponent.prototype.onCloseDialog = function () {
+            var scrollTop = this.commonService.getScrollTopCkeditor(this.ckEditor);
+            this.dialogRef.close(null);
+            this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
         };
         return QmsCkeditorLinkSimpleComponent;
     }(QMSCKEditorBaseComponent));
     QmsCkeditorLinkSimpleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lib-qms-ckeditor-link-simple',
-                    template: "<div id=\"qmsckeditor_link-simple\" class=\"qmsckeditor qmsckeditor__link-simple__container\">\r\n    <div id=\"qmsckeditor_link-simple_header\">\r\n        <span mat-icon-button class=\"qmsckeditor button__close\" [mat-dialog-close]=\"false\">\r\n            <mat-icon>close</mat-icon>\r\n        </span>\r\n        <div mat-dialog-content>\r\n            <h2>\r\n                {{LANG.QMSCKEDITOR.LINK}}\r\n            </h2>\r\n        </div>\r\n    </div>\r\n    <div id=\"qmsckeditor_link-simple_body\" class=\"row\">\r\n        <div id=\"qmsckeditor_link-simple_url\">\r\n            <mat-form-field class=\"col-12\" appearance=\"fill\">\r\n                <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n                <input matInput [(ngModel)]=\"url\" name=\"url\" [formControl]=\"urlFormControl\" />\r\n                <mat-error *ngIf=\"urlFormControl.hasError('required')\">\r\n            </mat-error>\r\n        </mat-form-field>\r\n        </div>\r\n    </div>\r\n    <div id=\"qmsckeditor_link-simple_footer\">\r\n        <div id=\"qmsckeditor_link-simple_action\" align=\"end\">\r\n            <button qms-btn-text [mat-dialog-close]=\"false\">{{LANG.CANCEL}}</button>\r\n            <button qms-btn (click)=\"setLink()\">{{LANG.SAVE}}</button>\r\n        </div>\r\n    </div>\r\n</div>",
+                    template: "<div id=\"qmsckeditor_link-simple\" class=\"qmsckeditor qmsckeditor__link-simple__container\">\r\n    <div id=\"qmsckeditor_link-simple_header\">\r\n        <span mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\r\n            <mat-icon>close</mat-icon>\r\n        </span>\r\n        <div mat-dialog-content>\r\n            <h2>\r\n                {{LANG.QMSCKEDITOR.LINK}}\r\n            </h2>\r\n        </div>\r\n    </div>\r\n    <div id=\"qmsckeditor_link-simple_body\" class=\"row\">\r\n        <div id=\"qmsckeditor_link-simple_url\">\r\n            <mat-form-field class=\"col-12\" appearance=\"fill\">\r\n                <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\r\n                <input matInput [(ngModel)]=\"url\" name=\"url\" [formControl]=\"urlFormControl\" />\r\n                <mat-error *ngIf=\"urlFormControl.hasError('required')\">\r\n                </mat-error>\r\n            </mat-form-field>\r\n        </div>\r\n    </div>\r\n    <div id=\"qmsckeditor_link-simple_footer\">\r\n        <div id=\"qmsckeditor_link-simple_action\" align=\"end\">\r\n            <button qms-btn-text (click)=\"onCloseDialog()\">{{LANG.CANCEL}}</button>\r\n            <button qms-btn (click)=\"setLink()\">{{LANG.SAVE}}</button>\r\n        </div>\r\n    </div>\r\n</div>",
                     styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}"]
                 },] }
     ];
     QmsCkeditorLinkSimpleComponent.ctorParameters = function () { return [
         { type: dialog.MatDialogRef },
         { type: TranslateLibraryService },
+        { type: QMSCKEditorCommonService },
         { type: QMSCKEditorLink, decorators: [{ type: i0.Inject, args: [dialog.MAT_DIALOG_DATA,] }] }
-    ]; };
+    ]; };
+    QmsCkeditorLinkSimpleComponent.propDecorators = {
+        ckEditor: [{ type: i0.Input }]
+    };
 
     var CKEditorImageUploadTypeConst = /** @class */ (function () {
         function CKEditorImageUploadTypeConst() {
@@ -24558,34 +24678,34 @@
         }
         QMSCKEditorComponent.prototype.onMessage = function (event) {
             switch (event.data.eventName) {
-                case this.ckEditorEventConst.QMSCK_TEMPLATE_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_TEMPLATE_PLUGIN_MSG + this.editorInstance.id:
                     this.templateEventHandling();
                     break;
-                case this.ckEditorEventConst.QMSCK_LOAD_TEMPLATE_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_LOAD_TEMPLATE_PLUGIN_MSG + this.editorInstance.id:
                     this.loadTemplateEventHandling();
                     break;
-                case this.ckEditorEventConst.QMSCK_LINK_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_LINK_PLUGIN_MSG + this.editorInstance.id:
                     this.linkEventHandling(event.data.value, this.qmsckContentFields, this.qmsckIsGetAnchorMoreContent);
                     break;
-                case this.ckEditorEventConst.QMSCK_TOOLTIP_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_TOOLTIP_PLUGIN_MSG + this.editorInstance.id:
                     this.tooltipEventHandling(event.data.value);
                     break;
-                case this.ckEditorEventConst.QMSCK_IMAGEMAP_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_IMAGEMAP_PLUGIN_MSG + this.editorInstance.id:
                     this.imageMapEventHandling(event.data.value);
                     break;
-                case this.ckEditorEventConst.QMSCK_BPMN_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_BPMN_PLUGIN_MSG + this.editorInstance.id:
                     this.bpmnEventHandling(event.data.value);
                     break;
-                case this.ckEditorEventConst.QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_ABOUT_CKEDITOR_PLUGIN_MSG + this.editorInstance.id:
                     this.aboutCKEditorEventHandling(event.data.value);
                     break;
-                case this.ckEditorEventConst.QMSCK_FLOWCHART_PLUGIN_MSG:
+                case this.ckEditorEventConst.QMSCK_FLOWCHART_PLUGIN_MSG + this.editorInstance.id:
                     this.flowchartEventHandling(event.data.value);
                     break;
-                case this.ckEditorEventConst.QMSCK_TOGGLE_TOOLBAR_MSG:
+                case this.ckEditorEventConst.QMSCK_TOGGLE_TOOLBAR_MSG + this.editorInstance.id:
                     this.toggleToolbarEventHandling();
                     break;
-                case this.ckEditorEventConst.QMSCK_BROWSE_VIDEO_MSG:
+                case this.ckEditorEventConst.QMSCK_BROWSE_VIDEO_MSG + this.editorInstance.id:
                     this.browseVideoEventHandling(event.data.value);
                     break;
                 default:
@@ -24607,6 +24727,9 @@
                 toolbarItems += ',' + this.qmsckData.toggledToolbarItems;
             }
             this.ckeditorConfig = CKEditorCommonFunctions.getCKEditorConfiguration(toolbarItems);
+            if (this.ckeditorConfig)
+                this.ckeditorConfig.containerId = this.editorId;
+            this.ckeditorConfig = CKEditorCommonFunctions.getCKEditorConfiguration(toolbarItems);
             if (this.qmsckData.hideImgOptions) {
                 this.ckeditorConfig = this.hideImageOptions(this.ckeditorConfig, this.qmsckData.hideImgOptions);
             }
@@ -24799,7 +24922,7 @@
             // Apped Wordcount to CKeditor
             editor.plugins.get("WordCount").on("update", function (evt, stats) {
                 // Prints the current content statistics.
-                var wordsBox = document.querySelector(".wordcount-content");
+                var wordsBox = document.querySelector("#" + _this.editorId + " .wordcount-content");
                 if (!!wordsBox) {
                     wordsBox.textContent = _this.LANG.QMSCKEDITOR.WORDS + ": " + stats.words + " / " + _this.LANG.QMSCKEDITOR.CHARACTERS + ": " + stats.characters;
                 }
@@ -24820,6 +24943,7 @@
                 data: data,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24840,6 +24964,7 @@
                 data: this.qmsckContentInput,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24857,6 +24982,8 @@
          */
         QMSCKEditorComponent.prototype.linkEventHandling = function (link, qmsckContentFields, qmsckIsGetAnchorMoreContent) {
             var _this = this;
+            if (link.ckeditorId != this.editorInstance.id)
+                return;
             var data = new QMSCKEditorLink();
             data = link;
             data.editorContent = this.qmsckContentInput;
@@ -24884,6 +25011,7 @@
                     autoFocus: false,
                 });
             }
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24909,6 +25037,7 @@
                 data: data,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24940,6 +25069,7 @@
                 data: data,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24970,6 +25100,7 @@
                 data: data,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -24991,6 +25122,7 @@
                 data: version,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -25053,6 +25185,7 @@
                 data: id,
                 disableClose: true,
             });
+            dialogTemplate.componentInstance.ckEditor = this.editorInstance;
             dialogTemplate
                 .afterClosed()
                 .pipe(operators.takeUntil(this.ngUnsubcribe))
@@ -25185,7 +25318,7 @@
                     ],
                     encapsulation: i0.ViewEncapsulation.None,
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}.qmsckeditor_container .qmsckeditor__minwidth{width:100%}.qmsckeditor_container .ck-editor__editable{overflow-y:auto}.qmsckeditor_container p{line-height:normal}.qms-ckeditor .ck.ck-editor__editable{max-height:172px;min-height:172px;background-color:rgba(0,0,0,.04);font-family:Open Sans}.qms-ckeditor .ck.ck-editor__editable:not(.ck-focused,.ck-read-only):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar{width:12px}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-ckeditor .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-ckeditor .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-ckeditor .ck-disabled .ck.ck-toolbar{background-color:var(--disabled);pointer-events:none}.qms-ckeditor .ck-disabled .ck-button{pointer-events:none}.qms-ckeditor .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-ckeditor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid var(--primary);border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-ckeditor .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}.qms-ckeditor .ck.ck-sticky-panel .ck-sticky-panel__content_sticky{box-shadow:none;border-width:0}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#fff}.qmsckeditor__fullscreen .qms-ckeditor{height:98%;display:block;width:100%}.qmsckeditor__fullscreen .ck.ck-editor__main{height:98%}.qmsckeditor__fullscreen .ck.ck-editor__editable{height:inherit}.sub-container{display:flex;justify-content:space-between;padding:0 10px;font-family:Open Sans;font-size:.75rem;font-weight:400;line-height:16px;color:rgba(0,0,0,.6)}"]
+                    styles: [".mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt7{margin-top:7px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.ml2{margin-left:2px!important}.ml3{margin-left:3px!important}.ml5{margin-left:5px!important}.ml15{margin-left:15px!important}.ml10{margin-left:10px!important}.ml12{margin-left:12px!important}.ml16{margin-left:16px!important}.ml-auto{margin-left:auto!important}.ml-25{margin-left:-25px!important}.mr5{margin-right:5px!important}.mr12{margin-right:12px!important}.mr15{margin-right:15px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.pt8{padding-top:8px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt16{padding-top:16px!important}.pl15{padding-left:15px!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pr15{padding-right:15px!important}.fs12{font-size:12px}.fs14{font-size:14px!important}.fs16{font-size:16px!important}.fs22{font-size:22px!important}.fw500{font-weight:500!important}.italic-text{font-style:italic}.display-flex{display:flex}.qmsckeditor{font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.qmsckeditor h2{font-size:20px;font-weight:400}.qmsckeditor .mat-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close,.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{margin-right:20px}.qmsckeditor.button__done .mat-icon{color:#28a745;font-weight:700}.qmsckeditor.button__groups button{min-height:40px;width:100%;border-radius:4px;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px}.qmsckeditor.button__groups .save{background:#f8f9f9}.qmsckeditor.button__groups .save:hover{background:#e5e7e9}.qmsckeditor.button__groups .save:disabled{cursor:not-allowed}.qmsckeditor.button__groups .cancel{background:#f8f9f9}.qmsckeditor.button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.button__groups .cancel:disabled{cursor:not-allowed}.qmsckeditor.button__groups .delete{background:#f8f9f9}.qmsckeditor.button__groups .delete:hover{background:#e5e7e9}.qmsckeditor.button__groups .delete:disabled{cursor:not-allowed}.qmsckeditor.confirm__button__groups button{min-height:36px;border-radius:4px;width:auto;border:1px solid #c5c5c5;font-family:Open Sans;font-weight:600;font-size:14px;letter-spacing:1px;line-height:16px;padding-left:15px;padding-right:15px}.qmsckeditor.confirm__button__groups .confirm{background:#f8f9f9}.qmsckeditor.confirm__button__groups .confirm:hover{background:#e5e7e9}.qmsckeditor.confirm__button__groups .cancel{background:#f8f9f9}.qmsckeditor.confirm__button__groups .cancel:hover{background:#e5e7e9}.qmsckeditor.template-content.height{min-height:420px;max-height:520px;overflow:auto}.qmsckeditor.template-content.title{margin-left:-9px}.qmsckeditor.link__content.height{min-height:400px;max-height:520px}.qmsckeditor.card{margin-bottom:10px;min-height:60px;box-shadow:none;border:1px solid #e5e5e5}.qmsckeditor.card .title{font-weight:700}.qmsckeditor.card .content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.qmsckeditor.card .material-icons{font-size:20px}.qmsckeditor.tooltip-content.height{min-height:400px;max-height:472px;overflow:auto}.qmsckeditor.save__as__template.height{height:125px}.ck-content .ck-horizontal-line,.ck-content .page-break{width:100%}.ck-content hr{background:#ccc}.ck-font-size-dropdown .ck-dropdown__panel ul{max-height:320px;overflow-y:auto}.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{line-height:50px}.qmsckeditor_container .qmsckeditor__minwidth{width:100%}.qmsckeditor_container .ck-editor__editable{overflow-y:auto}.qmsckeditor_container p{line-height:normal}.qms-ckeditor .ck.ck-editor__editable{max-height:172px;min-height:172px;background-color:rgba(0,0,0,.04);font-family:Open Sans}.qms-ckeditor .ck.ck-editor__editable:not(.ck-focused,.ck-read-only):hover{background-color:rgba(0,0,0,.08);border-bottom:2px solid rgba(0,0,0,.38)}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar{width:12px}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-track{background:transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38);border-radius:20px;width:4px;border:4px solid transparent;background-clip:content-box}.qms-ckeditor .ck.ck-editor__editable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5);background-clip:content-box;border:4px solid transparent}.qms-ckeditor .ck-placeholder{font-size:1rem;font-weight:600;color:rgba(0,0,0,.6)}.qms-ckeditor .ck-disabled .ck.ck-editor__main>.ck-editor__editable,.qms-ckeditor .ck-disabled .ck.ck-toolbar{background-color:var(--disabled);pointer-events:none}.qms-ckeditor .ck-disabled .ck-button{pointer-events:none}.qms-ckeditor .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused):focus{border-radius:4px}.qms-ckeditor .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused{border:1px solid #c4c4c4;border-bottom:2px solid var(--primary);border-radius:4px;box-shadow:none;background-color:rgba(0,0,0,.08)}.qms-ckeditor .ck.ck-toolbar{box-shadow:0 1px 3px rgba(51,51,51,.2)}.qms-ckeditor .ck.ck-sticky-panel .ck-sticky-panel__content_sticky{box-shadow:none;border-width:0}.qmsckeditor__fullscreen{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;background:#fff;z-index:99}.qmsckeditor__fullscreen .qms-ckeditor{height:98%;display:block;width:100%}.qmsckeditor__fullscreen .ck.ck-editor__main{height:98%}.qmsckeditor__fullscreen .ck.ck-editor__editable{height:calc(100vh - 100px);max-height:100%!important}.sub-container{display:flex;justify-content:space-between;padding:0 10px;font-family:Open Sans;font-size:.75rem;font-weight:400;line-height:16px;color:rgba(0,0,0,.6)}"]
                 },] }
     ];
     QMSCKEditorComponent.ctorParameters = function () { return [
@@ -32774,14 +32907,15 @@
     exports["ɵe"] = QMSBasicTreeComponent;
     exports["ɵf"] = QMSCKEditorTreeService;
     exports["ɵg"] = QMSCKEditorTemplateComponent;
-    exports["ɵh"] = LinkAttachmentComponent;
-    exports["ɵi"] = QMSCKEditorTooltipComponent;
-    exports["ɵj"] = QMSCKEditorTooltip;
-    exports["ɵk"] = QMSCKEditorImageMapComponent;
-    exports["ɵl"] = QMSCKEditorImageMap;
-    exports["ɵm"] = QMSCKEditorBpmnData;
-    exports["ɵn"] = QMSCKEditorAboutComponent;
-    exports["ɵo"] = QMSCKEditorFlowchartComponent;
+    exports["ɵh"] = QMSCKEditorCommonService;
+    exports["ɵi"] = LinkAttachmentComponent;
+    exports["ɵj"] = QMSCKEditorTooltipComponent;
+    exports["ɵk"] = QMSCKEditorTooltip;
+    exports["ɵl"] = QMSCKEditorImageMapComponent;
+    exports["ɵm"] = QMSCKEditorImageMap;
+    exports["ɵn"] = QMSCKEditorBpmnData;
+    exports["ɵo"] = QMSCKEditorAboutComponent;
+    exports["ɵp"] = QMSCKEditorFlowchartComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });