ca-components 1.7.3 → 1.7.4
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.
|
@@ -17,7 +17,7 @@ export class CaModalComponent {
|
|
|
17
17
|
this.modalTitle = '';
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaModalComponent, isStandalone: true, selector: "app-ca-modal", inputs: { customClass: "customClass", partClass: "partClass", modalTitle: "modalTitle", customHeaderTemplate: "customHeaderTemplate", headerSvgTemplate: "headerSvgTemplate", leftHeaderTemplate: "leftHeaderTemplate", rightHeaderTemplate: "rightHeaderTemplate", footerTemplate: "footerTemplate", additionalPartTemplate: "additionalPartTemplate" }, ngImport: i0, template: "<app-ca-custom-scrollbar\n [scrollBarOptions]=\"{\n showVerticalScrollBar: true,\n showHorizontalScrollBar: false,\n }\"\n>\n <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div\n cdkDragHandle\n class=\"modal-header d-flex justify-content-between\"\n >\n @if(customHeaderTemplate) {\n <ng-container\n *ngTemplateOutlet=\"customHeaderTemplate\"\n ></ng-container> \n } @else {\n <div class=\"modal-header-leftside\">\n <ng-container\n *ngTemplateOutlet=\"headerSvgTemplate\"\n ></ng-container> \n \n <!-- Header title -->\n \n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n \n <ng-container\n *ngTemplateOutlet=\"leftHeaderTemplate\"\n ></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n \n <ng-container\n *ngTemplateOutlet=\"rightHeaderTemplate\"\n ></ng-container>\n </div>\n }\n\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n <!-- Footer Template Content -->\n\n <div cdkDragHandle>\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n </div>\n <!-- Additional Part Content -->\n\n <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n </div>\n</app-ca-custom-scrollbar>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #ffffff;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "ngmodule", type: NgbModule }, { kind: "component", type:
|
|
21
21
|
// components
|
|
22
22
|
CaCustomScrollbarComponent, selector: "app-ca-custom-scrollbar", inputs: ["scrollBarOptions", "horizontalScrollHeight"], outputs: ["scrollEvent"] }], animations: [
|
|
23
23
|
trigger('widthGrow', [
|
|
@@ -51,13 +51,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
51
51
|
})),
|
|
52
52
|
transition('closed => open', animate(100)),
|
|
53
53
|
]),
|
|
54
|
-
], template: "<app-ca-custom-scrollbar\n [scrollBarOptions]=\"{\n showVerticalScrollBar: true,\n showHorizontalScrollBar: false,\n }\"\n>\n <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div\n cdkDragHandle\n class=\"modal-header d-flex justify-content-between\"\n >\n <div class=\"modal-header-leftside\">\n
|
|
54
|
+
], template: "<app-ca-custom-scrollbar\n [scrollBarOptions]=\"{\n showVerticalScrollBar: true,\n showHorizontalScrollBar: false,\n }\"\n>\n <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div\n cdkDragHandle\n class=\"modal-header d-flex justify-content-between\"\n >\n @if(customHeaderTemplate) {\n <ng-container\n *ngTemplateOutlet=\"customHeaderTemplate\"\n ></ng-container> \n } @else {\n <div class=\"modal-header-leftside\">\n <ng-container\n *ngTemplateOutlet=\"headerSvgTemplate\"\n ></ng-container> \n \n <!-- Header title -->\n \n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n \n <ng-container\n *ngTemplateOutlet=\"leftHeaderTemplate\"\n ></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n \n <ng-container\n *ngTemplateOutlet=\"rightHeaderTemplate\"\n ></ng-container>\n </div>\n }\n\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n <!-- Footer Template Content -->\n\n <div cdkDragHandle>\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n </div>\n <!-- Additional Part Content -->\n\n <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n </div>\n</app-ca-custom-scrollbar>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #ffffff;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"] }]
|
|
55
55
|
}], propDecorators: { customClass: [{
|
|
56
56
|
type: Input
|
|
57
57
|
}], partClass: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], modalTitle: [{
|
|
60
60
|
type: Input
|
|
61
|
+
}], customHeaderTemplate: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], headerSvgTemplate: [{
|
|
64
|
+
type: Input
|
|
61
65
|
}], leftHeaderTemplate: [{
|
|
62
66
|
type: Input
|
|
63
67
|
}], rightHeaderTemplate: [{
|
|
@@ -67,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
67
71
|
}], additionalPartTemplate: [{
|
|
68
72
|
type: Input
|
|
69
73
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBQ1YsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDOzs7O0FBbUNsRyxNQUFNLE9BQU8sZ0JBQWdCO0lBakM3QjtRQWtDYSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLGVBQVUsR0FBVyxFQUFFLENBQUM7S0FRcEM7K0dBWFksZ0JBQWdCO21HQUFoQixnQkFBZ0Isa2FDbEQ3QiwraUVBMERBLHc3SURuQ1EsWUFBWSxxTUFDWixXQUFXLDhCQUNYLGNBQWMsK2xCQUNkLG9CQUFvQiw4QkFDcEIsU0FBUztnQkFFVCxhQUFhO2dCQUNiLDBCQUEwQix3SUFFbEI7WUFDUixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNqQixLQUFLLENBQ0QsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDRixTQUFTLEVBQUUsVUFBVTtpQkFDeEIsQ0FBQyxDQUNMO2dCQUNELEtBQUssQ0FDRCxNQUFNLEVBQ04sS0FBSyxDQUFDO29CQUNGLFNBQVMsRUFBRSxVQUFVO2lCQUN4QixDQUFDLENBQ0w7Z0JBQ0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUM3QyxDQUFDO1NBQ0w7OzRGQUVRLGdCQUFnQjtrQkFqQzVCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGNBQWMsV0FHZjt3QkFDTCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLFNBQVM7d0JBRVQsYUFBYTt3QkFDYiwwQkFBMEI7cUJBQzdCLGNBQ1c7d0JBQ1IsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDakIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7Z0NBQ0YsU0FBUyxFQUFFLFVBQVU7NkJBQ3hCLENBQUMsQ0FDTDs0QkFDRCxLQUFLLENBQ0QsTUFBTSxFQUNOLEtBQUssQ0FBQztnQ0FDRixTQUFTLEVBQUUsVUFBVTs2QkFDeEIsQ0FBQyxDQUNMOzRCQUNELFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7eUJBQzdDLENBQUM7cUJBQ0w7OEJBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBhbmltYXRlLFxuICAgIHN0YXRlLFxuICAgIHN0eWxlLFxuICAgIHRyYW5zaXRpb24sXG4gICAgdHJpZ2dlcixcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBEcmFnRHJvcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE5nYk1vZHVsZSB9IGZyb20gJ0BuZy1ib290c3RyYXAvbmctYm9vdHN0cmFwJztcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbi8vIGNvbXBvbmVudHNcbmltcG9ydCB7IENhQ3VzdG9tU2Nyb2xsYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vY2EtY3VzdG9tLXNjcm9sbGJhci9jYS1jdXN0b20tc2Nyb2xsYmFyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtbW9kYWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgRm9ybXNNb2R1bGUsXG4gICAgICAgIERyYWdEcm9wTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcbiAgICAgICAgTmdiTW9kdWxlLFxuXG4gICAgICAgIC8vIGNvbXBvbmVudHNcbiAgICAgICAgQ2FDdXN0b21TY3JvbGxiYXJDb21wb25lbnQsXG4gICAgXSxcbiAgICBhbmltYXRpb25zOiBbXG4gICAgICAgIHRyaWdnZXIoJ3dpZHRoR3JvdycsIFtcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdjbG9zZWQnLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMCknLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgc3RhdGUoXG4gICAgICAgICAgICAgICAgJ29wZW4nLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMSknLFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApLFxuICAgICAgICAgICAgdHJhbnNpdGlvbignY2xvc2VkID0+IG9wZW4nLCBhbmltYXRlKDEwMCkpLFxuICAgICAgICBdKSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYU1vZGFsQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBjdXN0b21DbGFzczogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCkgcGFydENsYXNzOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSBtb2RhbFRpdGxlOiBzdHJpbmcgPSAnJztcblxuICAgIEBJbnB1dCgpIGN1c3RvbUhlYWRlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG4gICAgQElucHV0KCkgaGVhZGVyU3ZnVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxudWxsPjtcbiAgICBASW5wdXQoKSBsZWZ0SGVhZGVyVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxudWxsPjtcbiAgICBASW5wdXQoKSByaWdodEhlYWRlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG4gICAgQElucHV0KCkgZm9vdGVyVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxudWxsPjtcbiAgICBASW5wdXQoKSBhZGRpdGlvbmFsUGFydFRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG59XG4iLCI8YXBwLWNhLWN1c3RvbS1zY3JvbGxiYXJcbiAgICBbc2Nyb2xsQmFyT3B0aW9uc109XCJ7XG4gICAgICAgIHNob3dWZXJ0aWNhbFNjcm9sbEJhcjogdHJ1ZSxcbiAgICAgICAgc2hvd0hvcml6b250YWxTY3JvbGxCYXI6IGZhbHNlLFxuICAgIH1cIlxuPlxuICAgIDxkaXYgY2RrRHJhZyBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lciB7eyBjdXN0b21DbGFzcyB9fVwiIG5nQkF1dG9mb2N1cz5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLW9yaWdpbmFsLXBhcnQge3sgcGFydENsYXNzIH19XCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2RrRHJhZ0hhbmRsZVxuICAgICAgICAgICAgICAgIGNsYXNzPVwibW9kYWwtaGVhZGVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgQGlmKGN1c3RvbUhlYWRlclRlbXBsYXRlKSB7XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY3VzdG9tSGVhZGVyVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICA+PC9uZy1jb250YWluZXI+IFxuICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyLWxlZnRzaWRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJTdmdUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9uZy1jb250YWluZXI+IFxuICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSBIZWFkZXIgdGl0bGUgLS0+XG4gICAgXG4gICAgICAgICAgICAgICAgICAgICAgICA8aDUgY2xhc3M9XCJtb2RhbC10aXRsZVwiPnt7IG1vZGFsVGl0bGUgfX08L2g1PlxuICAgICAgICAgICAgICAgICAgICAgICAgPCEtLSBIYWVkZXIgbGVmdCBzaWRlIHRlbXBsYXRlIC0tPlxuICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwibGVmdEhlYWRlclRlbXBsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXItcmlnaHRzaWRlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8IS0tIEhhZWRlciByaWdodCBzaWRlIC0tPlxuICAgIFxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwicmlnaHRIZWFkZXJUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XG4gICAgICAgICAgICAgICAgPCEtLSBNb2RhbCBjb250ZW50IC0tPlxuXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29yaWdpbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwhLS0gRm9vdGVyIFRlbXBsYXRlIENvbnRlbnQgLS0+XG5cbiAgICAgICAgICAgIDxkaXYgY2RrRHJhZ0hhbmRsZT5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPCEtLSBBZGRpdGlvbmFsIFBhcnQgQ29udGVudCAtLT5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYWRkaXRpb25hbFBhcnRUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuPC9hcHAtY2EtY3VzdG9tLXNjcm9sbGJhcj5cbiJdfQ==
|
|
@@ -33611,7 +33611,7 @@ class CaModalComponent {
|
|
|
33611
33611
|
this.modalTitle = '';
|
|
33612
33612
|
}
|
|
33613
33613
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33614
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
33614
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaModalComponent, isStandalone: true, selector: "app-ca-modal", inputs: { customClass: "customClass", partClass: "partClass", modalTitle: "modalTitle", customHeaderTemplate: "customHeaderTemplate", headerSvgTemplate: "headerSvgTemplate", leftHeaderTemplate: "leftHeaderTemplate", rightHeaderTemplate: "rightHeaderTemplate", footerTemplate: "footerTemplate", additionalPartTemplate: "additionalPartTemplate" }, ngImport: i0, template: "<app-ca-custom-scrollbar\n [scrollBarOptions]=\"{\n showVerticalScrollBar: true,\n showHorizontalScrollBar: false,\n }\"\n>\n <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div\n cdkDragHandle\n class=\"modal-header d-flex justify-content-between\"\n >\n @if(customHeaderTemplate) {\n <ng-container\n *ngTemplateOutlet=\"customHeaderTemplate\"\n ></ng-container> \n } @else {\n <div class=\"modal-header-leftside\">\n <ng-container\n *ngTemplateOutlet=\"headerSvgTemplate\"\n ></ng-container> \n \n <!-- Header title -->\n \n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n \n <ng-container\n *ngTemplateOutlet=\"leftHeaderTemplate\"\n ></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n \n <ng-container\n *ngTemplateOutlet=\"rightHeaderTemplate\"\n ></ng-container>\n </div>\n }\n\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n <!-- Footer Template Content -->\n\n <div cdkDragHandle>\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n </div>\n <!-- Additional Part Content -->\n\n <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n </div>\n</app-ca-custom-scrollbar>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #ffffff;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i3$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3$2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "ngmodule", type: NgbModule }, { kind: "component", type:
|
|
33615
33615
|
// components
|
|
33616
33616
|
CaCustomScrollbarComponent, selector: "app-ca-custom-scrollbar", inputs: ["scrollBarOptions", "horizontalScrollHeight"], outputs: ["scrollEvent"] }], animations: [
|
|
33617
33617
|
trigger('widthGrow', [
|
|
@@ -33645,13 +33645,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
33645
33645
|
})),
|
|
33646
33646
|
transition('closed => open', animate(100)),
|
|
33647
33647
|
]),
|
|
33648
|
-
], template: "<app-ca-custom-scrollbar\n [scrollBarOptions]=\"{\n showVerticalScrollBar: true,\n showHorizontalScrollBar: false,\n }\"\n>\n <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div\n cdkDragHandle\n class=\"modal-header d-flex justify-content-between\"\n >\n <div class=\"modal-header-leftside\">\n
|
|
33648
|
+
], template: "<app-ca-custom-scrollbar\n [scrollBarOptions]=\"{\n showVerticalScrollBar: true,\n showHorizontalScrollBar: false,\n }\"\n>\n <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div\n cdkDragHandle\n class=\"modal-header d-flex justify-content-between\"\n >\n @if(customHeaderTemplate) {\n <ng-container\n *ngTemplateOutlet=\"customHeaderTemplate\"\n ></ng-container> \n } @else {\n <div class=\"modal-header-leftside\">\n <ng-container\n *ngTemplateOutlet=\"headerSvgTemplate\"\n ></ng-container> \n \n <!-- Header title -->\n \n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n \n <ng-container\n *ngTemplateOutlet=\"leftHeaderTemplate\"\n ></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n \n <ng-container\n *ngTemplateOutlet=\"rightHeaderTemplate\"\n ></ng-container>\n </div>\n }\n\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n <!-- Footer Template Content -->\n\n <div cdkDragHandle>\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n </div>\n <!-- Additional Part Content -->\n\n <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n </div>\n</app-ca-custom-scrollbar>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #ffffff;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"] }]
|
|
33649
33649
|
}], propDecorators: { customClass: [{
|
|
33650
33650
|
type: Input
|
|
33651
33651
|
}], partClass: [{
|
|
33652
33652
|
type: Input
|
|
33653
33653
|
}], modalTitle: [{
|
|
33654
33654
|
type: Input
|
|
33655
|
+
}], customHeaderTemplate: [{
|
|
33656
|
+
type: Input
|
|
33657
|
+
}], headerSvgTemplate: [{
|
|
33658
|
+
type: Input
|
|
33655
33659
|
}], leftHeaderTemplate: [{
|
|
33656
33660
|
type: Input
|
|
33657
33661
|
}], rightHeaderTemplate: [{
|