ca-components 0.0.88 → 0.0.89
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.
- package/esm2022/lib/components/ca-modal/ca-modal.component.mjs +62 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/ca-components.mjs +53 -1
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-modal/ca-modal.component.d.ts +12 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
+
import { DragDropModule } from '@angular/cdk/drag-drop';
|
|
3
|
+
import { CommonModule } from '@angular/common';
|
|
4
|
+
import { Component, Input } from '@angular/core';
|
|
5
|
+
import { FormsModule } from '@angular/forms';
|
|
6
|
+
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
|
|
7
|
+
import { AngularSvgIconModule } from 'angular-svg-icon';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/common";
|
|
10
|
+
import * as i2 from "@angular/cdk/drag-drop";
|
|
11
|
+
export class CaModalComponent {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.customClass = '';
|
|
14
|
+
this.partClass = '';
|
|
15
|
+
this.modalTitle = '';
|
|
16
|
+
}
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaModalComponent, isStandalone: true, selector: "app-ca-modal", inputs: { customClass: "customClass", partClass: "partClass", modalTitle: "modalTitle", leftHeaderTemplate: "leftHeaderTemplate", rightHeaderTemplate: "rightHeaderTemplate", footerTemplate: "footerTemplate" }, ngImport: i0, template: "<div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div cdkDragHandle class=\"modal-header d-flex justify-content-between\">\n <!-- [ngClass]=\"{ 'confirmation-modal': confirmationData }\" -->\n <div class=\"modal-header-leftside\">\n <!-- Header title -->\n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n <ng-container *ngTemplateOutlet=\"leftHeaderTemplate\"></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n <ng-container *ngTemplateOutlet=\"rightHeaderTemplate\"></ng-container>\n </div>\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n\n <!-- Footer Template Content -->\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n</div>\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 #dadada;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"], 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 }], animations: [
|
|
19
|
+
trigger('widthGrow', [
|
|
20
|
+
state('closed', style({
|
|
21
|
+
transform: 'scale(0)',
|
|
22
|
+
})),
|
|
23
|
+
state('open', style({
|
|
24
|
+
transform: 'scale(1)',
|
|
25
|
+
})),
|
|
26
|
+
transition('closed => open', animate(100)),
|
|
27
|
+
]),
|
|
28
|
+
] }); }
|
|
29
|
+
}
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaModalComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ standalone: true, selector: 'app-ca-modal', imports: [
|
|
33
|
+
CommonModule,
|
|
34
|
+
FormsModule,
|
|
35
|
+
DragDropModule,
|
|
36
|
+
AngularSvgIconModule,
|
|
37
|
+
NgbModule,
|
|
38
|
+
], animations: [
|
|
39
|
+
trigger('widthGrow', [
|
|
40
|
+
state('closed', style({
|
|
41
|
+
transform: 'scale(0)',
|
|
42
|
+
})),
|
|
43
|
+
state('open', style({
|
|
44
|
+
transform: 'scale(1)',
|
|
45
|
+
})),
|
|
46
|
+
transition('closed => open', animate(100)),
|
|
47
|
+
]),
|
|
48
|
+
], template: "<div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div cdkDragHandle class=\"modal-header d-flex justify-content-between\">\n <!-- [ngClass]=\"{ 'confirmation-modal': confirmationData }\" -->\n <div class=\"modal-header-leftside\">\n <!-- Header title -->\n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n <ng-container *ngTemplateOutlet=\"leftHeaderTemplate\"></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n <ng-container *ngTemplateOutlet=\"rightHeaderTemplate\"></ng-container>\n </div>\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n\n <!-- Footer Template Content -->\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n</div>\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 #dadada;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"] }]
|
|
49
|
+
}], propDecorators: { customClass: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], partClass: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], modalTitle: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], leftHeaderTemplate: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}], rightHeaderTemplate: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], footerTemplate: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBQ1IsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFnQ3hELE1BQU0sT0FBTyxnQkFBZ0I7SUE5QjdCO1FBK0JXLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsZUFBVSxHQUFXLEVBQUUsQ0FBQztLQUtsQzsrR0FSWSxnQkFBZ0I7bUdBQWhCLGdCQUFnQiwwUkM1QzdCLHcrQkF5QkEsdzdJRExJLFlBQVkscU1BQ1osV0FBVyw4QkFDWCxjQUFjLCtrQkFDZCxvQkFBb0IsOEJBQ3BCLFNBQVMsaUJBRUM7WUFDVixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNuQixLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDSixTQUFTLEVBQUUsVUFBVTtpQkFDdEIsQ0FBQyxDQUNIO2dCQUNELEtBQUssQ0FDSCxNQUFNLEVBQ04sS0FBSyxDQUFDO29CQUNKLFNBQVMsRUFBRSxVQUFVO2lCQUN0QixDQUFDLENBQ0g7Z0JBQ0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUMzQyxDQUFDO1NBQ0g7OzRGQUVVLGdCQUFnQjtrQkE5QjVCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLGNBQWMsV0FHZjt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLFNBQVM7cUJBQ1YsY0FDVzt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztnQ0FDSixTQUFTLEVBQUUsVUFBVTs2QkFDdEIsQ0FBQyxDQUNIOzRCQUNELEtBQUssQ0FDSCxNQUFNLEVBQ04sS0FBSyxDQUFDO2dDQUNKLFNBQVMsRUFBRSxVQUFVOzZCQUN0QixDQUFDLENBQ0g7NEJBQ0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzt5QkFDM0MsQ0FBQztxQkFDSDs4QkFHUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBhbmltYXRlLFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIHRyYW5zaXRpb24sXG4gIHRyaWdnZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ2JNb2R1bGUgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgc2VsZWN0b3I6ICdhcHAtY2EtbW9kYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIERyYWdEcm9wTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgIE5nYk1vZHVsZSxcbiAgXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ3dpZHRoR3JvdycsIFtcbiAgICAgIHN0YXRlKFxuICAgICAgICAnY2xvc2VkJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDApJyxcbiAgICAgICAgfSlcbiAgICAgICksXG4gICAgICBzdGF0ZShcbiAgICAgICAgJ29wZW4nLFxuICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgdHJhbnNmb3JtOiAnc2NhbGUoMSknLFxuICAgICAgICB9KVxuICAgICAgKSxcbiAgICAgIHRyYW5zaXRpb24oJ2Nsb3NlZCA9PiBvcGVuJywgYW5pbWF0ZSgxMDApKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FNb2RhbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGN1c3RvbUNsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcGFydENsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbW9kYWxUaXRsZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgbGVmdEhlYWRlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8YW55PjtcbiAgQElucHV0KCkgcmlnaHRIZWFkZXJUZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG4gIEBJbnB1dCgpIGZvb3RlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8YW55Pjtcbn1cbiIsIjxkaXYgY2RrRHJhZyBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lciB7eyBjdXN0b21DbGFzcyB9fVwiIG5nQkF1dG9mb2N1cz5cbiAgPGRpdiBjbGFzcz1cIm1vZGFsLW9yaWdpbmFsLXBhcnQge3sgcGFydENsYXNzIH19XCI+XG4gICAgPGRpdiBjZGtEcmFnSGFuZGxlIGNsYXNzPVwibW9kYWwtaGVhZGVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxuICAgICAgPCEtLSBbbmdDbGFzc109XCJ7ICdjb25maXJtYXRpb24tbW9kYWwnOiBjb25maXJtYXRpb25EYXRhIH1cIiAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXItbGVmdHNpZGVcIj5cbiAgICAgICAgPCEtLSBIZWFkZXIgdGl0bGUgLS0+XG4gICAgICAgIDxoNSBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+e3sgbW9kYWxUaXRsZSB9fTwvaDU+XG4gICAgICAgIDwhLS0gSGFlZGVyIGxlZnQgc2lkZSB0ZW1wbGF0ZSAtLT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxlZnRIZWFkZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyLXJpZ2h0c2lkZVwiPlxuICAgICAgICA8IS0tIEhhZWRlciByaWdodCBzaWRlIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwicmlnaHRIZWFkZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxuICAgICAgPCEtLSBNb2RhbCBjb250ZW50IC0tPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW29yaWdpbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG5cbiAgICA8IS0tIEZvb3RlciBUZW1wbGF0ZSBDb250ZW50IC0tPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmb290ZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -37,5 +37,6 @@ export * from './lib/components/ca-right-side-panel/ca-right-side-panel.componen
|
|
|
37
37
|
export * from './lib/components/ca-todo/ca-todo.component';
|
|
38
38
|
export * from './lib/components/ca-progress-expiration/ca-progress-expiration.component';
|
|
39
39
|
export * from './lib/components/ca-chart/ca-chart.component';
|
|
40
|
+
export * from './lib/components/ca-modal/ca-modal.component';
|
|
40
41
|
export * from './lib/models';
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDRCQUE0QixDQUFDO0FBQzNDLGNBQWMsd0ZBQXdGLENBQUM7QUFDdkcsY0FBYyxnRUFBZ0UsQ0FBQztBQUMvRSxjQUFjLG9FQUFvRSxDQUFDO0FBQ25GLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsZ0VBQWdFLENBQUM7QUFDL0UsY0FBYyx3RUFBd0UsQ0FBQztBQUN2RixjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsOEZBQThGLENBQUM7QUFDN0csY0FBYywwR0FBMEcsQ0FBQztBQUN6SCxjQUFjLDhFQUE4RSxDQUFDO0FBQzdGLGNBQWMsOERBQThELENBQUM7QUFDN0UsY0FBYyw0REFBNEQsQ0FBQztBQUMzRSxjQUFjLGdGQUFnRixDQUFDO0FBQy9GLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyx3RkFBd0YsQ0FBQztBQUN2RyxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYywwRkFBMEYsQ0FBQztBQUN6RyxjQUFjLDhEQUE4RCxDQUFDO0FBQzdFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyx3REFBd0QsQ0FBQztBQUN2RSxjQUFjLHdEQUF3RCxDQUFDO0FBQ3ZFLGNBQWMsNERBQTRELENBQUM7QUFDM0UsY0FBYyxzRUFBc0UsQ0FBQztBQUNyRixjQUFjLDZHQUE2RyxDQUFDO0FBQzVILGNBQWMsbUhBQW1ILENBQUM7QUFDbEksY0FBYyxvRUFBb0UsQ0FBQztBQUNuRixjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsMEVBQTBFLENBQUM7QUFDekYsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjYS1jb21wb25lbnRzXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2EtY29tcG9uZW50cy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS10cnVjay10cmFpbGVyLXByb2dyZXNzLWJhci9jYS10cnVjay10cmFpbGVyLXByb2dyZXNzLWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1hcHAtdG9vbHRpcC12Mi9jYS1hcHAtdG9vbHRpcC12Mi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1kZXRhaWxzLWRyb3Bkb3duL2NhLWRldGFpbHMtZHJvcGRvd24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtZHJvcGRvd24vY2EtZHJvcGRvd24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtZmlsdGVycy9jYS1maWx0ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtaW5wdXQvY2EtaW5wdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24vY2EtaW5wdXQtZHJvcGRvd24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtcmFkaW9idXR0b25zL2NhLWlucHV0LXJhZGlvYnV0dG9ucy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1tYXAvY2EtbWFwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLW1hcC1kcm9wZG93bi9jYS1tYXAtZHJvcGRvd24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2Etbm90ZS9jYS1ub3RlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLW5vdGUtY29udGFpbmVyL2NhLW5vdGUtY29udGFpbmVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3L2NhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3LXRhYmxlL2NhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3LXRhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXBpY2t1cC1kZWxpdmVyeS1ibG9jay9jYS1waWNrdXAtZGVsaXZlcnktYmxvY2suY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtcHJvZmlsZS1pbWFnZS9jYS1wcm9maWxlLWltYWdlLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXByb2dyZXNzLWJhci9jYS1wcm9ncmVzcy1iYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2Etc2VhcmNoLW11bHRpcGxlLXN0YXRlcy9jYS1zZWFyY2gtbXVsdGlwbGUtc3RhdGVzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXNwaW5uZXIvY2Etc3Bpbm5lci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS10cnVjay10cmFpbGVyLXByb2dyZXNzLWJhci9jYS10cnVjay10cmFpbGVyLXByb2dyZXNzLWJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1wZXJpb2QtY29udGVudC9jYS1wZXJpb2QtY29udGVudC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1ub3RlL2NhLWlucHV0LW5vdGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2Etc2VhcmNoLW11bHRpcGxlLXN0YXRlcy91dGlscy9zZXJ2aWNlcy9zZWFyY2gtbXVsdGlwbGUtc3RhdGVzLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1yYXRpbmctcmV2aWV3L2NhLXJhdGluZy1yZXZpZXcuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtbWFwL21vZGVscy9tYXAubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1tYWluLXRhYmxlL2NhLW1haW4tdGFibGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtbWFpbi10YWJsZS9tb2RlbHMvbWFpbi10YWJsZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXVwbG9hZC1maWxlcy9jYS11cGxvYWQtZmlsZXMuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtYWN0aXZpdHktbG9nLWxpc3QvY2EtYWN0aXZpdHktbG9nLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtcmlnaHQtc2lkZS1wYW5lbC9jb21wb25lbnRzL2NhLXJpZ2h0LXNpZGUtcGFuZWwtbWVudS9jYS1yaWdodC1zaWRlLXBhbmVsLW1lbnUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtcmlnaHQtc2lkZS1wYW5lbC9jb21wb25lbnRzL2NhLXJpZ2h0LXNpZGUtcGFuZWwtdG9wLWJhci9jYS1yaWdodC1zaWRlLXBhbmVsLXRvcC1iYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtcmlnaHQtc2lkZS1wYW5lbC9jYS1yaWdodC1zaWRlLXBhbmVsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NhLXRvZG8vY2EtdG9kby5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jYS1wcm9ncmVzcy1leHBpcmF0aW9uL2NhLXByb2dyZXNzLWV4cGlyYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtY2hhcnQvY2EtY2hhcnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZGVscyc7XG4iXX0=
|
|
@@ -21797,6 +21797,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
21797
21797
|
}]
|
|
21798
21798
|
}] });
|
|
21799
21799
|
|
|
21800
|
+
class CaModalComponent {
|
|
21801
|
+
constructor() {
|
|
21802
|
+
this.customClass = '';
|
|
21803
|
+
this.partClass = '';
|
|
21804
|
+
this.modalTitle = '';
|
|
21805
|
+
}
|
|
21806
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21807
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaModalComponent, isStandalone: true, selector: "app-ca-modal", inputs: { customClass: "customClass", partClass: "partClass", modalTitle: "modalTitle", leftHeaderTemplate: "leftHeaderTemplate", rightHeaderTemplate: "rightHeaderTemplate", footerTemplate: "footerTemplate" }, ngImport: i0, template: "<div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div cdkDragHandle class=\"modal-header d-flex justify-content-between\">\n <!-- [ngClass]=\"{ 'confirmation-modal': confirmationData }\" -->\n <div class=\"modal-header-leftside\">\n <!-- Header title -->\n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n <ng-container *ngTemplateOutlet=\"leftHeaderTemplate\"></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n <ng-container *ngTemplateOutlet=\"rightHeaderTemplate\"></ng-container>\n </div>\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n\n <!-- Footer Template Content -->\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n</div>\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 #dadada;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: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "ngmodule", type: NgbModule }], animations: [
|
|
21808
|
+
trigger('widthGrow', [
|
|
21809
|
+
state('closed', style({
|
|
21810
|
+
transform: 'scale(0)',
|
|
21811
|
+
})),
|
|
21812
|
+
state('open', style({
|
|
21813
|
+
transform: 'scale(1)',
|
|
21814
|
+
})),
|
|
21815
|
+
transition('closed => open', animate(100)),
|
|
21816
|
+
]),
|
|
21817
|
+
] }); }
|
|
21818
|
+
}
|
|
21819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaModalComponent, decorators: [{
|
|
21820
|
+
type: Component,
|
|
21821
|
+
args: [{ standalone: true, selector: 'app-ca-modal', imports: [
|
|
21822
|
+
CommonModule,
|
|
21823
|
+
FormsModule,
|
|
21824
|
+
DragDropModule,
|
|
21825
|
+
AngularSvgIconModule,
|
|
21826
|
+
NgbModule,
|
|
21827
|
+
], animations: [
|
|
21828
|
+
trigger('widthGrow', [
|
|
21829
|
+
state('closed', style({
|
|
21830
|
+
transform: 'scale(0)',
|
|
21831
|
+
})),
|
|
21832
|
+
state('open', style({
|
|
21833
|
+
transform: 'scale(1)',
|
|
21834
|
+
})),
|
|
21835
|
+
transition('closed => open', animate(100)),
|
|
21836
|
+
]),
|
|
21837
|
+
], template: "<div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n <div class=\"modal-original-part {{ partClass }}\">\n <div cdkDragHandle class=\"modal-header d-flex justify-content-between\">\n <!-- [ngClass]=\"{ 'confirmation-modal': confirmationData }\" -->\n <div class=\"modal-header-leftside\">\n <!-- Header title -->\n <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n <!-- Haeder left side template -->\n <ng-container *ngTemplateOutlet=\"leftHeaderTemplate\"></ng-container>\n </div>\n <div class=\"modal-header-rightside\">\n <!-- Haeder right side -->\n <ng-container *ngTemplateOutlet=\"rightHeaderTemplate\"></ng-container>\n </div>\n </div>\n\n <div class=\"modal-body\">\n <!-- Modal content -->\n <ng-content select=\"[origin]\"></ng-content>\n </div>\n\n <!-- Footer Template Content -->\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </div>\n</div>\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 #dadada;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"] }]
|
|
21838
|
+
}], propDecorators: { customClass: [{
|
|
21839
|
+
type: Input
|
|
21840
|
+
}], partClass: [{
|
|
21841
|
+
type: Input
|
|
21842
|
+
}], modalTitle: [{
|
|
21843
|
+
type: Input
|
|
21844
|
+
}], leftHeaderTemplate: [{
|
|
21845
|
+
type: Input
|
|
21846
|
+
}], rightHeaderTemplate: [{
|
|
21847
|
+
type: Input
|
|
21848
|
+
}], footerTemplate: [{
|
|
21849
|
+
type: Input
|
|
21850
|
+
}] } });
|
|
21851
|
+
|
|
21800
21852
|
/*
|
|
21801
21853
|
* Public API Surface of ca-components
|
|
21802
21854
|
*/
|
|
@@ -21805,5 +21857,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
21805
21857
|
* Generated bundle index. Do not edit.
|
|
21806
21858
|
*/
|
|
21807
21859
|
|
|
21808
|
-
export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaComponentsLibModule, CaDetailsDropdownComponent, CaDropdownComponent, CaFilterComponent, CaInputComponent, CaInputDropdownComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaRatingReviewComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaSpinnerComponent, CaTodoComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, PickupDeliveryBlockComponent, ProgressBarComponent };
|
|
21860
|
+
export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaComponentsLibModule, CaDetailsDropdownComponent, CaDropdownComponent, CaFilterComponent, CaInputComponent, CaInputDropdownComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaRatingReviewComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaSpinnerComponent, CaTodoComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, PickupDeliveryBlockComponent, ProgressBarComponent };
|
|
21809
21861
|
//# sourceMappingURL=ca-components.mjs.map
|