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
  1. package/esm2022/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.mjs +3 -3
  2. package/esm2022/lib/components/dialog/dialog.mjs +3 -3
  3. package/esm2022/lib/components/qms-paginator/qms-paginator.component.mjs +2 -2
  4. package/esm2022/lib/components/related/popup/related-popup.component.mjs +3 -3
  5. package/esm2022/lib/components/related/risk/analysis/analysis.component.mjs +2 -2
  6. package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +3 -3
  7. package/esm2022/lib/components/select-department/select-department.component.mjs +3 -3
  8. package/esm2022/lib/components/select-department-tree/select-department-tree.component.mjs +5 -5
  9. package/esm2022/lib/components/select-one/select-one.component.mjs +10 -12
  10. package/esm2022/lib/components/select-process-data/select-process-data.component.mjs +3 -3
  11. package/esm2022/lib/components/select-process-data-tree/select-process-data-tree.component.mjs +3 -3
  12. package/esm2022/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.mjs +2 -2
  13. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.mjs +2 -2
  14. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.mjs +2 -2
  15. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.mjs +2 -2
  16. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs +2 -2
  17. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs +2 -2
  18. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs +2 -2
  19. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs +2 -2
  20. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.mjs +2 -2
  21. package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.mjs +2 -2
  22. package/esm2022/lib/qms-ckeditor-components/qms-ckeditor.component.mjs +2 -2
  23. package/fesm2022/qms-angular.mjs +46 -46
  24. package/fesm2022/qms-angular.mjs.map +1 -1
  25. package/package.json +1 -1
  26. package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
  27. package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +44 -44
  28. package/src/lib/components/qms-paginator/qms-paginator.component.scss +14 -13
  29. package/src/lib/components/related/risk/analysis/analysis.component.scss +0 -3
  30. package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +8 -2
  31. package/src/lib/components/select-department/select-department.component.scss +3 -3
  32. package/src/lib/components/select-department-tree/select-department-tree.component.scss +1 -1
  33. package/src/lib/components/select-dialog/select-dialog.scss +1 -1
  34. package/src/lib/components/select-process-data/select-process-data.component.scss +1 -1
  35. package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +1 -1
  36. package/src/lib/components/select-process-document/select-process-document.component.scss +5 -6
  37. package/src/lib/qms-ckeditor-components/styles/_modules.scss +149 -146
  38. package/src/themes/core/_checkbox.scss +5 -1
  39. package/src/themes/core/_dialog.scss +42 -53
  40. package/src/themes/core/_form.scss +40 -35
  41. package/src/themes/core/_radio.scss +5 -1
  42. package/src/themes/core/_range-slider.scss +223 -201
  43. package/src/themes/core/_slide-toggle.scss +48 -6
  44. package/src/themes/core/_tab.scss +516 -512
@@ -40,11 +40,11 @@ export class QMSCKEditorConfirmComponent extends QMSCKEditorBaseComponent {
40
40
  this.dialogRef.close(obj);
41
41
  }
42
42
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorConfirmComponent, deps: [{ token: i1.TranslateLibraryService }, { token: i2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
43
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorConfirmComponent, selector: "app-confirm-popup", usesInheritance: true, ngImport: i0, template: "<div qms-dialog-container>\n <div qms-dialog-header>\n <h3 class=\"title\">{{ data.title }}</h3>\n <button type=\"button\" qms-btn-icon color=\"light\" class=\"close-button\" [mat-dialog-close]=\"false\"\n *ngIf=\"data.isCloseBtn\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <div qms-dialog-content>\n <div class=\"row\">\n <div class=\"col-12\">\n <p [innerHTML]=\"data.content\"></p>\n <div class=\"section-message\" *ngIf=\"!data.isMessage && data.isAdvance\">\n <mat-checkbox qms-group-options color=\"default\" [(ngModel)]=\"isNotShowAgain\">\n <span class=\"text-label\">{{data.checkText}}</span>\n </mat-checkbox>\n </div>\n </div>\n </div>\n </div>\n <div qms-dialog-footer>\n <div *ngIf=\"data.isMessage\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n <div class=\"ml-auto mt-auto\">\n <button type=\"button\" qms-btn class=\"save\" (click)=\"onConfirmClick()\">\n <mat-icon>check</mat-icon>\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\n </div>\n <div *ngIf=\"!data.isMessage\">\n <div class=\"qmsckeditor confirm__button__groups ml-auto mt-auto\">\n <button mat-button class=\"cancel\" (click)=\"onCancelClick()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n <button *ngIf=\"!data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n <button *ngIf=\"data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onAdvanceConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\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}.qms-dialog-container{font-family:Open Sans;display:flex;flex-flow:column;min-height:150px;max-height:80vh}.qms-dialog-container .qms-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin:0}.qms-dialog-container .qms-dialog-footer{display:flex;flex-wrap:wrap;min-height:50px;align-items:center;box-sizing:content-box;justify-content:end;margin-top:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-center{justify-content:center}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-start{justify-content:start}.qms-dialog-container .title{margin-bottom:0;margin-left:0;font-weight:600;font-size:22px;color:#323232}.qms-dialog-container .close-button{width:40px;height:40px;line-height:40px}.qms-dialog-container .section-message{display:flex;min-height:40px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.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: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i8.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"] }, { kind: "component", type: i8.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }, { kind: "directive", type: i9.QMSGroupOptionDirective, selector: "[qms-group-options]", inputs: ["label"] }, { kind: "directive", type: i9.AutocompleteOffDirective, selector: "[qms-group-options]" }, { kind: "directive", type: i10.QMSDialogContainer, selector: "[qms-dialog-container], qms-dialog-container, [qmsDialogContainer]", inputs: ["min", "max"] }, { kind: "directive", type: i10.QMSDialogHeader, selector: "[qms-dialog-header], qms-dialog-header, [qmsDialogHeader]", inputs: ["height"], exportAs: ["qmsDialogHeader"] }, { kind: "directive", type: i10.QMSDialogContent, selector: "[qms-dialog-content], qms-dialog-content, [qmsDialogContent]" }, { kind: "directive", type: i10.QMSDialogFooter, selector: "[qms-dialog-footer], qms-dialog-footer, [qmsDialogFooter]", inputs: ["align", "height"] }] }); }
43
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorConfirmComponent, selector: "app-confirm-popup", usesInheritance: true, ngImport: i0, template: "<div qms-dialog-container>\n <div qms-dialog-header>\n <h3 class=\"title\">{{ data.title }}</h3>\n <button type=\"button\" qms-btn-icon color=\"light\" class=\"close-button\" [mat-dialog-close]=\"false\"\n *ngIf=\"data.isCloseBtn\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <div qms-dialog-content>\n <div class=\"row\">\n <div class=\"col-12\">\n <p [innerHTML]=\"data.content\"></p>\n <div class=\"section-message\" *ngIf=\"!data.isMessage && data.isAdvance\">\n <mat-checkbox qms-group-options color=\"default\" [(ngModel)]=\"isNotShowAgain\">\n <span class=\"text-label\">{{data.checkText}}</span>\n </mat-checkbox>\n </div>\n </div>\n </div>\n </div>\n <div qms-dialog-footer>\n <div *ngIf=\"data.isMessage\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n <div class=\"ml-auto mt-auto\">\n <button type=\"button\" qms-btn class=\"save\" (click)=\"onConfirmClick()\">\n <mat-icon>check</mat-icon>\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\n </div>\n <div *ngIf=\"!data.isMessage\">\n <div class=\"qmsckeditor confirm__button__groups ml-auto mt-auto\">\n <button mat-button class=\"cancel\" (click)=\"onCancelClick()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n <button *ngIf=\"!data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n <button *ngIf=\"data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onAdvanceConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\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}.qms-dialog-container{font-family:Open Sans;display:flex;flex-flow:column;min-height:150px;max-height:80vh}.qms-dialog-container .qms-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin:0}.qms-dialog-container .qms-dialog-footer{display:flex;flex-wrap:wrap;min-height:50px;align-items:center;box-sizing:content-box;justify-content:end;margin-top:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-center{justify-content:center}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-start{justify-content:start}.qms-dialog-container .title{margin-bottom:0;margin-left:0;font-weight:600;font-size:22px;color:#323232}.qms-dialog-container .close-button{width:40px;height:40px;line-height:40px}.qms-dialog-container .section-message{display:flex;min-height:40px}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.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: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i8.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"] }, { kind: "component", type: i8.QMSButtonIcon, selector: "button[qms-btn-icon]", inputs: ["disabled", "color", "active"], exportAs: ["qmsButtonIcon"] }, { kind: "directive", type: i9.QMSGroupOptionDirective, selector: "[qms-group-options]", inputs: ["label"] }, { kind: "directive", type: i9.AutocompleteOffDirective, selector: "[qms-group-options]" }, { kind: "directive", type: i10.QMSDialogContainer, selector: "[qms-dialog-container], qms-dialog-container, [qmsDialogContainer]", inputs: ["min", "max"] }, { kind: "directive", type: i10.QMSDialogHeader, selector: "[qms-dialog-header], qms-dialog-header, [qmsDialogHeader]", inputs: ["height"], exportAs: ["qmsDialogHeader"] }, { kind: "directive", type: i10.QMSDialogContent, selector: "[qms-dialog-content], qms-dialog-content, [qmsDialogContent]" }, { kind: "directive", type: i10.QMSDialogFooter, selector: "[qms-dialog-footer], qms-dialog-footer, [qmsDialogFooter]", inputs: ["align", "height"] }] }); }
44
44
  }
45
45
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorConfirmComponent, decorators: [{
46
46
  type: Component,
47
- args: [{ selector: 'app-confirm-popup', template: "<div qms-dialog-container>\n <div qms-dialog-header>\n <h3 class=\"title\">{{ data.title }}</h3>\n <button type=\"button\" qms-btn-icon color=\"light\" class=\"close-button\" [mat-dialog-close]=\"false\"\n *ngIf=\"data.isCloseBtn\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <div qms-dialog-content>\n <div class=\"row\">\n <div class=\"col-12\">\n <p [innerHTML]=\"data.content\"></p>\n <div class=\"section-message\" *ngIf=\"!data.isMessage && data.isAdvance\">\n <mat-checkbox qms-group-options color=\"default\" [(ngModel)]=\"isNotShowAgain\">\n <span class=\"text-label\">{{data.checkText}}</span>\n </mat-checkbox>\n </div>\n </div>\n </div>\n </div>\n <div qms-dialog-footer>\n <div *ngIf=\"data.isMessage\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n <div class=\"ml-auto mt-auto\">\n <button type=\"button\" qms-btn class=\"save\" (click)=\"onConfirmClick()\">\n <mat-icon>check</mat-icon>\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\n </div>\n <div *ngIf=\"!data.isMessage\">\n <div class=\"qmsckeditor confirm__button__groups ml-auto mt-auto\">\n <button mat-button class=\"cancel\" (click)=\"onCancelClick()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n <button *ngIf=\"!data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n <button *ngIf=\"data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onAdvanceConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\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}.qms-dialog-container{font-family:Open Sans;display:flex;flex-flow:column;min-height:150px;max-height:80vh}.qms-dialog-container .qms-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin:0}.qms-dialog-container .qms-dialog-footer{display:flex;flex-wrap:wrap;min-height:50px;align-items:center;box-sizing:content-box;justify-content:end;margin-top:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-center{justify-content:center}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-start{justify-content:start}.qms-dialog-container .title{margin-bottom:0;margin-left:0;font-weight:600;font-size:22px;color:#323232}.qms-dialog-container .close-button{width:40px;height:40px;line-height:40px}.qms-dialog-container .section-message{display:flex;min-height:40px}\n"] }]
47
+ args: [{ selector: 'app-confirm-popup', template: "<div qms-dialog-container>\n <div qms-dialog-header>\n <h3 class=\"title\">{{ data.title }}</h3>\n <button type=\"button\" qms-btn-icon color=\"light\" class=\"close-button\" [mat-dialog-close]=\"false\"\n *ngIf=\"data.isCloseBtn\">\n <mat-icon>close</mat-icon>\n </button>\n </div>\n <div qms-dialog-content>\n <div class=\"row\">\n <div class=\"col-12\">\n <p [innerHTML]=\"data.content\"></p>\n <div class=\"section-message\" *ngIf=\"!data.isMessage && data.isAdvance\">\n <mat-checkbox qms-group-options color=\"default\" [(ngModel)]=\"isNotShowAgain\">\n <span class=\"text-label\">{{data.checkText}}</span>\n </mat-checkbox>\n </div>\n </div>\n </div>\n </div>\n <div qms-dialog-footer>\n <div *ngIf=\"data.isMessage\" class=\"row ml-0 mr-0 mt20 ms-0 me-0\">\n <div class=\"ml-auto mt-auto\">\n <button type=\"button\" qms-btn class=\"save\" (click)=\"onConfirmClick()\">\n <mat-icon>check</mat-icon>\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\n </div>\n <div *ngIf=\"!data.isMessage\">\n <div class=\"qmsckeditor confirm__button__groups ml-auto mt-auto\">\n <button mat-button class=\"cancel\" (click)=\"onCancelClick()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n <button *ngIf=\"!data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n <button *ngIf=\"data.isAdvance\" mat-button class=\"confirm ml3\" (click)=\"onAdvanceConfirmClick()\">\n {{ LANG.QMSCKEDITOR.CONFIRM }}\n </button>\n </div>\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}.qms-dialog-container{font-family:Open Sans;display:flex;flex-flow:column;min-height:150px;max-height:80vh}.qms-dialog-container .qms-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;margin:0}.qms-dialog-container .qms-dialog-footer{display:flex;flex-wrap:wrap;min-height:50px;align-items:center;box-sizing:content-box;justify-content:end;margin-top:10px;flex:0 1 auto;height:50px}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-center{justify-content:center}.qms-dialog-container .qms-dialog-footer.qms-dialog-footer-align-start{justify-content:start}.qms-dialog-container .title{margin-bottom:0;margin-left:0;font-weight:600;font-size:22px;color:#323232}.qms-dialog-container .close-button{width:40px;height:40px;line-height:40px}.qms-dialog-container .section-message{display:flex;min-height:40px}\n"] }]
48
48
  }], ctorParameters: () => [{ type: i1.TranslateLibraryService }, { type: i2.MatDialogRef }, { type: i11.QMSCKEditorDialogData, decorators: [{
49
49
  type: Inject,
50
50
  args: [MAT_DIALOG_DATA]
@@ -31,11 +31,11 @@ export class QMSCKEditorAboutComponent extends QMSCKEditorBaseComponent {
31
31
  this.commonService.setScrollTopEditorContainer(this.ckEditor, scrollTop);
32
32
  }
33
33
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorAboutComponent, deps: [{ token: i1.TranslateLibraryService }, { token: i2.MatDialogRef }, { token: i3.QMSCKEditorCommonService }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
34
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorAboutComponent, selector: "app-about-ckeditor", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor-about\" class=\"qmsckeditor qmsckeditor__about__container\">\n <div id=\"qmsckeditor-about-header\">\n <span id=\"qmsckeditor-about-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-about-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-about_002_001\">\n {{ LANG.ABOUT.ABOUT_CKEDITOR }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-about-content\">\n <div class=\"col-12 qmsckeditor__about__logo__container\">\n <img class=\"qmsckeditor__about__logo\" src=\"../../../../assets/images/ckeditor5.svg\" alt=\"CKEditor logo\">\n </div>\n <div class=\"col-12\">\n <p>{{LANG.ABOUT.CKEDITOR5_VERSION}} {{currentVersion}}.<br><a target=\"_blank\"\n href=\"https://ckeditor.com/\">https://ckeditor.com</a></p>\n <p>{{LANG.ABOUT.CHECK}} <a target=\"_blank\"\n href=\"https://ckeditor.com/docs/\">{{LANG.ABOUT.CKEDITOR_USERS_GUIDE}}</a> {{LANG.ABOUT.FOR_HELP}}.\n </p>\n <p>{{LANG.ABOUT.FOR_LICENSING_INFORMATION_PLEASE_VISIT_OUR_WEBSITE}}:<br><a target=\"_blank\"\n href=\"https://ckeditor.com/legal/ckeditor-oss-license/\">https://ckeditor.com/legal/ckeditor-oss-license/</a>\n </p>\n <p>{{LANG.ABOUT.COPYRIGHT}} 2003-{{currentYear}}, <a target=\"_blank\"\n href=\"https://cksource.com/\">CKSource</a> - Frederico Knabben.\n <br>{{LANG.ABOUT.ALL_RIGHTS_RESERVED}}.\n </p>\n </div>\n <div class=\"col-12\">\n <button mat-stroked-button class=\"qmsckeditor__about__button\" (click)=\"onCloseDialog()\">\n {{ LANG.QMSCKEDITOR.CLOSE }}\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__about__container .qmsckeditor__about__logo__container{display:flex;justify-content:center;margin-bottom:10px}.qmsckeditor__about__container .qmsckeditor__about__logo{height:64px}.qmsckeditor__about__container .qmsckeditor__about__button{float:right}\n"], dependencies: [{ kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
34
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorAboutComponent, selector: "app-about-ckeditor", inputs: { ckEditor: "ckEditor" }, usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor-about\" class=\"qmsckeditor qmsckeditor__about__container\">\n <div id=\"qmsckeditor-about-header\">\n <span id=\"qmsckeditor-about-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-about-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-about_002_001\">\n {{ LANG.ABOUT.ABOUT_CKEDITOR }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-about-content\">\n <div class=\"col-12 qmsckeditor__about__logo__container\">\n <img class=\"qmsckeditor__about__logo\" src=\"../../../../assets/images/ckeditor5.svg\" alt=\"CKEditor logo\">\n </div>\n <div class=\"col-12\">\n <p>{{LANG.ABOUT.CKEDITOR5_VERSION}} {{currentVersion}}.<br><a target=\"_blank\"\n href=\"https://ckeditor.com/\">https://ckeditor.com</a></p>\n <p>{{LANG.ABOUT.CHECK}} <a target=\"_blank\"\n href=\"https://ckeditor.com/docs/\">{{LANG.ABOUT.CKEDITOR_USERS_GUIDE}}</a> {{LANG.ABOUT.FOR_HELP}}.\n </p>\n <p>{{LANG.ABOUT.FOR_LICENSING_INFORMATION_PLEASE_VISIT_OUR_WEBSITE}}:<br><a target=\"_blank\"\n href=\"https://ckeditor.com/legal/ckeditor-oss-license/\">https://ckeditor.com/legal/ckeditor-oss-license/</a>\n </p>\n <p>{{LANG.ABOUT.COPYRIGHT}} 2003-{{currentYear}}, <a target=\"_blank\"\n href=\"https://cksource.com/\">CKSource</a> - Frederico Knabben.\n <br>{{LANG.ABOUT.ALL_RIGHTS_RESERVED}}.\n </p>\n </div>\n <div class=\"col-12\">\n <button mat-stroked-button class=\"qmsckeditor__about__button\" (click)=\"onCloseDialog()\">\n {{ LANG.QMSCKEDITOR.CLOSE }}\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__about__container .qmsckeditor__about__logo__container{display:flex;justify-content:center;margin-bottom:10px}.qmsckeditor__about__container .qmsckeditor__about__logo{height:64px}.qmsckeditor__about__container .qmsckeditor__about__button{float:right}\n"], dependencies: [{ kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
35
35
  }
36
36
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorAboutComponent, decorators: [{
37
37
  type: Component,
38
- args: [{ selector: 'app-about-ckeditor', template: "<div id=\"qmsckeditor-about\" class=\"qmsckeditor qmsckeditor__about__container\">\n <div id=\"qmsckeditor-about-header\">\n <span id=\"qmsckeditor-about-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-about-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-about_002_001\">\n {{ LANG.ABOUT.ABOUT_CKEDITOR }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-about-content\">\n <div class=\"col-12 qmsckeditor__about__logo__container\">\n <img class=\"qmsckeditor__about__logo\" src=\"../../../../assets/images/ckeditor5.svg\" alt=\"CKEditor logo\">\n </div>\n <div class=\"col-12\">\n <p>{{LANG.ABOUT.CKEDITOR5_VERSION}} {{currentVersion}}.<br><a target=\"_blank\"\n href=\"https://ckeditor.com/\">https://ckeditor.com</a></p>\n <p>{{LANG.ABOUT.CHECK}} <a target=\"_blank\"\n href=\"https://ckeditor.com/docs/\">{{LANG.ABOUT.CKEDITOR_USERS_GUIDE}}</a> {{LANG.ABOUT.FOR_HELP}}.\n </p>\n <p>{{LANG.ABOUT.FOR_LICENSING_INFORMATION_PLEASE_VISIT_OUR_WEBSITE}}:<br><a target=\"_blank\"\n href=\"https://ckeditor.com/legal/ckeditor-oss-license/\">https://ckeditor.com/legal/ckeditor-oss-license/</a>\n </p>\n <p>{{LANG.ABOUT.COPYRIGHT}} 2003-{{currentYear}}, <a target=\"_blank\"\n href=\"https://cksource.com/\">CKSource</a> - Frederico Knabben.\n <br>{{LANG.ABOUT.ALL_RIGHTS_RESERVED}}.\n </p>\n </div>\n <div class=\"col-12\">\n <button mat-stroked-button class=\"qmsckeditor__about__button\" (click)=\"onCloseDialog()\">\n {{ LANG.QMSCKEDITOR.CLOSE }}\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__about__container .qmsckeditor__about__logo__container{display:flex;justify-content:center;margin-bottom:10px}.qmsckeditor__about__container .qmsckeditor__about__logo{height:64px}.qmsckeditor__about__container .qmsckeditor__about__button{float:right}\n"] }]
38
+ args: [{ selector: 'app-about-ckeditor', template: "<div id=\"qmsckeditor-about\" class=\"qmsckeditor qmsckeditor__about__container\">\n <div id=\"qmsckeditor-about-header\">\n <span id=\"qmsckeditor-about-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-about-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-about_002_001\">\n {{ LANG.ABOUT.ABOUT_CKEDITOR }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-about-content\">\n <div class=\"col-12 qmsckeditor__about__logo__container\">\n <img class=\"qmsckeditor__about__logo\" src=\"../../../../assets/images/ckeditor5.svg\" alt=\"CKEditor logo\">\n </div>\n <div class=\"col-12\">\n <p>{{LANG.ABOUT.CKEDITOR5_VERSION}} {{currentVersion}}.<br><a target=\"_blank\"\n href=\"https://ckeditor.com/\">https://ckeditor.com</a></p>\n <p>{{LANG.ABOUT.CHECK}} <a target=\"_blank\"\n href=\"https://ckeditor.com/docs/\">{{LANG.ABOUT.CKEDITOR_USERS_GUIDE}}</a> {{LANG.ABOUT.FOR_HELP}}.\n </p>\n <p>{{LANG.ABOUT.FOR_LICENSING_INFORMATION_PLEASE_VISIT_OUR_WEBSITE}}:<br><a target=\"_blank\"\n href=\"https://ckeditor.com/legal/ckeditor-oss-license/\">https://ckeditor.com/legal/ckeditor-oss-license/</a>\n </p>\n <p>{{LANG.ABOUT.COPYRIGHT}} 2003-{{currentYear}}, <a target=\"_blank\"\n href=\"https://cksource.com/\">CKSource</a> - Frederico Knabben.\n <br>{{LANG.ABOUT.ALL_RIGHTS_RESERVED}}.\n </p>\n </div>\n <div class=\"col-12\">\n <button mat-stroked-button class=\"qmsckeditor__about__button\" (click)=\"onCloseDialog()\">\n {{ LANG.QMSCKEDITOR.CLOSE }}\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__about__container .qmsckeditor__about__logo__container{display:flex;justify-content:center;margin-bottom:10px}.qmsckeditor__about__container .qmsckeditor__about__logo{height:64px}.qmsckeditor__about__container .qmsckeditor__about__button{float:right}\n"] }]
39
39
  }], ctorParameters: () => [{ type: i1.TranslateLibraryService }, { type: i2.MatDialogRef }, { type: i3.QMSCKEditorCommonService }, { type: undefined, decorators: [{
40
40
  type: Inject,
41
41
  args: [MAT_DIALOG_DATA]
@@ -683,11 +683,11 @@ export class QMSCKEditorImageMapComponent extends QMSCKEditorBaseComponent {
683
683
  return url;
684
684
  }
685
685
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorImageMapComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i1.MatDialog }, { token: i2.TranslateLibraryService }, { token: i3.QMSCKEditorLinkService }, { token: i1.MatDialogRef }, { token: i4.QMSCKEditorCommonService }, { token: MAT_DIALOG_DATA }, { token: i5.MatIconRegistry }, { token: i6.DomSanitizer }, { token: i7.QMSCKEditorTreeService }, { token: i8.QMSSelectProcessDocumentGlobalService }], target: i0.ɵɵFactoryTarget.Component }); }
686
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorImageMapComponent, selector: "app-qmsck-imagemap", inputs: { ckEditor: "ckEditor" }, viewQueries: [{ propertyName: "myImageRef", first: true, predicate: ["myImage"], descendants: true }, { propertyName: "myStatusRef", first: true, predicate: ["myStatus"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor-imagemap\" class=\"qmsckeditor qmsckeditor__imagemap__container\">\n <div id=\"qmsckeditor-imagemap-header\">\n <span id=\"qmsckeditor-imagemap-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-imagemap-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-imagemap_002_001\">\n {{ LANG.QMSCKEDITOR.IMAGE_MAP_PROPERTIES }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-imagemap-content\">\n <div id=\"qmsckeditor-imagemap-content_001\" class=\"col-12 mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-expansion-panel id=\"qmsckeditor-imagemap-panel\" [expanded]=\"true\" (opened)=\"(true)\" (closed)=\"(false)\">\n <div id=\"qmsckeditor-imagemap-panel_001\">\n <div id=\"qmsckeditor-imagemap-panel_001_001\" class=\"qmsckeditor__imagemap__information\">\n <form [formGroup]=\"imageMapFormGroup\">\n <div class=\"row\">\n <div class=\"col-9\">\n <mat-button-toggle-group [(ngModel)]=\"selectedMode\" formControlName=\"modeList\"\n (change)=\"onModeChange($event)\">\n <mat-button-toggle *ngFor=\"let mode of modes\" [value]=\"mode.id\"\n [matTooltip]=\"mode.name\">\n <mat-icon color=\"red\" [svgIcon]=\"mode.icon\" aria-hidden=\"true\">\n </mat-icon>\n </mat-button-toggle>\n </mat-button-toggle-group>\n <span style=\"margin-left: 15px;\" #myStatus></span>\n </div>\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.ZOOM }}</mat-label>\n <mat-select [(ngModel)]=\"selectedZoom\" formControlName=\"zoomList\"\n (ngModelChange)=\"onZoomChange()\" disableOptionCentering>\n <mat-option *ngFor=\"let zoomType of zoomTypes\" [value]=\"zoomType.id\">\n {{ zoomType.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n <mat-select [(ngModel)]=\"selectedLinkType\" formControlName=\"linkTypeList\"\n (ngModelChange)=\"onLinkTypeChange()\" disableOptionCentering>\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 <div class=\"col-4\" *ngIf=\"selectedLinkType === 0\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\"\n (ngModelChange)=\"onTargetChange()\" 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 class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"eHandbook(false, false)\">\n {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n </button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 1\">\n <div class=\"col-3\">\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=\"anchorTextList\"\n (ngModelChange)=\"onAnchorTextChange()\">\n <mat-option *ngFor=\"let editorAnchor of editorAnchors\"\n [value]=\"editorAnchor.anchorValue\" disableOptionCentering>\n {{ editorAnchor.viewValue }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 0\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\"\n (ngModelChange)=\"onProtocolChange()\" 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 class=\"col-4\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n (ngModelChange)=\"onUrlChange()\" (keyup)=\"onUrlKeyup()\" />\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('required')\">{{\n LANG.QMSCKEDITOR.REQUIRED_URL }}\n </mat-error>\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('invalidURL')\">{{\n LANG.QMSCKEDITOR.INVALID_URL }}</mat-error>\n </mat-form-field>\n </div>\n <div class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"attachment()\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_002\" class=\"qmsckeditor__imagemap__map\">\n <img #myImage [src]=\"imageMapData.imageUrl\">\n <mat-spinner diameter=\"40\" mode=\"indeterminate\" *ngIf=\"isImageLoading\"></mat-spinner>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_003\"\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4 ms-0 me-0\">\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"removeMap()\">\n {{ LANG.QMSCKEDITOR.REMOVE_MAP }}\n </button>\n </div>\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"save()\">\n {{ LANG.QMSCKEDITOR.SAVE }}\n </button>\n </div>\n <div class=\"col-4 pl-0 ps-0\">\n <button class=\"cancel\" mat-flat-button (click)=\"cancel()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\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}::ng-deep .qmsckeditor__imagemap__container .mat-mdc-form-field{width:100%}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__information{position:relative}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__map{overflow:auto;width:800px;min-height:371px;position:relative;max-height:460px;display:flex;align-items:flex-start}::ng-deep .qmsckeditor__imagemap__container .mat-button-toggle-checked{border:1px solid #000000!important}::ng-deep .qmsckeditor__imagemap__container .hidden{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.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: "component", type: i10.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i11.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: i12.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatLabel, selector: "mat-label" }, { kind: "directive", type: i12.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i13.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i13.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: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i13.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i13.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.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: i15.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i16.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i17.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i17.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i18.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i19.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
686
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: QMSCKEditorImageMapComponent, selector: "app-qmsck-imagemap", inputs: { ckEditor: "ckEditor" }, viewQueries: [{ propertyName: "myImageRef", first: true, predicate: ["myImage"], descendants: true }, { propertyName: "myStatusRef", first: true, predicate: ["myStatus"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div id=\"qmsckeditor-imagemap\" class=\"qmsckeditor qmsckeditor__imagemap__container\">\n <div id=\"qmsckeditor-imagemap-header\">\n <span id=\"qmsckeditor-imagemap-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-imagemap-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-imagemap_002_001\">\n {{ LANG.QMSCKEDITOR.IMAGE_MAP_PROPERTIES }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-imagemap-content\">\n <div id=\"qmsckeditor-imagemap-content_001\" class=\"col-12 mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-expansion-panel id=\"qmsckeditor-imagemap-panel\" [expanded]=\"true\" (opened)=\"(true)\" (closed)=\"(false)\">\n <div id=\"qmsckeditor-imagemap-panel_001\">\n <div id=\"qmsckeditor-imagemap-panel_001_001\" class=\"qmsckeditor__imagemap__information\">\n <form [formGroup]=\"imageMapFormGroup\">\n <div class=\"row\">\n <div class=\"col-9\">\n <mat-button-toggle-group [(ngModel)]=\"selectedMode\" formControlName=\"modeList\"\n (change)=\"onModeChange($event)\">\n <mat-button-toggle *ngFor=\"let mode of modes\" [value]=\"mode.id\"\n [matTooltip]=\"mode.name\">\n <mat-icon color=\"red\" [svgIcon]=\"mode.icon\" aria-hidden=\"true\">\n </mat-icon>\n </mat-button-toggle>\n </mat-button-toggle-group>\n <span style=\"margin-left: 15px;\" #myStatus></span>\n </div>\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.ZOOM }}</mat-label>\n <mat-select [(ngModel)]=\"selectedZoom\" formControlName=\"zoomList\"\n (ngModelChange)=\"onZoomChange()\" disableOptionCentering>\n <mat-option *ngFor=\"let zoomType of zoomTypes\" [value]=\"zoomType.id\">\n {{ zoomType.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n <mat-select [(ngModel)]=\"selectedLinkType\" formControlName=\"linkTypeList\"\n (ngModelChange)=\"onLinkTypeChange()\" disableOptionCentering>\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 <div class=\"col-4\" *ngIf=\"selectedLinkType === 0\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\"\n (ngModelChange)=\"onTargetChange()\" 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 class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"eHandbook(false, false)\">\n {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n </button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 1\">\n <div class=\"col-3\">\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=\"anchorTextList\"\n (ngModelChange)=\"onAnchorTextChange()\">\n <mat-option *ngFor=\"let editorAnchor of editorAnchors\"\n [value]=\"editorAnchor.anchorValue\" disableOptionCentering>\n {{ editorAnchor.viewValue }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 0\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\"\n (ngModelChange)=\"onProtocolChange()\" 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 class=\"col-4\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n (ngModelChange)=\"onUrlChange()\" (keyup)=\"onUrlKeyup()\" />\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('required')\">{{\n LANG.QMSCKEDITOR.REQUIRED_URL }}\n </mat-error>\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('invalidURL')\">{{\n LANG.QMSCKEDITOR.INVALID_URL }}</mat-error>\n </mat-form-field>\n </div>\n <div class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"attachment()\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_002\" class=\"qmsckeditor__imagemap__map\">\n <img #myImage [src]=\"imageMapData.imageUrl\">\n <mat-spinner diameter=\"40\" mode=\"indeterminate\" *ngIf=\"isImageLoading\"></mat-spinner>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_003\"\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4 ms-0 me-0\">\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"removeMap()\">\n {{ LANG.QMSCKEDITOR.REMOVE_MAP }}\n </button>\n </div>\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"save()\">\n {{ LANG.QMSCKEDITOR.SAVE }}\n </button>\n </div>\n <div class=\"col-4 pl-0 ps-0\">\n <button class=\"cancel\" mat-flat-button (click)=\"cancel()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\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}::ng-deep .qmsckeditor__imagemap__container .mat-mdc-form-field{width:100%}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__information{position:relative}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__map{overflow:auto;width:800px;min-height:371px;position:relative;max-height:460px;display:flex;align-items:flex-start}::ng-deep .qmsckeditor__imagemap__container .mat-button-toggle-checked{border:1px solid #000000!important}::ng-deep .qmsckeditor__imagemap__container .hidden{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.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: "component", type: i10.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: i11.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: i12.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatLabel, selector: "mat-label" }, { kind: "directive", type: i12.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i13.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i13.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: i13.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i13.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i13.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i13.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i14.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: i15.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i16.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i17.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i17.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: i18.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i19.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
687
687
  }
688
688
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: QMSCKEditorImageMapComponent, decorators: [{
689
689
  type: Component,
690
- args: [{ selector: 'app-qmsck-imagemap', template: "<div id=\"qmsckeditor-imagemap\" class=\"qmsckeditor qmsckeditor__imagemap__container\">\n <div id=\"qmsckeditor-imagemap-header\">\n <span id=\"qmsckeditor-imagemap-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-imagemap-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-imagemap_002_001\">\n {{ LANG.QMSCKEDITOR.IMAGE_MAP_PROPERTIES }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-imagemap-content\">\n <div id=\"qmsckeditor-imagemap-content_001\" class=\"col-12 mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-expansion-panel id=\"qmsckeditor-imagemap-panel\" [expanded]=\"true\" (opened)=\"(true)\" (closed)=\"(false)\">\n <div id=\"qmsckeditor-imagemap-panel_001\">\n <div id=\"qmsckeditor-imagemap-panel_001_001\" class=\"qmsckeditor__imagemap__information\">\n <form [formGroup]=\"imageMapFormGroup\">\n <div class=\"row\">\n <div class=\"col-9\">\n <mat-button-toggle-group [(ngModel)]=\"selectedMode\" formControlName=\"modeList\"\n (change)=\"onModeChange($event)\">\n <mat-button-toggle *ngFor=\"let mode of modes\" [value]=\"mode.id\"\n [matTooltip]=\"mode.name\">\n <mat-icon color=\"red\" [svgIcon]=\"mode.icon\" aria-hidden=\"true\">\n </mat-icon>\n </mat-button-toggle>\n </mat-button-toggle-group>\n <span style=\"margin-left: 15px;\" #myStatus></span>\n </div>\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.ZOOM }}</mat-label>\n <mat-select [(ngModel)]=\"selectedZoom\" formControlName=\"zoomList\"\n (ngModelChange)=\"onZoomChange()\" disableOptionCentering>\n <mat-option *ngFor=\"let zoomType of zoomTypes\" [value]=\"zoomType.id\">\n {{ zoomType.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n <mat-select [(ngModel)]=\"selectedLinkType\" formControlName=\"linkTypeList\"\n (ngModelChange)=\"onLinkTypeChange()\" disableOptionCentering>\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 <div class=\"col-4\" *ngIf=\"selectedLinkType === 0\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\"\n (ngModelChange)=\"onTargetChange()\" 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 class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"eHandbook(false, false)\">\n {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n </button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 1\">\n <div class=\"col-3\">\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=\"anchorTextList\"\n (ngModelChange)=\"onAnchorTextChange()\">\n <mat-option *ngFor=\"let editorAnchor of editorAnchors\"\n [value]=\"editorAnchor.anchorValue\" disableOptionCentering>\n {{ editorAnchor.viewValue }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 0\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\"\n (ngModelChange)=\"onProtocolChange()\" 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 class=\"col-4\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n (ngModelChange)=\"onUrlChange()\" (keyup)=\"onUrlKeyup()\" />\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('required')\">{{\n LANG.QMSCKEDITOR.REQUIRED_URL }}\n </mat-error>\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('invalidURL')\">{{\n LANG.QMSCKEDITOR.INVALID_URL }}</mat-error>\n </mat-form-field>\n </div>\n <div class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"attachment()\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_002\" class=\"qmsckeditor__imagemap__map\">\n <img #myImage [src]=\"imageMapData.imageUrl\">\n <mat-spinner diameter=\"40\" mode=\"indeterminate\" *ngIf=\"isImageLoading\"></mat-spinner>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_003\"\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4 ms-0 me-0\">\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"removeMap()\">\n {{ LANG.QMSCKEDITOR.REMOVE_MAP }}\n </button>\n </div>\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"save()\">\n {{ LANG.QMSCKEDITOR.SAVE }}\n </button>\n </div>\n <div class=\"col-4 pl-0 ps-0\">\n <button class=\"cancel\" mat-flat-button (click)=\"cancel()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\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}::ng-deep .qmsckeditor__imagemap__container .mat-mdc-form-field{width:100%}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__information{position:relative}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__map{overflow:auto;width:800px;min-height:371px;position:relative;max-height:460px;display:flex;align-items:flex-start}::ng-deep .qmsckeditor__imagemap__container .mat-button-toggle-checked{border:1px solid #000000!important}::ng-deep .qmsckeditor__imagemap__container .hidden{visibility:hidden}\n"] }]
690
+ args: [{ selector: 'app-qmsck-imagemap', template: "<div id=\"qmsckeditor-imagemap\" class=\"qmsckeditor qmsckeditor__imagemap__container\">\n <div id=\"qmsckeditor-imagemap-header\">\n <span id=\"qmsckeditor-imagemap-header_001\" mat-icon-button class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\">\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor-imagemap-header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor-imagemap_002_001\">\n {{ LANG.QMSCKEDITOR.IMAGE_MAP_PROPERTIES }}\n </h2>\n </div>\n </div>\n <div id=\"qmsckeditor-imagemap-content\">\n <div id=\"qmsckeditor-imagemap-content_001\" class=\"col-12 mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-expansion-panel id=\"qmsckeditor-imagemap-panel\" [expanded]=\"true\" (opened)=\"(true)\" (closed)=\"(false)\">\n <div id=\"qmsckeditor-imagemap-panel_001\">\n <div id=\"qmsckeditor-imagemap-panel_001_001\" class=\"qmsckeditor__imagemap__information\">\n <form [formGroup]=\"imageMapFormGroup\">\n <div class=\"row\">\n <div class=\"col-9\">\n <mat-button-toggle-group [(ngModel)]=\"selectedMode\" formControlName=\"modeList\"\n (change)=\"onModeChange($event)\">\n <mat-button-toggle *ngFor=\"let mode of modes\" [value]=\"mode.id\"\n [matTooltip]=\"mode.name\">\n <mat-icon color=\"red\" [svgIcon]=\"mode.icon\" aria-hidden=\"true\">\n </mat-icon>\n </mat-button-toggle>\n </mat-button-toggle-group>\n <span style=\"margin-left: 15px;\" #myStatus></span>\n </div>\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.ZOOM }}</mat-label>\n <mat-select [(ngModel)]=\"selectedZoom\" formControlName=\"zoomList\"\n (ngModelChange)=\"onZoomChange()\" disableOptionCentering>\n <mat-option *ngFor=\"let zoomType of zoomTypes\" [value]=\"zoomType.id\">\n {{ zoomType.name }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_TYPE }}</mat-label>\n <mat-select [(ngModel)]=\"selectedLinkType\" formControlName=\"linkTypeList\"\n (ngModelChange)=\"onLinkTypeChange()\" disableOptionCentering>\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 <div class=\"col-4\" *ngIf=\"selectedLinkType === 0\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.TARGET }}</mat-label>\n <mat-select [(ngModel)]=\"selectedTarget\" formControlName=\"targetList\"\n (ngModelChange)=\"onTargetChange()\" 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 class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"eHandbook(false, false)\">\n {{ LANG.QMSCKEDITOR.DOCUMENT_PROCESS }}\n </button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 1\">\n <div class=\"col-3\">\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=\"anchorTextList\"\n (ngModelChange)=\"onAnchorTextChange()\">\n <mat-option *ngFor=\"let editorAnchor of editorAnchors\"\n [value]=\"editorAnchor.anchorValue\" disableOptionCentering>\n {{ editorAnchor.viewValue }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </div>\n <div class=\"row\" [ngClass]=\"{'hidden': !showImageMapInformation}\"\n *ngIf=\"selectedLinkType === 0\">\n <div class=\"col-3\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.PROTOCOL }}</mat-label>\n <mat-select [(ngModel)]=\"selectedProtocol\" formControlName=\"protocolList\"\n (ngModelChange)=\"onProtocolChange()\" 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 class=\"col-4\">\n <mat-form-field appearance=\"fill\" class=\"col-12 pl-3 pr-3 pb-1 ps-3 pe-3\">\n <mat-label>{{ LANG.QMSCKEDITOR.LINK_URL }}</mat-label>\n <input matInput [(ngModel)]=\"url\" name=\"url\" formControlName=\"url\"\n (ngModelChange)=\"onUrlChange()\" (keyup)=\"onUrlKeyup()\" />\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('required')\">{{\n LANG.QMSCKEDITOR.REQUIRED_URL }}\n </mat-error>\n <mat-error *ngIf=\"imageMapFormGroup.get('url').hasError('invalidURL')\">{{\n LANG.QMSCKEDITOR.INVALID_URL }}</mat-error>\n </mat-form-field>\n </div>\n <div class=\"col-5\">\n <div class=\"row button__groups\">\n <div class=\"col-6\">\n <button class=\"save\" mat-stroked-button (click)=\"attachment()\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </form>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_002\" class=\"qmsckeditor__imagemap__map\">\n <img #myImage [src]=\"imageMapData.imageUrl\">\n <mat-spinner diameter=\"40\" mode=\"indeterminate\" *ngIf=\"isImageLoading\"></mat-spinner>\n </div>\n <div id=\"qmsckeditor-imagemap-panel_001_003\"\n class=\"qmsckeditor button__groups row mr-0 ml-0 mt-4 ms-0 me-0\">\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"removeMap()\">\n {{ LANG.QMSCKEDITOR.REMOVE_MAP }}\n </button>\n </div>\n <div class=\"col-4 pr-0 pe-0\">\n <button class=\"save\" mat-flat-button (click)=\"save()\">\n {{ LANG.QMSCKEDITOR.SAVE }}\n </button>\n </div>\n <div class=\"col-4 pl-0 ps-0\">\n <button class=\"cancel\" mat-flat-button (click)=\"cancel()\">\n {{ LANG.QMSCKEDITOR.CANCEL }}\n </button>\n </div>\n </div>\n </div>\n </mat-expansion-panel>\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}::ng-deep .qmsckeditor__imagemap__container .mat-mdc-form-field{width:100%}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__information{position:relative}::ng-deep .qmsckeditor__imagemap__container .qmsckeditor__imagemap__map{overflow:auto;width:800px;min-height:371px;position:relative;max-height:460px;display:flex;align-items:flex-start}::ng-deep .qmsckeditor__imagemap__container .mat-button-toggle-checked{border:1px solid #000000!important}::ng-deep .qmsckeditor__imagemap__container .hidden{visibility:hidden}\n"] }]
691
691
  }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i1.MatDialog }, { type: i2.TranslateLibraryService }, { type: i3.QMSCKEditorLinkService }, { type: i1.MatDialogRef }, { type: i4.QMSCKEditorCommonService }, { type: i20.QMSCKEditorImageMap, decorators: [{
692
692
  type: Inject,
693
693
  args: [MAT_DIALOG_DATA]
@@ -61,11 +61,11 @@ export class LinkAttachmentComponent extends QMSCKEditorBaseComponent {
61
61
  this.dialogRef.close(this.linkUrl);
62
62
  }
63
63
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkAttachmentComponent, deps: [{ token: i1.MatDialog }, { token: i2.TranslateLibraryService }, { token: i3.QMSCKEditorLinkService }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
64
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LinkAttachmentComponent, selector: "link-attachment", usesInheritance: true, ngImport: i0, template: "<div\n id=\"qmsckeditor_link_attachment\"\n class=\"qmsckeditor qmsckeditor__link__attachment__container\"\n>\n <div id=\"qmsckeditor_link_attachment_header\">\n <span\n id=\"qmsckeditor_link_attachment_header_001\"\n mat-icon-button\n class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\"\n >\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor_link_attachment_header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor_link_attachment_header_002_001\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </h2>\n </div>\n </div>\n <div\n id=\"qmsckeditor_link_attachment_content\"\n class=\"qmsckeditor template-content height\"\n >\n <div id=\"qmsckeditor_link_attachment_content_001\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-card\n appearance=\"outlined\"\n class=\"qmsckeditor card col-12\"\n *ngFor=\"let attachment of attachments\"\n >\n <div\n class=\"row\"\n (click)=\"\n onSelectedAttachment(attachment.extraId, attachment.fileName)\n \"\n >\n <div class=\"qmsckeditor__cursor col-12\">\n <div class=\"col-12 pl-0 ps-0 title\">\n <span>{{ attachment.fileName }}</span>\n </div>\n <div class=\"col-12 pl-0 ps-0 content\">\n <span>{{ attachment.extraId }}</span>\n </div>\n </div>\n </div>\n </mat-card>\n </div>\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}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }] }); }
64
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LinkAttachmentComponent, selector: "link-attachment", usesInheritance: true, ngImport: i0, template: "<div\n id=\"qmsckeditor_link_attachment\"\n class=\"qmsckeditor qmsckeditor__link__attachment__container\"\n>\n <div id=\"qmsckeditor_link_attachment_header\">\n <span\n id=\"qmsckeditor_link_attachment_header_001\"\n mat-icon-button\n class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\"\n >\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor_link_attachment_header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor_link_attachment_header_002_001\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </h2>\n </div>\n </div>\n <div\n id=\"qmsckeditor_link_attachment_content\"\n class=\"qmsckeditor template-content height\"\n >\n <div id=\"qmsckeditor_link_attachment_content_001\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-card\n appearance=\"outlined\"\n class=\"qmsckeditor card col-12\"\n *ngFor=\"let attachment of attachments\"\n >\n <div\n class=\"row\"\n (click)=\"\n onSelectedAttachment(attachment.extraId, attachment.fileName)\n \"\n >\n <div class=\"qmsckeditor__cursor col-12\">\n <div class=\"col-12 pl-0 ps-0 title\">\n <span>{{ attachment.fileName }}</span>\n </div>\n <div class=\"col-12 pl-0 ps-0 content\">\n <span>{{ attachment.extraId }}</span>\n </div>\n </div>\n </div>\n </mat-card>\n </div>\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}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "component", type: i6.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }] }); }
65
65
  }
66
66
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LinkAttachmentComponent, decorators: [{
67
67
  type: Component,
68
- args: [{ selector: 'link-attachment', template: "<div\n id=\"qmsckeditor_link_attachment\"\n class=\"qmsckeditor qmsckeditor__link__attachment__container\"\n>\n <div id=\"qmsckeditor_link_attachment_header\">\n <span\n id=\"qmsckeditor_link_attachment_header_001\"\n mat-icon-button\n class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\"\n >\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor_link_attachment_header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor_link_attachment_header_002_001\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </h2>\n </div>\n </div>\n <div\n id=\"qmsckeditor_link_attachment_content\"\n class=\"qmsckeditor template-content height\"\n >\n <div id=\"qmsckeditor_link_attachment_content_001\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-card\n appearance=\"outlined\"\n class=\"qmsckeditor card col-12\"\n *ngFor=\"let attachment of attachments\"\n >\n <div\n class=\"row\"\n (click)=\"\n onSelectedAttachment(attachment.extraId, attachment.fileName)\n \"\n >\n <div class=\"qmsckeditor__cursor col-12\">\n <div class=\"col-12 pl-0 ps-0 title\">\n <span>{{ attachment.fileName }}</span>\n </div>\n <div class=\"col-12 pl-0 ps-0 content\">\n <span>{{ attachment.extraId }}</span>\n </div>\n </div>\n </div>\n </mat-card>\n </div>\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}\n"] }]
68
+ args: [{ selector: 'link-attachment', template: "<div\n id=\"qmsckeditor_link_attachment\"\n class=\"qmsckeditor qmsckeditor__link__attachment__container\"\n>\n <div id=\"qmsckeditor_link_attachment_header\">\n <span\n id=\"qmsckeditor_link_attachment_header_001\"\n mat-icon-button\n class=\"qmsckeditor button__close\"\n (click)=\"onCloseDialog()\"\n >\n <mat-icon>close</mat-icon>\n </span>\n <div id=\"qmsckeditor_link_attachment_header_002\" mat-dialog-content>\n <h2 id=\"qmsckeditor_link_attachment_header_002_001\">\n {{ LANG.QMSCKEDITOR.ATTACHMENT }}\n </h2>\n </div>\n </div>\n <div\n id=\"qmsckeditor_link_attachment_content\"\n class=\"qmsckeditor template-content height\"\n >\n <div id=\"qmsckeditor_link_attachment_content_001\" class=\"mt-1 pl-2 pr-2 ps-2 pe-2\">\n <mat-card\n appearance=\"outlined\"\n class=\"qmsckeditor card col-12\"\n *ngFor=\"let attachment of attachments\"\n >\n <div\n class=\"row\"\n (click)=\"\n onSelectedAttachment(attachment.extraId, attachment.fileName)\n \"\n >\n <div class=\"qmsckeditor__cursor col-12\">\n <div class=\"col-12 pl-0 ps-0 title\">\n <span>{{ attachment.fileName }}</span>\n </div>\n <div class=\"col-12 pl-0 ps-0 content\">\n <span>{{ attachment.extraId }}</span>\n </div>\n </div>\n </div>\n </mat-card>\n </div>\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}\n"] }]
69
69
  }], ctorParameters: () => [{ type: i1.MatDialog }, { type: i2.TranslateLibraryService }, { type: i3.QMSCKEditorLinkService }, { type: i1.MatDialogRef }, { type: QMSCKEditorParamter, decorators: [{
70
70
  type: Inject,
71
71
  args: [MAT_DIALOG_DATA]