npm - qms-angular - Versions diffs - 2.0.1 → 2.0.3 - Mend

qms-angular 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs CHANGED Viewed

@@ -641,11 +641,11 @@ export class QMSCKEditorLinkComponent extends QMSCKEditorBaseComponent {
         this.setLink();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorLinkComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.MatDialog }, { token: i2.TranslateLibraryService }, { token: i3.QMSCKEditorLinkService }, { token: i4.QMSCKEditorCommonService }, { token: i5.QMSCKEditorTreeService }, { token: i6.QMSSelectProcessDocumentGlobalService }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorLinkComponent, selector: "qms-ckeditor-link", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\n  <div id=\"qmsckeditor_link_header\">\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor_link_header_001\">\n        {{ LANG.QMSCKEDITOR.LINK }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\n        (ngModelChange)=\"onSelectedLinkType()\">\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\n          {{ link.name }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div id=\"qmsckeditor_link_content\">\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.url\">\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\n                  {{ protocol.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n                (ngModelChange)=\"getUrlToSetProtocol()\" (keydown.enter)=\"setLinkUrlType($event)\" />\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n              </button>\n            </div>\n            <div class=\"col-6 pr-3 pe-3\">\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n              </button>\n            </div>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\n                  disableOptionCentering>\n                  {{ editorAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorTextFormGroup.get('anchorText').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.email\">\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT }}\n              </button>\n            </div>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTargetAnchorDocument\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_004\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\n                  {{ docAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n  </div>\n\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\n        {{ LANG.QMSCKEDITOR.OK }}\n      </button>\n    </div>\n  </div>\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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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-mdc-input-element{min-height:130px}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i11.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i11.MatLabel, selector: "mat-label" }, { kind: "directive", type: i11.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i12.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i13.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i15.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorLinkComponent, selector: "qms-ckeditor-link", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\n  <div id=\"qmsckeditor_link_header\">\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor_link_header_001\">\n        {{ LANG.QMSCKEDITOR.LINK }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\n        (ngModelChange)=\"onSelectedLinkType()\">\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\n          {{ link.name }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div id=\"qmsckeditor_link_content\">\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.url\">\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\n                  {{ protocol.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n                (ngModelChange)=\"getUrlToSetProtocol()\" (keydown.enter)=\"setLinkUrlType($event)\" />\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n              </button>\n            </div>\n            <div class=\"col-6 pr-3 pe-3\">\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n              </button>\n            </div>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\n                  disableOptionCentering>\n                  {{ editorAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorTextFormGroup.get('anchorText').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.email\">\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT }}\n              </button>\n            </div>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTargetAnchorDocument\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_004\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\n                  {{ docAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n  </div>\n\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\n        {{ LANG.QMSCKEDITOR.OK }}\n      </button>\n    </div>\n  </div>\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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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-mdc-input-element{min-height:130px}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i9.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i9.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i9.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i10.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i11.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i11.MatLabel, selector: "mat-label" }, { kind: "directive", type: i11.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i12.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i12.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i12.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i12.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i13.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i14.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i15.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: "qms-ckeditor-link", template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\n  <div id=\"qmsckeditor_link_header\">\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor_link_header_001\">\n        {{ LANG.QMSCKEDITOR.LINK }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\n        (ngModelChange)=\"onSelectedLinkType()\">\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\n          {{ link.name }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div id=\"qmsckeditor_link_content\">\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.url\">\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\n                  {{ protocol.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n                (ngModelChange)=\"getUrlToSetProtocol()\" (keydown.enter)=\"setLinkUrlType($event)\" />\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n              </button>\n            </div>\n            <div class=\"col-6 pr-3 pe-3\">\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n              </button>\n            </div>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\n                  disableOptionCentering>\n                  {{ editorAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorTextFormGroup.get('anchorText').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.email\">\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT }}\n              </button>\n            </div>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTargetAnchorDocument\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_004\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\n                  {{ docAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n  </div>\n\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\n        {{ LANG.QMSCKEDITOR.OK }}\n      </button>\n    </div>\n  </div>\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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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-mdc-input-element{min-height:130px}\n"] }]
+            args: [{ selector: "qms-ckeditor-link", template: "<div id=\"qmsckeditor_link\" class=\"qmsckeditor qmsckeditor__link__container\">\n  <div id=\"qmsckeditor_link_header\">\n    <span id=\"qmsckeditor_link_header_001\" mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor_link_header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor_link_header_001\">\n        {{ LANG.QMSCKEDITOR.LINK }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor_link_type\" class=\"row\">\n    <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n      <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n      <mat-select disableOptionCentering name=\"linkTypeList\" [(ngModel)]=\"selectedLinkType\"\n        (ngModelChange)=\"onSelectedLinkType()\">\n        <mat-option *ngFor=\"let link of linkTypes\" [value]=\"link.id\">\n          {{ link.name }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n\n  <div id=\"qmsckeditor_link_content\">\n    <form [formGroup]=\"linkFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.url\">\n      <div id=\"qmsckeditor_link_url\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_url_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.URL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_url_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_002\" class=\"row\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\" disableOptionCentering>\n                <mat-option *ngFor=\"let protocol of protocols\" [value]=\"protocol.id\">\n                  {{ protocol.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n              <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n                (ngModelChange)=\"getUrlToSetProtocol()\" (keydown.enter)=\"setLinkUrlType($event)\" />\n              <mat-error *ngIf=\"linkFormGroup.get('url').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_004\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TITLE }}</mat-label>\n              <input matInput [(ngModel)]=\"advisoryTitle\" formControlName=\"advisoryTitle\" />\n              <mat-error *ngIf=\"linkFormGroup.get('advisoryTitle').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_url_005\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"save\" mat-flat-button (click)=\"eHandbook(false, false)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n              </button>\n            </div>\n            <div class=\"col-6 pr-3 pe-3\">\n              <button class=\"save\" mat-flat-button (click)=\"attachment()\">\n                {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n              </button>\n            </div>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorTextFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorText\">\n      <div id=\"qmsckeditor_link_anchor_text\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_anchor_text_panel\" [expanded]=\"isExpanded\"\n          (opened)=\"isExpanded = true\" (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.ANCHOR_TEXT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_text_001\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorText\" formControlName=\"anchorText\">\n                <mat-option *ngFor=\"let editorAnchor of editorAnchors\" [value]=\"editorAnchor.anchorValue\"\n                  disableOptionCentering>\n                  {{ editorAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorTextFormGroup.get('anchorText').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"emailFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.email\">\n      <div id=\"qmsckeditor_link_email\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.EMAIL_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_email_001\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_ADDRESS }}</mat-label>\n              <input matInput [(ngModel)]=\"emailAddress\" formControlName=\"emailAddress\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailAddress').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_002\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_SUBJECT }}</mat-label>\n              <input matInput [(ngModel)]=\"emailSubject\" formControlName=\"emailSubject\" />\n              <mat-error *ngIf=\"emailFormGroup.get('emailSubject').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_email_003\" class=\"row\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.EMAIL_BODY }}</mat-label>\n              <textarea matInput [(ngModel)]=\"emailBody\" formControlName=\"emailBody\"></textarea>\n              <mat-error *ngIf=\"emailFormGroup.get('emailBody').hasError('required')\" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n\n    <form [formGroup]=\"anchorDocFormGroup\" class=\"qmsckeditor link__content height row\"\n      *ngIf=\"selectedLinkType == LinkType.anchorDocument\">\n      <div id=\"qmsckeditor_link_anchor_doc\" class=\"col-12 mt-1 pl-3 pr-3 ps-3 pe-3\">\n        <mat-expansion-panel id=\"qmsckeditor_link_email_panel\" [expanded]=\"isExpanded\" (opened)=\"isExpanded = true\"\n          (closed)=\"isExpanded = false\">\n          <mat-expansion-panel-header>\n            <mat-panel-title>\n              {{ LANG.QMSCKEDITOR.DOCUMENT_HEADER }}\n            </mat-panel-title>\n          </mat-expansion-panel-header>\n          <div id=\"qmsckeditor_link_anchor_doc_001\" class=\"qmsckeditor button__groups row\">\n            <div class=\"col-6 pl-3 ps-3\">\n              <button class=\"cancel\" mat-flat-button (click)=\"eHandbook(true, true)\">\n                {{ LANG.QMSCKEDITOR.DOCUMENT }}\n              </button>\n            </div>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_002\" class=\"row mt-4\">\n            <mat-form-field class=\"col-12 pl-3 pr-3 ps-3 pe-3\" appearance=\"fill\">\n              <mat-label>{{ LANG.QMSCKEDITOR.DOCUMENT }}</mat-label>\n              <input matInput [(ngModel)]=\"anchorTitle\" formControlName=\"anchorTitle\" />\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorTitle').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_003\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n              <mat-select [(ngModel)]=\"selectedTargetAnchorDocument\" formControlName=\"targetList\" disableOptionCentering>\n                <mat-option *ngFor=\"let target of targets\" [value]=\"target.id\">\n                  {{ target.name }}\n                </mat-option>\n              </mat-select>\n            </mat-form-field>\n          </div>\n          <div id=\"qmsckeditor_link_anchor_doc_004\" class=\"row mt-2\">\n            <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 ps-3 pe-3\">\n              <mat-label>{{ LANG.QMSCKEDITOR.ANCHOR_BY_NAME }}</mat-label>\n              <mat-select [(ngModel)]=\"anchorByName\" formControlName=\"anchorByName\" disableOptionCentering>\n                <mat-option *ngFor=\"let docAnchor of documentAnchors\" [value]=\"docAnchor.anchorValue\">\n                  {{ docAnchor.viewValue }}\n                </mat-option>\n              </mat-select>\n              <mat-error *ngIf=\"\n                  anchorDocFormGroup.get('anchorByName').hasError('required')\n                \" class=\"mt5\">\n              </mat-error>\n            </mat-form-field>\n          </div>\n        </mat-expansion-panel>\n      </div>\n    </form>\n  </div>\n\n  <div id=\"qmsckeditor_link_footer\" class=\"qmsckeditor button__groups row\">\n    <div class=\"col-12 mt-3 pl-3 pr-3 ps-3 pe-3\">\n      <button class=\"save\" mat-flat-button (click)=\"setLink()\" [disabled]=\"disableOkButton()\">\n        {{ LANG.QMSCKEDITOR.OK }}\n      </button>\n    </div>\n  </div>\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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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-mdc-input-element{min-height:130px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.MatDialog }, { type: i2.TranslateLibraryService }, { type: i3.QMSCKEditorLinkService }, { type: i4.QMSCKEditorCommonService }, { type: i5.QMSCKEditorTreeService }, { type: i6.QMSSelectProcessDocumentGlobalService }, { type: i1.MatDialogRef }, { type: QMSCKEditorLink, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs CHANGED Viewed

@@ -57,11 +57,11 @@ export class QmsCkeditorLinkSimpleComponent extends QMSCKEditorBaseComponent {
         this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsCkeditorLinkSimpleComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.TranslateLibraryService }, { token: i3.QMSCKEditorCommonService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsCkeditorLinkSimpleComponent, selector: "lib-qms-ckeditor-link-simple", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor_link-simple\" class=\"qmsckeditor qmsckeditor__link-simple__container\">\n    <div id=\"qmsckeditor_link-simple_header\">\n        <span mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n            <mat-icon>close</mat-icon>\n        </span>\n        <div mat-dialog-content>\n            <h2>\n                {{LANG.QMSCKEDITOR.LINK}}\n            </h2>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_body\" class=\"row\">\n        <div id=\"qmsckeditor_link-simple_url\">\n            <mat-form-field class=\"col-12\" appearance=\"fill\">\n                <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n                <input matInput [(ngModel)]=\"url\" name=\"url\" [formControl]=\"urlFormControl\" />\n                <mat-error *ngIf=\"urlFormControl.hasError('required')\">\n                </mat-error>\n            </mat-form-field>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_footer\">\n        <div id=\"qmsckeditor_link-simple_action\" align=\"end\">\n            <button qms-btn-text (click)=\"onCloseDialog()\">{{LANG.CANCEL}}</button>\n            <button qms-btn (click)=\"setLink()\">{{LANG.SAVE}}</button>\n        </div>\n    </div>\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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i9.QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QmsCkeditorLinkSimpleComponent, selector: "lib-qms-ckeditor-link-simple", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor_link-simple\" class=\"qmsckeditor qmsckeditor__link-simple__container\">\n    <div id=\"qmsckeditor_link-simple_header\">\n        <span mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n            <mat-icon>close</mat-icon>\n        </span>\n        <div mat-dialog-content>\n            <h2>\n                {{LANG.QMSCKEDITOR.LINK}}\n            </h2>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_body\" class=\"row\">\n        <div id=\"qmsckeditor_link-simple_url\">\n            <mat-form-field class=\"col-12\" appearance=\"fill\">\n                <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n                <input matInput [(ngModel)]=\"url\" name=\"url\" [formControl]=\"urlFormControl\" />\n                <mat-error *ngIf=\"urlFormControl.hasError('required')\">\n                </mat-error>\n            </mat-form-field>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_footer\">\n        <div id=\"qmsckeditor_link-simple_action\" align=\"end\">\n            <button qms-btn-text (click)=\"onCloseDialog()\">{{LANG.CANCEL}}</button>\n            <button qms-btn (click)=\"setLink()\">{{LANG.SAVE}}</button>\n        </div>\n    </div>\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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i9.QMSButton, selector: "button[qms-btn], button[qms-btn-lg], button[qms-btn-outlined],\n               button[qms-btn-outlined-lg], button[qms-btn-text], button[qms-btn-text-lg],\n               button[qms-btn-fab],button[qms-btn-fab-sm],button[qms-btn-fab-ext],\n               button[qms-btn-fab-outlined],button[qms-btn-fab-outlined-sm],button[qms-btn-fab-outlined-ext]", inputs: ["disabled", "color"], exportAs: ["qmsButton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QmsCkeditorLinkSimpleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-qms-ckeditor-link-simple', template: "<div id=\"qmsckeditor_link-simple\" class=\"qmsckeditor qmsckeditor__link-simple__container\">\n    <div id=\"qmsckeditor_link-simple_header\">\n        <span mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n            <mat-icon>close</mat-icon>\n        </span>\n        <div mat-dialog-content>\n            <h2>\n                {{LANG.QMSCKEDITOR.LINK}}\n            </h2>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_body\" class=\"row\">\n        <div id=\"qmsckeditor_link-simple_url\">\n            <mat-form-field class=\"col-12\" appearance=\"fill\">\n                <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n                <input matInput [(ngModel)]=\"url\" name=\"url\" [formControl]=\"urlFormControl\" />\n                <mat-error *ngIf=\"urlFormControl.hasError('required')\">\n                </mat-error>\n            </mat-form-field>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_footer\">\n        <div id=\"qmsckeditor_link-simple_action\" align=\"end\">\n            <button qms-btn-text (click)=\"onCloseDialog()\">{{LANG.CANCEL}}</button>\n            <button qms-btn (click)=\"setLink()\">{{LANG.SAVE}}</button>\n        </div>\n    </div>\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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}\n"] }]
+            args: [{ selector: 'lib-qms-ckeditor-link-simple', template: "<div id=\"qmsckeditor_link-simple\" class=\"qmsckeditor qmsckeditor__link-simple__container\">\n    <div id=\"qmsckeditor_link-simple_header\">\n        <span mat-icon-button class=\"qmsckeditor button__close\" (click)=\"onCloseDialog()\">\n            <mat-icon>close</mat-icon>\n        </span>\n        <div mat-dialog-content>\n            <h2>\n                {{LANG.QMSCKEDITOR.LINK}}\n            </h2>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_body\" class=\"row\">\n        <div id=\"qmsckeditor_link-simple_url\">\n            <mat-form-field class=\"col-12\" appearance=\"fill\">\n                <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n                <input matInput [(ngModel)]=\"url\" name=\"url\" [formControl]=\"urlFormControl\" />\n                <mat-error *ngIf=\"urlFormControl.hasError('required')\">\n                </mat-error>\n            </mat-form-field>\n        </div>\n    </div>\n    <div id=\"qmsckeditor_link-simple_footer\">\n        <div id=\"qmsckeditor_link-simple_action\" align=\"end\">\n            <button qms-btn-text (click)=\"onCloseDialog()\">{{LANG.CANCEL}}</button>\n            <button qms-btn (click)=\"setLink()\">{{LANG.SAVE}}</button>\n        </div>\n    </div>\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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: i2.TranslateLibraryService }, { type: i3.QMSCKEditorCommonService }, { type: QMSCKEditorLink, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs CHANGED Viewed

@@ -147,11 +147,11 @@ export class QMSCKEditorLoadTemplateComponent extends QMSCKEditorBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorLoadTemplateComponent, deps: [{ token: i1.MatDialog }, { token: i2.TranslateLibraryService }, { token: i3.QMSCKEditorTemplateService }, { token: i4.QMSCKEditorCommonService }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorLoadTemplateComponent, selector: "app-qmsck-load-template", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor-load-template\" class=\"qmsckeditor qmsckeditor__loadtemplate__container\">\n  <div id=\"qmsckeditor-load-template-header\">\n    <span id=\"qmsckeditor-load-template-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n      (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor-load-template-header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor-template_002_001\">\n        {{ LANG.QMSCKEDITOR.CONTENT_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"load-template_002\">\n    <div id=\"load-template_002_001\" class=\"title col-12 mt-3\">\n      <h2 id=\"load-template_002_001_001\">\n        {{ LANG.QMSCKEDITOR.CHOOSE_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor-load-template-content\" class=\"qmsckeditor template-content height\">\n    <div id=\"qmsckeditor-load-template-content_003\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n      <mat-card appearance=\"outlined\" class=\"qmsckeditor card col-12\" *ngFor=\"let template of templates\">\n        <div class=\"row\">\n          <div class=\"qmsckeditor__cursor col-2\"> \n            <img class=\"image-template\" src=\"{{template.imageUrl}}\">\n          </div>\n          <div class=\"qmsckeditor__cursor col-8\" (click)=\"onSelectTemplate(template.id)\">\n            <div class=\"col-12 pl-0 ps-0 title\">\n              <span>{{ template.title }}</span>\n            </div>\n            <div class=\"col-12 pl-0 ps-0 content\">\n              <span>{{ template.description }}</span>\n            </div>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onEditTemplate(template.id)\">edit</mat-icon>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onDeleteTemplate(template.id)\">delete</mat-icon>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n  </div>\n  <div class=\"option\">\n    <mat-checkbox qms-group-options [(ngModel)]=\"isReplace\" color=\"primary\">\n      {{ LANG.QMSCKEDITOR.REPLACE_CONTENT }}\n    </mat-checkbox>\n  </div>\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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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__loadtemplate__container .template-checkbox{padding-top:20px}.qmsckeditor__loadtemplate__container .option{padding-left:15px}.qmsckeditor__loadtemplate__container .image-template{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.QMSGroupOptionDirective, selector: "[qms-group-options]", inputs: ["label"] }, { kind: "directive", type: i10.AutocompleteOffDirective, selector: "[qms-group-options]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorLoadTemplateComponent, selector: "app-qmsck-load-template", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor-load-template\" class=\"qmsckeditor qmsckeditor__loadtemplate__container\">\n  <div id=\"qmsckeditor-load-template-header\">\n    <span id=\"qmsckeditor-load-template-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n      (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor-load-template-header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor-template_002_001\">\n        {{ LANG.QMSCKEDITOR.CONTENT_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"load-template_002\">\n    <div id=\"load-template_002_001\" class=\"title col-12 mt-3\">\n      <h2 id=\"load-template_002_001_001\">\n        {{ LANG.QMSCKEDITOR.CHOOSE_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor-load-template-content\" class=\"qmsckeditor template-content height\">\n    <div id=\"qmsckeditor-load-template-content_003\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n      <mat-card appearance=\"outlined\" class=\"qmsckeditor card col-12\" *ngFor=\"let template of templates\">\n        <div class=\"row\">\n          <div class=\"qmsckeditor__cursor col-2\"> \n            <img class=\"image-template\" src=\"{{template.imageUrl}}\">\n          </div>\n          <div class=\"qmsckeditor__cursor col-8\" (click)=\"onSelectTemplate(template.id)\">\n            <div class=\"col-12 pl-0 ps-0 title\">\n              <span>{{ template.title }}</span>\n            </div>\n            <div class=\"col-12 pl-0 ps-0 content\">\n              <span>{{ template.description }}</span>\n            </div>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onEditTemplate(template.id)\">edit</mat-icon>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onDeleteTemplate(template.id)\">delete</mat-icon>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n  </div>\n  <div class=\"option\">\n    <mat-checkbox qms-group-options [(ngModel)]=\"isReplace\" color=\"primary\">\n      {{ LANG.QMSCKEDITOR.REPLACE_CONTENT }}\n    </mat-checkbox>\n  </div>\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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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__loadtemplate__container .template-checkbox{padding-top:20px}.qmsckeditor__loadtemplate__container .option{padding-left:15px}.qmsckeditor__loadtemplate__container .image-template{width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i10.QMSGroupOptionDirective, selector: "[qms-group-options]", inputs: ["label"] }, { kind: "directive", type: i10.AutocompleteOffDirective, selector: "[qms-group-options]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorLoadTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-qmsck-load-template', template: "<div id=\"qmsckeditor-load-template\" class=\"qmsckeditor qmsckeditor__loadtemplate__container\">\n  <div id=\"qmsckeditor-load-template-header\">\n    <span id=\"qmsckeditor-load-template-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n      (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor-load-template-header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor-template_002_001\">\n        {{ LANG.QMSCKEDITOR.CONTENT_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"load-template_002\">\n    <div id=\"load-template_002_001\" class=\"title col-12 mt-3\">\n      <h2 id=\"load-template_002_001_001\">\n        {{ LANG.QMSCKEDITOR.CHOOSE_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor-load-template-content\" class=\"qmsckeditor template-content height\">\n    <div id=\"qmsckeditor-load-template-content_003\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n      <mat-card appearance=\"outlined\" class=\"qmsckeditor card col-12\" *ngFor=\"let template of templates\">\n        <div class=\"row\">\n          <div class=\"qmsckeditor__cursor col-2\"> \n            <img class=\"image-template\" src=\"{{template.imageUrl}}\">\n          </div>\n          <div class=\"qmsckeditor__cursor col-8\" (click)=\"onSelectTemplate(template.id)\">\n            <div class=\"col-12 pl-0 ps-0 title\">\n              <span>{{ template.title }}</span>\n            </div>\n            <div class=\"col-12 pl-0 ps-0 content\">\n              <span>{{ template.description }}</span>\n            </div>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onEditTemplate(template.id)\">edit</mat-icon>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onDeleteTemplate(template.id)\">delete</mat-icon>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n  </div>\n  <div class=\"option\">\n    <mat-checkbox qms-group-options [(ngModel)]=\"isReplace\" color=\"primary\">\n      {{ LANG.QMSCKEDITOR.REPLACE_CONTENT }}\n    </mat-checkbox>\n  </div>\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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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__loadtemplate__container .template-checkbox{padding-top:20px}.qmsckeditor__loadtemplate__container .option{padding-left:15px}.qmsckeditor__loadtemplate__container .image-template{width:100%;height:100%}\n"] }]
+            args: [{ selector: 'app-qmsck-load-template', template: "<div id=\"qmsckeditor-load-template\" class=\"qmsckeditor qmsckeditor__loadtemplate__container\">\n  <div id=\"qmsckeditor-load-template-header\">\n    <span id=\"qmsckeditor-load-template-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n      (click)=\"onCloseDialog()\">\n      <mat-icon>close</mat-icon>\n    </span>\n    <div id=\"qmsckeditor-load-template-header_002\" mat-dialog-content>\n      <h2 id=\"qmsckeditor-template_002_001\">\n        {{ LANG.QMSCKEDITOR.CONTENT_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"load-template_002\">\n    <div id=\"load-template_002_001\" class=\"title col-12 mt-3\">\n      <h2 id=\"load-template_002_001_001\">\n        {{ LANG.QMSCKEDITOR.CHOOSE_TEMPLATE }}\n      </h2>\n    </div>\n  </div>\n  <div id=\"qmsckeditor-load-template-content\" class=\"qmsckeditor template-content height\">\n    <div id=\"qmsckeditor-load-template-content_003\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n      <mat-card appearance=\"outlined\" class=\"qmsckeditor card col-12\" *ngFor=\"let template of templates\">\n        <div class=\"row\">\n          <div class=\"qmsckeditor__cursor col-2\"> \n            <img class=\"image-template\" src=\"{{template.imageUrl}}\">\n          </div>\n          <div class=\"qmsckeditor__cursor col-8\" (click)=\"onSelectTemplate(template.id)\">\n            <div class=\"col-12 pl-0 ps-0 title\">\n              <span>{{ template.title }}</span>\n            </div>\n            <div class=\"col-12 pl-0 ps-0 content\">\n              <span>{{ template.description }}</span>\n            </div>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onEditTemplate(template.id)\">edit</mat-icon>\n          </div>\n          <div *ngIf=\"enableEditTemplate\" class=\"qmsckeditor__cursor col-1\">\n            <mat-icon (click)=\"onDeleteTemplate(template.id)\">delete</mat-icon>\n          </div>\n        </div>\n      </mat-card>\n    </div>\n  </div>\n  <div class=\"option\">\n    <mat-checkbox qms-group-options [(ngModel)]=\"isReplace\" color=\"primary\">\n      {{ LANG.QMSCKEDITOR.REPLACE_CONTENT }}\n    </mat-checkbox>\n  </div>\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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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__loadtemplate__container .template-checkbox{padding-top:20px}.qmsckeditor__loadtemplate__container .option{padding-left:15px}.qmsckeditor__loadtemplate__container .image-template{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i2.TranslateLibraryService }, { type: i3.QMSCKEditorTemplateService }, { type: i4.QMSCKEditorCommonService }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]

package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs CHANGED Viewed

@@ -268,11 +268,11 @@ export class QMSCKEditorRelatedComponent extends QMSCKEditorBaseComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorRelatedComponent, deps: [{ token: i1.QMSCKEditorTreeService }, { token: i2.TranslateLibraryService }, { token: i3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorRelatedComponent, selector: "app-dialog", usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor_tree\" class=\"qmsckeditor qmsckeditor__tree__containter\">\n  <span\n    mat-icon-button\n    class=\"qmsckeditor button__close\"\n    (click)=\"onCloseClick()\"\n  >\n    <mat-icon>close</mat-icon>\n  </span>\n  <div id=\"qmsckeditor_tree_001\" mat-dialog-content>\n    <h2 *ngIf=\"!isOnlyDocument\">\n      {{ LANG.QMSCKEDITOR.ADD_DOCUMENT_PROCESS }}\n    </h2>\n    <h2 *ngIf=\"isOnlyDocument\">{{ LANG.QMSCKEDITOR.ADD_DOCUMENT }}</h2>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_002\"\n    class=\"input__field\"\n    (click)=\"showSearchResult()\"\n  >\n    <input\n      #name\n      type=\"text\"\n      placeholder=\"{{ LANG.QMSCKEDITOR.SEARCH }}\"\n      matInput\n      [formControl]=\"myControl\"\n      [matAutocomplete]=\"auto\"\n    />\n    <mat-icon>search</mat-icon>\n  </div>\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    [displayWith]=\"displayRelated\"\n    style=\"height: 50vh\"\n  >\n    <cdk-virtual-scroll-viewport\n      itemSize=\"10\"\n      class=\"related-viewport\"\n      style=\"height: 50vh\"\n    >\n      <mat-option\n        *cdkVirtualFor=\"let option of filteredOptions\"\n        [value]=\"option\"\n      >\n        <div\n          *ngIf=\"option.type == 1\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAiElEQVR4AezOAQaAABQE0dDBuk2AjvCPGDrQb0GQ2NCqzDAAvOFP0ahLb7pvvjwBmn1ABrXqfhOqj/3KR+VBPioMOqPyIB+VB/moPMhH5UGdAk26rs6B/AABAgQIECBAgL4E2vcZpJFG+DA5DppPQweFk+MgHiAuB+L7VHTIeyDuBg9kDBcwCgBx1CcsdvijVwAAAABJRU5ErkJggg==\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n        <div\n          *ngIf=\"option.type == 2\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAbHV9mFYLuQAAAAJ0Uk5TAP9bkSK1AAAAKUlEQVR4nGNgQALyjT/AWPL/DDCG8dmAclgx4w8wZgeqBWEGIBuMEQAAaJkRERdvY48AAAAASUVORK5CYII=\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n      </mat-option>\n    </cdk-virtual-scroll-viewport>\n  </mat-autocomplete>\n  <div id=\"qmsckeditor_tree_003\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n    <div id=\"qmsckeditor_tree_003_001\" class=\"content-box\">\n      <strong *ngIf=\"!isOnlyDocument\">{{ LANG.QMSCKEDITOR.PROCESSES }}</strong>\n      <qms-ckeditor-tree\n        *ngIf=\"!isOnlyDocument\"\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentProcessId\"\n        [treeData]=\"treeProcessData\"\n        [rawData]=\"processData\"\n        [docType]=\"2\"\n        [useExpandFeature]=\"true\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectProcessNode($event)\"\n        (selectFolderEvent)=\"selectAreaNode($event)\"\n      ></qms-ckeditor-tree>\n      <div *ngIf=\"!isOnlyDocument\" class=\"line-divider\"></div>\n      <strong>{{ LANG.QMSCKEDITOR.DOCUMENTS }}</strong>\n      <qms-ckeditor-tree\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentDocumentId\"\n        [treeData]=\"treeDocumentData\"\n        [rawData]=\"documentData\"\n        [useExpandFeature]=\"true\"\n        [docType]=\"1\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectDocumentNode($event)\"\n        (selectFolderEvent)=\"selectHandbookNode($event)\"\n      ></qms-ckeditor-tree>\n    </div>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_004\"\n    class=\"qmsckeditor button__groups mt20 row ml-0 mr-0 ms-0 me-0\"\n  >\n    <button\n      type=\"button\"\n      class=\"save col-12\"\n      mat-flat-button\n      (click)=\"onAddDocumentProcess()\"\n    >\n      {{ LANG.QMSCKEDITOR.ADD }}\n    </button>\n  </div>\n</div>\n", 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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}::ng-deep .qmsckeditor__tree__containter .input__field input{width:97%;padding:10px;outline:none;border:none;background:#eee}::ng-deep .qmsckeditor__tree__containter .input__field .mat-icon{margin-left:-35px;cursor:pointer;vertical-align:middle}::ng-deep .qmsckeditor__tree__containter .mat-tree{background:#00283a}::ng-deep .qmsckeditor__tree__containter .mat-tree-node{color:#fff;min-height:40px}::ng-deep .qmsckeditor__tree__containter .folder-icon{color:#a4b0de}::ng-deep .qmsckeditor__tree__containter .mat-icon{margin-bottom:5px}::ng-deep .qmsckeditor__tree__containter .content-box{min-width:375px;width:100%;height:435px;overflow-y:auto;background:#00283a;color:#fff}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item{width:100%;height:56px;border:1px solid #d4d5d6;padding:15px}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:hover{background:#d8ddf0;cursor:pointer}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-text{float:left;width:90%;height:26px;overflow:hidden}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-icon{float:right}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:not(:last-child){border-bottom:none}::ng-deep .qmsckeditor__tree__containter .content-box strong{text-transform:uppercase;margin:10px 0 0 2px}::ng-deep .qmsckeditor__tree__containter .line-divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px}::ng-deep .qmsckeditor__tree__containter .loading ::ng-deep .mat-mdc-progress-spinner{width:21px;height:21px;margin:0 auto;top:32px}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{overflow:hidden;max-height:none}::ng-deep .mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden;display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i9.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i10.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i11.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i11.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i12.QMSCKEditorTreeComponent, selector: "qms-ckeditor-tree", inputs: ["rawData", "treeData", "useExpandFeature", "docType", "allowSelectFolder", "listParentObj", "areaOfCurrentProcess"], outputs: ["selectNodeEvent", "selectFolderEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorRelatedComponent, selector: "app-dialog", usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor_tree\" class=\"qmsckeditor qmsckeditor__tree__containter\">\n  <span\n    mat-icon-button\n    class=\"qmsckeditor button__close\"\n    (click)=\"onCloseClick()\"\n  >\n    <mat-icon>close</mat-icon>\n  </span>\n  <div id=\"qmsckeditor_tree_001\" mat-dialog-content>\n    <h2 *ngIf=\"!isOnlyDocument\">\n      {{ LANG.QMSCKEDITOR.ADD_DOCUMENT_PROCESS }}\n    </h2>\n    <h2 *ngIf=\"isOnlyDocument\">{{ LANG.QMSCKEDITOR.ADD_DOCUMENT }}</h2>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_002\"\n    class=\"input__field\"\n    (click)=\"showSearchResult()\"\n  >\n    <input\n      #name\n      type=\"text\"\n      placeholder=\"{{ LANG.QMSCKEDITOR.SEARCH }}\"\n      matInput\n      [formControl]=\"myControl\"\n      [matAutocomplete]=\"auto\"\n    />\n    <mat-icon>search</mat-icon>\n  </div>\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    [displayWith]=\"displayRelated\"\n    style=\"height: 50vh\"\n  >\n    <cdk-virtual-scroll-viewport\n      itemSize=\"10\"\n      class=\"related-viewport\"\n      style=\"height: 50vh\"\n    >\n      <mat-option\n        *cdkVirtualFor=\"let option of filteredOptions\"\n        [value]=\"option\"\n      >\n        <div\n          *ngIf=\"option.type == 1\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAiElEQVR4AezOAQaAABQE0dDBuk2AjvCPGDrQb0GQ2NCqzDAAvOFP0ahLb7pvvjwBmn1ABrXqfhOqj/3KR+VBPioMOqPyIB+VB/moPMhH5UGdAk26rs6B/AABAgQIECBAgL4E2vcZpJFG+DA5DppPQweFk+MgHiAuB+L7VHTIeyDuBg9kDBcwCgBx1CcsdvijVwAAAABJRU5ErkJggg==\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n        <div\n          *ngIf=\"option.type == 2\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAbHV9mFYLuQAAAAJ0Uk5TAP9bkSK1AAAAKUlEQVR4nGNgQALyjT/AWPL/DDCG8dmAclgx4w8wZgeqBWEGIBuMEQAAaJkRERdvY48AAAAASUVORK5CYII=\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n      </mat-option>\n    </cdk-virtual-scroll-viewport>\n  </mat-autocomplete>\n  <div id=\"qmsckeditor_tree_003\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n    <div id=\"qmsckeditor_tree_003_001\" class=\"content-box\">\n      <strong *ngIf=\"!isOnlyDocument\">{{ LANG.QMSCKEDITOR.PROCESSES }}</strong>\n      <qms-ckeditor-tree\n        *ngIf=\"!isOnlyDocument\"\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentProcessId\"\n        [treeData]=\"treeProcessData\"\n        [rawData]=\"processData\"\n        [docType]=\"2\"\n        [useExpandFeature]=\"true\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectProcessNode($event)\"\n        (selectFolderEvent)=\"selectAreaNode($event)\"\n      ></qms-ckeditor-tree>\n      <div *ngIf=\"!isOnlyDocument\" class=\"line-divider\"></div>\n      <strong>{{ LANG.QMSCKEDITOR.DOCUMENTS }}</strong>\n      <qms-ckeditor-tree\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentDocumentId\"\n        [treeData]=\"treeDocumentData\"\n        [rawData]=\"documentData\"\n        [useExpandFeature]=\"true\"\n        [docType]=\"1\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectDocumentNode($event)\"\n        (selectFolderEvent)=\"selectHandbookNode($event)\"\n      ></qms-ckeditor-tree>\n    </div>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_004\"\n    class=\"qmsckeditor button__groups mt20 row ml-0 mr-0 ms-0 me-0\"\n  >\n    <button\n      type=\"button\"\n      class=\"save col-12\"\n      mat-flat-button\n      (click)=\"onAddDocumentProcess()\"\n    >\n      {{ LANG.QMSCKEDITOR.ADD }}\n    </button>\n  </div>\n</div>\n", 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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}::ng-deep .qmsckeditor__tree__containter .input__field input{width:97%;padding:10px;outline:none;border:none;background:#eee}::ng-deep .qmsckeditor__tree__containter .input__field .mat-icon{margin-left:-35px;cursor:pointer;vertical-align:middle}::ng-deep .qmsckeditor__tree__containter .mat-tree{background:#00283a}::ng-deep .qmsckeditor__tree__containter .mat-tree-node{color:#fff;min-height:40px}::ng-deep .qmsckeditor__tree__containter .folder-icon{color:#a4b0de}::ng-deep .qmsckeditor__tree__containter .mat-icon{margin-bottom:5px}::ng-deep .qmsckeditor__tree__containter .content-box{min-width:375px;width:100%;height:435px;overflow-y:auto;background:#00283a;color:#fff}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item{width:100%;height:56px;border:1px solid #d4d5d6;padding:15px}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:hover{background:#d8ddf0;cursor:pointer}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-text{float:left;width:90%;height:26px;overflow:hidden}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-icon{float:right}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:not(:last-child){border-bottom:none}::ng-deep .qmsckeditor__tree__containter .content-box strong{text-transform:uppercase;margin:10px 0 0 2px}::ng-deep .qmsckeditor__tree__containter .line-divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px}::ng-deep .qmsckeditor__tree__containter .loading ::ng-deep .mat-mdc-progress-spinner{width:21px;height:21px;margin:0 auto;top:32px}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{overflow:hidden;max-height:none}::ng-deep .mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden;display:none}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i9.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i10.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i10.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i11.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i11.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: i12.QMSCKEditorTreeComponent, selector: "qms-ckeditor-tree", inputs: ["rawData", "treeData", "useExpandFeature", "docType", "allowSelectFolder", "listParentObj", "areaOfCurrentProcess"], outputs: ["selectNodeEvent", "selectFolderEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorRelatedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dialog', template: "<div id=\"qmsckeditor_tree\" class=\"qmsckeditor qmsckeditor__tree__containter\">\n  <span\n    mat-icon-button\n    class=\"qmsckeditor button__close\"\n    (click)=\"onCloseClick()\"\n  >\n    <mat-icon>close</mat-icon>\n  </span>\n  <div id=\"qmsckeditor_tree_001\" mat-dialog-content>\n    <h2 *ngIf=\"!isOnlyDocument\">\n      {{ LANG.QMSCKEDITOR.ADD_DOCUMENT_PROCESS }}\n    </h2>\n    <h2 *ngIf=\"isOnlyDocument\">{{ LANG.QMSCKEDITOR.ADD_DOCUMENT }}</h2>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_002\"\n    class=\"input__field\"\n    (click)=\"showSearchResult()\"\n  >\n    <input\n      #name\n      type=\"text\"\n      placeholder=\"{{ LANG.QMSCKEDITOR.SEARCH }}\"\n      matInput\n      [formControl]=\"myControl\"\n      [matAutocomplete]=\"auto\"\n    />\n    <mat-icon>search</mat-icon>\n  </div>\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    [displayWith]=\"displayRelated\"\n    style=\"height: 50vh\"\n  >\n    <cdk-virtual-scroll-viewport\n      itemSize=\"10\"\n      class=\"related-viewport\"\n      style=\"height: 50vh\"\n    >\n      <mat-option\n        *cdkVirtualFor=\"let option of filteredOptions\"\n        [value]=\"option\"\n      >\n        <div\n          *ngIf=\"option.type == 1\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAiElEQVR4AezOAQaAABQE0dDBuk2AjvCPGDrQb0GQ2NCqzDAAvOFP0ahLb7pvvjwBmn1ABrXqfhOqj/3KR+VBPioMOqPyIB+VB/moPMhH5UGdAk26rs6B/AABAgQIECBAgL4E2vcZpJFG+DA5DppPQweFk+MgHiAuB+L7VHTIeyDuBg9kDBcwCgBx1CcsdvijVwAAAABJRU5ErkJggg==\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n        <div\n          *ngIf=\"option.type == 2\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAbHV9mFYLuQAAAAJ0Uk5TAP9bkSK1AAAAKUlEQVR4nGNgQALyjT/AWPL/DDCG8dmAclgx4w8wZgeqBWEGIBuMEQAAaJkRERdvY48AAAAASUVORK5CYII=\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n      </mat-option>\n    </cdk-virtual-scroll-viewport>\n  </mat-autocomplete>\n  <div id=\"qmsckeditor_tree_003\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n    <div id=\"qmsckeditor_tree_003_001\" class=\"content-box\">\n      <strong *ngIf=\"!isOnlyDocument\">{{ LANG.QMSCKEDITOR.PROCESSES }}</strong>\n      <qms-ckeditor-tree\n        *ngIf=\"!isOnlyDocument\"\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentProcessId\"\n        [treeData]=\"treeProcessData\"\n        [rawData]=\"processData\"\n        [docType]=\"2\"\n        [useExpandFeature]=\"true\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectProcessNode($event)\"\n        (selectFolderEvent)=\"selectAreaNode($event)\"\n      ></qms-ckeditor-tree>\n      <div *ngIf=\"!isOnlyDocument\" class=\"line-divider\"></div>\n      <strong>{{ LANG.QMSCKEDITOR.DOCUMENTS }}</strong>\n      <qms-ckeditor-tree\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentDocumentId\"\n        [treeData]=\"treeDocumentData\"\n        [rawData]=\"documentData\"\n        [useExpandFeature]=\"true\"\n        [docType]=\"1\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectDocumentNode($event)\"\n        (selectFolderEvent)=\"selectHandbookNode($event)\"\n      ></qms-ckeditor-tree>\n    </div>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_004\"\n    class=\"qmsckeditor button__groups mt20 row ml-0 mr-0 ms-0 me-0\"\n  >\n    <button\n      type=\"button\"\n      class=\"save col-12\"\n      mat-flat-button\n      (click)=\"onAddDocumentProcess()\"\n    >\n      {{ LANG.QMSCKEDITOR.ADD }}\n    </button>\n  </div>\n</div>\n", 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-mdc-dialog-content{padding:0}.qmsckeditor .mat-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}::ng-deep .qmsckeditor__tree__containter .input__field input{width:97%;padding:10px;outline:none;border:none;background:#eee}::ng-deep .qmsckeditor__tree__containter .input__field .mat-icon{margin-left:-35px;cursor:pointer;vertical-align:middle}::ng-deep .qmsckeditor__tree__containter .mat-tree{background:#00283a}::ng-deep .qmsckeditor__tree__containter .mat-tree-node{color:#fff;min-height:40px}::ng-deep .qmsckeditor__tree__containter .folder-icon{color:#a4b0de}::ng-deep .qmsckeditor__tree__containter .mat-icon{margin-bottom:5px}::ng-deep .qmsckeditor__tree__containter .content-box{min-width:375px;width:100%;height:435px;overflow-y:auto;background:#00283a;color:#fff}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item{width:100%;height:56px;border:1px solid #d4d5d6;padding:15px}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:hover{background:#d8ddf0;cursor:pointer}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-text{float:left;width:90%;height:26px;overflow:hidden}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-icon{float:right}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:not(:last-child){border-bottom:none}::ng-deep .qmsckeditor__tree__containter .content-box strong{text-transform:uppercase;margin:10px 0 0 2px}::ng-deep .qmsckeditor__tree__containter .line-divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px}::ng-deep .qmsckeditor__tree__containter .loading ::ng-deep .mat-mdc-progress-spinner{width:21px;height:21px;margin:0 auto;top:32px}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{overflow:hidden;max-height:none}::ng-deep .mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden;display:none}\n"] }]
+            args: [{ selector: 'app-dialog', template: "<div id=\"qmsckeditor_tree\" class=\"qmsckeditor qmsckeditor__tree__containter\">\n  <span\n    mat-icon-button\n    class=\"qmsckeditor button__close\"\n    (click)=\"onCloseClick()\"\n  >\n    <mat-icon>close</mat-icon>\n  </span>\n  <div id=\"qmsckeditor_tree_001\" mat-dialog-content>\n    <h2 *ngIf=\"!isOnlyDocument\">\n      {{ LANG.QMSCKEDITOR.ADD_DOCUMENT_PROCESS }}\n    </h2>\n    <h2 *ngIf=\"isOnlyDocument\">{{ LANG.QMSCKEDITOR.ADD_DOCUMENT }}</h2>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_002\"\n    class=\"input__field\"\n    (click)=\"showSearchResult()\"\n  >\n    <input\n      #name\n      type=\"text\"\n      placeholder=\"{{ LANG.QMSCKEDITOR.SEARCH }}\"\n      matInput\n      [formControl]=\"myControl\"\n      [matAutocomplete]=\"auto\"\n    />\n    <mat-icon>search</mat-icon>\n  </div>\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    [displayWith]=\"displayRelated\"\n    style=\"height: 50vh\"\n  >\n    <cdk-virtual-scroll-viewport\n      itemSize=\"10\"\n      class=\"related-viewport\"\n      style=\"height: 50vh\"\n    >\n      <mat-option\n        *cdkVirtualFor=\"let option of filteredOptions\"\n        [value]=\"option\"\n      >\n        <div\n          *ngIf=\"option.type == 1\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAiElEQVR4AezOAQaAABQE0dDBuk2AjvCPGDrQb0GQ2NCqzDAAvOFP0ahLb7pvvjwBmn1ABrXqfhOqj/3KR+VBPioMOqPyIB+VB/moPMhH5UGdAk26rs6B/AABAgQIECBAgL4E2vcZpJFG+DA5DppPQweFk+MgHiAuB+L7VHTIeyDuBg9kDBcwCgBx1CcsdvijVwAAAABJRU5ErkJggg==\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n        <div\n          *ngIf=\"option.type == 2\"\n          class=\"col-12\"\n          (click)=\"selectRelated(option.id, option.type)\"\n        >\n          <span\n            ><img\n              class=\"mat-icon\"\n              src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYAQMAAADaua+7AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAbHV9mFYLuQAAAAJ0Uk5TAP9bkSK1AAAAKUlEQVR4nGNgQALyjT/AWPL/DDCG8dmAclgx4w8wZgeqBWEGIBuMEQAAaJkRERdvY48AAAAASUVORK5CYII=\"\n          /></span>\n          <span>{{ option.name }}</span>\n        </div>\n      </mat-option>\n    </cdk-virtual-scroll-viewport>\n  </mat-autocomplete>\n  <div id=\"qmsckeditor_tree_003\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n    <div id=\"qmsckeditor_tree_003_001\" class=\"content-box\">\n      <strong *ngIf=\"!isOnlyDocument\">{{ LANG.QMSCKEDITOR.PROCESSES }}</strong>\n      <qms-ckeditor-tree\n        *ngIf=\"!isOnlyDocument\"\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentProcessId\"\n        [treeData]=\"treeProcessData\"\n        [rawData]=\"processData\"\n        [docType]=\"2\"\n        [useExpandFeature]=\"true\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectProcessNode($event)\"\n        (selectFolderEvent)=\"selectAreaNode($event)\"\n      ></qms-ckeditor-tree>\n      <div *ngIf=\"!isOnlyDocument\" class=\"line-divider\"></div>\n      <strong>{{ LANG.QMSCKEDITOR.DOCUMENTS }}</strong>\n      <qms-ckeditor-tree\n        [areaOfCurrentProcess]=\"areaOfCurrentProcess\"\n        [listParentObj]=\"listParentDocumentId\"\n        [treeData]=\"treeDocumentData\"\n        [rawData]=\"documentData\"\n        [useExpandFeature]=\"true\"\n        [docType]=\"1\"\n        [allowSelectFolder]=\"isEnableFolder\"\n        (selectNodeEvent)=\"selectDocumentNode($event)\"\n        (selectFolderEvent)=\"selectHandbookNode($event)\"\n      ></qms-ckeditor-tree>\n    </div>\n  </div>\n  <div\n    id=\"qmsckeditor_tree_004\"\n    class=\"qmsckeditor button__groups mt20 row ml-0 mr-0 ms-0 me-0\"\n  >\n    <button\n      type=\"button\"\n      class=\"save col-12\"\n      mat-flat-button\n      (click)=\"onAddDocumentProcess()\"\n    >\n      {{ LANG.QMSCKEDITOR.ADD }}\n    </button>\n  </div>\n</div>\n", 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-icon{color:#909497}.qmsckeditor__fullscreen{position:fixed;inset:0;background:#fff;overflow-y:auto;max-height:100vh;overflow-x:hidden}.qmsckeditor__cursor{cursor:pointer}.qmsckeditor__notallowed{cursor:not-allowed}.qmsckeditor.button__close{float:right;top:-24px;right:-24px;cursor:pointer}.qmsckeditor.button__done{float:right;top:-24px;right:-24px;cursor:pointer;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 .page-break,.ck-content .ck-horizontal-line{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}::ng-deep .qmsckeditor__tree__containter .input__field input{width:97%;padding:10px;outline:none;border:none;background:#eee}::ng-deep .qmsckeditor__tree__containter .input__field .mat-icon{margin-left:-35px;cursor:pointer;vertical-align:middle}::ng-deep .qmsckeditor__tree__containter .mat-tree{background:#00283a}::ng-deep .qmsckeditor__tree__containter .mat-tree-node{color:#fff;min-height:40px}::ng-deep .qmsckeditor__tree__containter .folder-icon{color:#a4b0de}::ng-deep .qmsckeditor__tree__containter .mat-icon{margin-bottom:5px}::ng-deep .qmsckeditor__tree__containter .content-box{min-width:375px;width:100%;height:435px;overflow-y:auto;background:#00283a;color:#fff}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item{width:100%;height:56px;border:1px solid #d4d5d6;padding:15px}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:hover{background:#d8ddf0;cursor:pointer}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-text{float:left;width:90%;height:26px;overflow:hidden}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item .content-box-icon{float:right}::ng-deep .qmsckeditor__tree__containter .content-box .content-box-item:not(:last-child){border-bottom:none}::ng-deep .qmsckeditor__tree__containter .content-box strong{text-transform:uppercase;margin:10px 0 0 2px}::ng-deep .qmsckeditor__tree__containter .line-divider{border-bottom:1px solid #ccc;height:1px;margin-top:10px}::ng-deep .qmsckeditor__tree__containter .loading ::ng-deep .mat-mdc-progress-spinner{width:21px;height:21px;margin:0 auto;top:32px}::ng-deep .mat-autocomplete-panel.mat-autocomplete-visible{overflow:hidden;max-height:none}::ng-deep .mat-autocomplete-panel.mat-autocomplete-hidden{visibility:hidden;display:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.QMSCKEditorTreeService }, { type: i2.TranslateLibraryService }, { type: i3.MatDialogRef }, { type: i13.QMSCKEditorRelation, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]