@apipass/modals 0.2.16 → 1.0.0
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/{esm2015/apipass-modals.js → esm2020/apipass-modals.mjs} +4 -4
- package/esm2020/lib/confirm-modal/confirm-modal.component.mjs +31 -0
- package/esm2020/lib/confirm-remove-modal/confirm-remove-modal.component.mjs +41 -0
- package/esm2020/lib/modal-header/modal-header.component.mjs +67 -0
- package/esm2020/modals.module.mjs +63 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +6 -6
- package/fesm2015/apipass-modals.mjs +199 -0
- package/fesm2015/apipass-modals.mjs.map +1 -0
- package/fesm2020/apipass-modals.mjs +192 -0
- package/fesm2020/apipass-modals.mjs.map +1 -0
- package/{apipass-modals.d.ts → index.d.ts} +5 -5
- package/lib/confirm-modal/confirm-modal.component.d.ts +22 -22
- package/lib/confirm-remove-modal/confirm-remove-modal.component.d.ts +24 -24
- package/lib/modal-header/modal-header.component.d.ts +17 -17
- package/modals.module.d.ts +17 -16
- package/package.json +32 -22
- package/public-api.d.ts +5 -5
- package/bundles/apipass-modals.umd.js +0 -406
- package/bundles/apipass-modals.umd.js.map +0 -1
- package/bundles/apipass-modals.umd.min.js +0 -2
- package/bundles/apipass-modals.umd.min.js.map +0 -1
- package/esm2015/lib/confirm-modal/confirm-modal.component.js +0 -83
- package/esm2015/lib/confirm-remove-modal/confirm-remove-modal.component.js +0 -102
- package/esm2015/lib/modal-header/modal-header.component.js +0 -104
- package/esm2015/modals.module.js +0 -65
- package/fesm2015/apipass-modals.js +0 -337
- package/fesm2015/apipass-modals.js.map +0 -1
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { Component, Inject } from '@angular/core';
|
|
2
|
-
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/material/dialog";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@apipass/buttons";
|
|
7
|
-
import * as i4 from "@apipass/icons";
|
|
8
|
-
import * as i5 from "@apipass/inputs";
|
|
9
|
-
import * as i6 from "@angular/forms";
|
|
10
|
-
function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
|
|
11
|
-
i0.ɵɵelement(0, "h3", 8);
|
|
12
|
-
} if (rf & 2) {
|
|
13
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
14
|
-
i0.ɵɵproperty("innerHTML", ctx_r0.data.title, i0.ɵɵsanitizeHtml);
|
|
15
|
-
} }
|
|
16
|
-
function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
17
|
-
const _r5 = i0.ɵɵgetCurrentView();
|
|
18
|
-
i0.ɵɵelementStart(0, "icon", 9);
|
|
19
|
-
i0.ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.closeClick(); });
|
|
20
|
-
i0.ɵɵelementEnd();
|
|
21
|
-
} if (rf & 2) {
|
|
22
|
-
const ctx_r1 = i0.ɵɵnextContext();
|
|
23
|
-
i0.ɵɵproperty("title", ctx_r1.data.closeLabel);
|
|
24
|
-
} }
|
|
25
|
-
function ConfirmRemoveModalDataComponent_p_4_Template(rf, ctx) { if (rf & 1) {
|
|
26
|
-
i0.ɵɵelement(0, "p", 10);
|
|
27
|
-
} if (rf & 2) {
|
|
28
|
-
const ctx_r2 = i0.ɵɵnextContext();
|
|
29
|
-
i0.ɵɵproperty("innerHTML", ctx_r2.data.content, i0.ɵɵsanitizeHtml);
|
|
30
|
-
} }
|
|
31
|
-
function ConfirmRemoveModalDataComponent_input_text_5_Template(rf, ctx) { if (rf & 1) {
|
|
32
|
-
const _r7 = i0.ɵɵgetCurrentView();
|
|
33
|
-
i0.ɵɵelementStart(0, "input-text", 11);
|
|
34
|
-
i0.ɵɵlistener("ngModelChange", function ConfirmRemoveModalDataComponent_input_text_5_Template_input_text_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.data.removeText = $event; });
|
|
35
|
-
i0.ɵɵelementEnd();
|
|
36
|
-
} if (rf & 2) {
|
|
37
|
-
const ctx_r3 = i0.ɵɵnextContext();
|
|
38
|
-
i0.ɵɵproperty("label", ctx_r3.data.removeTextLabel)("ngModel", ctx_r3.data.removeText);
|
|
39
|
-
} }
|
|
40
|
-
export class ConfirmRemoveDialogData {
|
|
41
|
-
}
|
|
42
|
-
export class ConfirmRemoveModalDataComponent {
|
|
43
|
-
constructor(dialogRef, data) {
|
|
44
|
-
this.dialogRef = dialogRef;
|
|
45
|
-
this.data = data;
|
|
46
|
-
}
|
|
47
|
-
closeClick() {
|
|
48
|
-
this.dialogRef.close();
|
|
49
|
-
}
|
|
50
|
-
confirmClick() {
|
|
51
|
-
var _a, _b, _c;
|
|
52
|
-
if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
|
|
53
|
-
this.dialogRef.close(this.data);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
isConfirmDisabled() {
|
|
57
|
-
var _a, _b, _c;
|
|
58
|
-
if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
|
|
59
|
-
return false;
|
|
60
|
-
}
|
|
61
|
-
return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(i0.ɵɵdirectiveInject(i1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
|
|
65
|
-
ConfirmRemoveModalDataComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
|
|
66
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
67
|
-
i0.ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
|
|
68
|
-
i0.ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
|
|
69
|
-
i0.ɵɵelementEnd();
|
|
70
|
-
i0.ɵɵelementStart(3, "div", 3);
|
|
71
|
-
i0.ɵɵtemplate(4, ConfirmRemoveModalDataComponent_p_4_Template, 1, 1, "p", 4);
|
|
72
|
-
i0.ɵɵtemplate(5, ConfirmRemoveModalDataComponent_input_text_5_Template, 1, 2, "input-text", 5);
|
|
73
|
-
i0.ɵɵelementEnd();
|
|
74
|
-
i0.ɵɵelementStart(6, "div", 6);
|
|
75
|
-
i0.ɵɵelementStart(7, "secondary-button", 7);
|
|
76
|
-
i0.ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_Template_secondary_button_onClick_7_listener() { return ctx.confirmClick(); });
|
|
77
|
-
i0.ɵɵelementEnd();
|
|
78
|
-
i0.ɵɵelementEnd();
|
|
79
|
-
} if (rf & 2) {
|
|
80
|
-
i0.ɵɵadvance(1);
|
|
81
|
-
i0.ɵɵproperty("ngIf", ctx.data.title);
|
|
82
|
-
i0.ɵɵadvance(1);
|
|
83
|
-
i0.ɵɵproperty("ngIf", ctx.data.showCloseIcon);
|
|
84
|
-
i0.ɵɵadvance(2);
|
|
85
|
-
i0.ɵɵproperty("ngIf", ctx.data.content);
|
|
86
|
-
i0.ɵɵadvance(1);
|
|
87
|
-
i0.ɵɵproperty("ngIf", ctx.data.removeTextConfirm);
|
|
88
|
-
i0.ɵɵadvance(2);
|
|
89
|
-
i0.ɵɵproperty("btnDisabled", ctx.isConfirmDisabled())("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
|
|
90
|
-
} }, directives: [i2.NgIf, i1.MatDialogContent, i1.MatDialogActions, i3.SecondaryButtonComponent, i1.MatDialogTitle, i4.IconComponent, i5.InputTextComponent, i6.NgControlStatus, i6.NgModel], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%] input-text[_ngcontent-%COMP%]{width:80%}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}"] });
|
|
91
|
-
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ConfirmRemoveModalDataComponent, [{
|
|
92
|
-
type: Component,
|
|
93
|
-
args: [{
|
|
94
|
-
selector: 'confirm-remove-modal-data',
|
|
95
|
-
templateUrl: 'confirm-remove-modal.component.html',
|
|
96
|
-
styleUrls: ['confirm-remove-modal.component.scss']
|
|
97
|
-
}]
|
|
98
|
-
}], function () { return [{ type: i1.MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
|
|
99
|
-
type: Inject,
|
|
100
|
-
args: [MAT_DIALOG_DATA]
|
|
101
|
-
}] }]; }, null); })();
|
|
102
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9kYWxzL3NyYy9saWIvY29uZmlybS1yZW1vdmUtbW9kYWwvY29uZmlybS1yZW1vdmUtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDaEQsT0FBTyxFQUFDLGVBQWUsRUFBRSxZQUFZLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0lDQXJFLHdCQUFzRTs7O0lBQS9DLGdFQUF3Qjs7OztJQUMvQywrQkFBeUk7SUFBaEMsc01BQXdCO0lBQUMsaUJBQU87OztJQUExRCw4Q0FBeUI7OztJQUl4Ryx3QkFBdUQ7OztJQUEvQixrRUFBMEI7Ozs7SUFDbEQsc0NBQXFIO0lBQTNDLGdQQUE2QjtJQUFDLGlCQUFhOzs7SUFBMUUsbURBQThCLG1DQUFBOztBREozRSxNQUFNLE9BQU8sdUJBQXVCO0NBV25DO0FBT0QsTUFBTSxPQUFPLCtCQUErQjtJQUUxQyxZQUNTLFNBQXdELEVBQy9CLElBQTZCO1FBRHRELGNBQVMsR0FBVCxTQUFTLENBQStDO1FBQy9CLFNBQUksR0FBSixJQUFJLENBQXlCO0lBRS9ELENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsWUFBWTs7UUFDVixJQUFJLFFBQUMsSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsSUFBSSxPQUFBLElBQUksQ0FBQyxJQUFJLDBDQUFFLFVBQVUsYUFBSyxJQUFJLENBQUMsSUFBSSwwQ0FBRSxpQkFBaUIsQ0FBQSxFQUFFO1lBQzNGLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxpQkFBaUI7O1FBQ2YsSUFBSSxRQUFDLElBQUksQ0FBQyxJQUFJLDBDQUFFLGlCQUFpQixDQUFBLEVBQUU7WUFDakMsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUNELE9BQU8sT0FBQSxJQUFJLENBQUMsSUFBSSwwQ0FBRSxVQUFVLGFBQUssSUFBSSxDQUFDLElBQUksMENBQUUsaUJBQWlCLENBQUEsQ0FBQztJQUNoRSxDQUFDOzs4R0F2QlUsK0JBQStCLDhEQUloQyxlQUFlO29FQUpkLCtCQUErQjtRQ3JCNUMsOEJBQ0U7UUFBQSw4RUFBaUU7UUFDakUsa0ZBQWtJO1FBQ3BJLGlCQUFNO1FBRU4sOEJBQ0U7UUFBQSw0RUFBbUQ7UUFDbkQsOEZBQXdHO1FBQzFHLGlCQUFNO1FBRU4sOEJBQ0U7UUFBQSwyQ0FBeUo7UUFBOUMsMEhBQVcsa0JBQWMsSUFBQztRQUFDLGlCQUFtQjtRQUMzSixpQkFBTTs7UUFYQSxlQUFrQjtRQUFsQixxQ0FBa0I7UUFDaEIsZUFBMEI7UUFBMUIsNkNBQTBCO1FBSTdCLGVBQW9CO1FBQXBCLHVDQUFvQjtRQUNYLGVBQThCO1FBQTlCLGlEQUE4QjtRQUl4QixlQUFtQztRQUFuQyxxREFBbUMsOEJBQUEsK0JBQUE7O2tERFUxQywrQkFBK0I7Y0FMM0MsU0FBUztlQUFDO2dCQUNULFFBQVEsRUFBRSwyQkFBMkI7Z0JBQ3JDLFdBQVcsRUFBRSxxQ0FBcUM7Z0JBQ2xELFNBQVMsRUFBRSxDQUFDLHFDQUFxQyxDQUFDO2FBQ25EO2lFQUt5Qyx1QkFBdUI7c0JBQTVELE1BQU07dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuZXhwb3J0IGNsYXNzIENvbmZpcm1SZW1vdmVEaWFsb2dEYXRhIHtcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGNvbnRlbnQ/OiBzdHJpbmc7XG4gIGNvbmZpcm1JY29uPzogc3RyaW5nO1xuICBjb25maXJtVGV4dD86IHN0cmluZztcbiAgcmVtb3ZlVGV4dD86IHN0cmluZztcbiAgcmVtb3ZlVGV4dExhYmVsPzogc3RyaW5nO1xuICByZW1vdmVUZXh0Q29uZmlybT86IHN0cmluZztcbiAgc2hvd0Nsb3NlSWNvbj86IGJvb2xlYW47XG4gIGNsb3NlTGFiZWw/OiBzdHJpbmc7XG4gIGl0ZW0/OiBhbnk7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLWRhdGEnLFxuICB0ZW1wbGF0ZVVybDogJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2NvbmZpcm0tcmVtb3ZlLW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPENvbmZpcm1SZW1vdmVNb2RhbERhdGFDb21wb25lbnQ+LFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogQ29uZmlybVJlbW92ZURpYWxvZ0RhdGFcbiAgKSB7XG4gIH1cblxuICBjbG9zZUNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gIH1cblxuICBjb25maXJtQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRhdGE/LnJlbW92ZVRleHRDb25maXJtIHx8IHRoaXMuZGF0YT8ucmVtb3ZlVGV4dCA9PT0gdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybSkge1xuICAgICAgdGhpcy5kaWFsb2dSZWYuY2xvc2UodGhpcy5kYXRhKTtcbiAgICB9XG4gIH1cblxuICBpc0NvbmZpcm1EaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICBpZiAoIXRoaXMuZGF0YT8ucmVtb3ZlVGV4dENvbmZpcm0pIHtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuZGF0YT8ucmVtb3ZlVGV4dCAhPT0gdGhpcy5kYXRhPy5yZW1vdmVUZXh0Q29uZmlybTtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtdGl0bGVcIj5cbiAgPGgzICpuZ0lmPVwiZGF0YS50aXRsZVwiIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZVwiIG1hdC1kaWFsb2ctdGl0bGU+PC9oMz5cbiAgPGljb24gKm5nSWY9XCJkYXRhLnNob3dDbG9zZUljb25cIiB0eXBlPVwidGVydGlhcnkgY2xpY2thYmxlXCIgbmFtZT1cImZhcyBmYS10aW1lc1wiIFt0aXRsZV09XCJkYXRhLmNsb3NlTGFiZWxcIiAob25DbGljayk9XCJjbG9zZUNsaWNrKClcIj48L2ljb24+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIm1vZGFsLWNvbnRlbnRcIiBtYXQtZGlhbG9nLWNvbnRlbnQ+XG4gIDxwICpuZ0lmPVwiZGF0YS5jb250ZW50XCIgW2lubmVySFRNTF09XCJkYXRhLmNvbnRlbnRcIj48L3A+XG4gIDxpbnB1dC10ZXh0ICpuZ0lmPVwiZGF0YS5yZW1vdmVUZXh0Q29uZmlybVwiIFtsYWJlbF09XCJkYXRhLnJlbW92ZVRleHRMYWJlbFwiIFsobmdNb2RlbCldPVwiZGF0YS5yZW1vdmVUZXh0XCI+PC9pbnB1dC10ZXh0PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJtb2RhbC1hY3Rpb25zXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxuICA8c2Vjb25kYXJ5LWJ1dHRvbiBbYnRuRGlzYWJsZWRdPVwiaXNDb25maXJtRGlzYWJsZWQoKVwiIFtpY29uXT1cImRhdGEuY29uZmlybUljb25cIiBbbGFiZWxdPVwiZGF0YS5jb25maXJtVGV4dFwiIChvbkNsaWNrKT1cImNvbmZpcm1DbGljaygpXCI+PC9zZWNvbmRhcnktYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/material/dialog";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@apipass/icons";
|
|
6
|
-
function ModalHeaderComponent_div_2_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
7
|
-
const _r4 = i0.ɵɵgetCurrentView();
|
|
8
|
-
i0.ɵɵelementStart(0, "icon", 6);
|
|
9
|
-
i0.ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_1_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return ctx_r3.changeExpand(); });
|
|
10
|
-
i0.ɵɵelementEnd();
|
|
11
|
-
} if (rf & 2) {
|
|
12
|
-
const ctx_r1 = i0.ɵɵnextContext(2);
|
|
13
|
-
i0.ɵɵproperty("size", 13)("name", !ctx_r1.expanded ? "fa fa-expand-arrows-alt" : "fa fa-compress")("title", ctx_r1.titleExpand);
|
|
14
|
-
} }
|
|
15
|
-
function ModalHeaderComponent_div_2_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
16
|
-
const _r6 = i0.ɵɵgetCurrentView();
|
|
17
|
-
i0.ɵɵelementStart(0, "icon", 7);
|
|
18
|
-
i0.ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_2_Template_icon_onClick_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return ctx_r5.closeClick.next(); });
|
|
19
|
-
i0.ɵɵelementEnd();
|
|
20
|
-
} if (rf & 2) {
|
|
21
|
-
const ctx_r2 = i0.ɵɵnextContext(2);
|
|
22
|
-
i0.ɵɵproperty("title", ctx_r2.titleClose);
|
|
23
|
-
} }
|
|
24
|
-
function ModalHeaderComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
25
|
-
i0.ɵɵelementStart(0, "div", 3);
|
|
26
|
-
i0.ɵɵtemplate(1, ModalHeaderComponent_div_2_icon_1_Template, 1, 3, "icon", 4);
|
|
27
|
-
i0.ɵɵtemplate(2, ModalHeaderComponent_div_2_icon_2_Template, 1, 1, "icon", 5);
|
|
28
|
-
i0.ɵɵelementEnd();
|
|
29
|
-
} if (rf & 2) {
|
|
30
|
-
const ctx_r0 = i0.ɵɵnextContext();
|
|
31
|
-
i0.ɵɵadvance(1);
|
|
32
|
-
i0.ɵɵproperty("ngIf", ctx_r0.showExpandIcon);
|
|
33
|
-
i0.ɵɵadvance(1);
|
|
34
|
-
i0.ɵɵproperty("ngIf", ctx_r0.showCloseIcon);
|
|
35
|
-
} }
|
|
36
|
-
export class ModalHeaderComponent {
|
|
37
|
-
constructor() {
|
|
38
|
-
this.expanded = false;
|
|
39
|
-
this.showExpandIcon = false;
|
|
40
|
-
this.showCloseIcon = false;
|
|
41
|
-
this.titleClose = 'Close';
|
|
42
|
-
this.titleExpand = 'Expand';
|
|
43
|
-
this.closeClick = new EventEmitter();
|
|
44
|
-
this.expandClick = new EventEmitter();
|
|
45
|
-
}
|
|
46
|
-
changeExpand() {
|
|
47
|
-
var _a, _b;
|
|
48
|
-
this.expanded = !this.expanded;
|
|
49
|
-
this.expandClick.next(this.expanded);
|
|
50
|
-
if (this.expanded) {
|
|
51
|
-
(_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.addPanelClass('mod-expanded');
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
(_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.removePanelClass('mod-expanded');
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
ModalHeaderComponent.ɵfac = function ModalHeaderComponent_Factory(t) { return new (t || ModalHeaderComponent)(); };
|
|
59
|
-
ModalHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ModalHeaderComponent, selectors: [["modal-header-component"]], inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, decls: 3, vars: 2, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML"], ["class", "modal-title-actions", 4, "ngIf"], [1, "modal-title-actions"], ["type", "primary clickable", 3, "size", "name", "title", "onClick", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["type", "primary clickable", 3, "size", "name", "title", "onClick"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"]], template: function ModalHeaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
60
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
61
|
-
i0.ɵɵelement(1, "h3", 1);
|
|
62
|
-
i0.ɵɵtemplate(2, ModalHeaderComponent_div_2_Template, 3, 2, "div", 2);
|
|
63
|
-
i0.ɵɵelementEnd();
|
|
64
|
-
} if (rf & 2) {
|
|
65
|
-
i0.ɵɵadvance(1);
|
|
66
|
-
i0.ɵɵproperty("innerHTML", ctx.title, i0.ɵɵsanitizeHtml);
|
|
67
|
-
i0.ɵɵadvance(1);
|
|
68
|
-
i0.ɵɵproperty("ngIf", ctx.showExpandIcon || ctx.showCloseIcon);
|
|
69
|
-
} }, directives: [i1.MatDialogTitle, i2.NgIf, i3.IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;position:absolute;right:-5px;top:-5px}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]{display:block}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]:not(:last-child){margin-right:10px}"] });
|
|
70
|
-
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ModalHeaderComponent, [{
|
|
71
|
-
type: Component,
|
|
72
|
-
args: [{
|
|
73
|
-
selector: 'modal-header-component',
|
|
74
|
-
template: `
|
|
75
|
-
<div class="modal-title">
|
|
76
|
-
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
77
|
-
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
78
|
-
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
79
|
-
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next()"></icon>
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
`,
|
|
83
|
-
styleUrls: ['modal-header.scss']
|
|
84
|
-
}]
|
|
85
|
-
}], null, { title: [{
|
|
86
|
-
type: Input
|
|
87
|
-
}], expanded: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], showExpandIcon: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}], showCloseIcon: [{
|
|
92
|
-
type: Input
|
|
93
|
-
}], titleClose: [{
|
|
94
|
-
type: Input
|
|
95
|
-
}], titleExpand: [{
|
|
96
|
-
type: Input
|
|
97
|
-
}], dialogRef: [{
|
|
98
|
-
type: Input
|
|
99
|
-
}], closeClick: [{
|
|
100
|
-
type: Output
|
|
101
|
-
}], expandClick: [{
|
|
102
|
-
type: Output
|
|
103
|
-
}] }); })();
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7SUFTN0QsK0JBQTRMO0lBQWxDLG9NQUEwQjtJQUFDLGlCQUFPOzs7SUFBdEkseUJBQVcseUVBQUEsNkJBQUE7Ozs7SUFDakUsK0JBQW9JO0lBQXJDLDJLQUFXLHdCQUFpQixJQUFDO0lBQUMsaUJBQU87OztJQUExRCx5Q0FBb0I7OztJQUZoRyw4QkFDRTtJQUFBLDZFQUFxTDtJQUNyTCw2RUFBNkg7SUFDL0gsaUJBQU07OztJQUZFLGVBQXNCO0lBQXRCLDRDQUFzQjtJQUN0QixlQUFxQjtJQUFyQiwyQ0FBcUI7O0FBTW5DLE1BQU0sT0FBTyxvQkFBb0I7SUFiakM7UUFnQlcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUV0QixlQUFVLEdBQUcsT0FBTyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsUUFBUSxDQUFDO1FBR3RCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxnQkFBVyxHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO0tBWW5FO0lBVlEsWUFBWTs7UUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7UUFDL0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3JDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFBLElBQUksQ0FBQyxTQUFTLDBDQUFFLGFBQWEsQ0FBQyxjQUFjLEVBQUU7U0FDL0M7YUFBTTtZQUNMLE1BQUEsSUFBSSxDQUFDLFNBQVMsMENBQUUsZ0JBQWdCLENBQUMsY0FBYyxFQUFFO1NBQ2xEO0lBQ0gsQ0FBQzs7d0ZBdEJVLG9CQUFvQjt5REFBcEIsb0JBQW9CO1FBVjdCLDhCQUNFO1FBQUEsd0JBQThDO1FBQzlDLHFFQUNFO1FBR0osaUJBQU07O1FBTEEsZUFBbUI7UUFBbkIsd0RBQW1CO1FBQ2xCLGVBQXVDO1FBQXZDLDhEQUF1Qzs7a0RBUXJDLG9CQUFvQjtjQWJoQyxTQUFTO2VBQUM7Z0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtnQkFDbEMsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2dCQUNELFNBQVMsRUFBRSxDQUFDLG1CQUFtQixDQUFDO2FBQ2pDO2dCQUdVLEtBQUs7a0JBQWIsS0FBSztZQUNHLFFBQVE7a0JBQWhCLEtBQUs7WUFDRyxjQUFjO2tCQUF0QixLQUFLO1lBQ0csYUFBYTtrQkFBckIsS0FBSztZQUVHLFVBQVU7a0JBQWxCLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csU0FBUztrQkFBakIsS0FBSztZQUVJLFVBQVU7a0JBQW5CLE1BQU07WUFDRyxXQUFXO2tCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdERpYWxvZ1JlZn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbW9kYWwtaGVhZGVyLWNvbXBvbmVudCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+XG4gICAgICA8aDMgW2lubmVySFRNTF09J3RpdGxlJyBtYXQtZGlhbG9nLXRpdGxlPjwvaDM+XG4gICAgICA8ZGl2ICpuZ0lmPVwic2hvd0V4cGFuZEljb24gfHwgc2hvd0Nsb3NlSWNvblwiIGNsYXNzPVwibW9kYWwtdGl0bGUtYWN0aW9uc1wiPlxuICAgICAgICA8aWNvbiAqbmdJZj1cInNob3dFeHBhbmRJY29uXCIgdHlwZT1cInByaW1hcnkgY2xpY2thYmxlXCIgW3NpemVdPVwiMTNcIiBbbmFtZV09XCIhZXhwYW5kZWQgPyAnZmEgZmEtZXhwYW5kLWFycm93cy1hbHQnIDogJ2ZhIGZhLWNvbXByZXNzJ1wiIFt0aXRsZV09XCJ0aXRsZUV4cGFuZFwiIChvbkNsaWNrKT1cImNoYW5nZUV4cGFuZCgpXCI+PC9pY29uPlxuICAgICAgICA8aWNvbiAqbmdJZj1cInNob3dDbG9zZUljb25cIiB0eXBlPVwidGVydGlhcnkgY2xpY2thYmxlXCIgbmFtZT1cImZhcyBmYS10aW1lc1wiIFt0aXRsZV09XCJ0aXRsZUNsb3NlXCIgKG9uQ2xpY2spPVwiY2xvc2VDbGljay5uZXh0KClcIj48L2ljb24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYCAsXG4gIHN0eWxlVXJsczogWydtb2RhbC1oZWFkZXIuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsSGVhZGVyQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBleHBhbmRlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93RXhwYW5kSWNvbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93Q2xvc2VJY29uID0gZmFsc2U7XG5cbiAgQElucHV0KCkgdGl0bGVDbG9zZSA9ICdDbG9zZSc7XG4gIEBJbnB1dCgpIHRpdGxlRXhwYW5kID0gJ0V4cGFuZCc7XG4gIEBJbnB1dCgpIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPE1vZGFsSGVhZGVyQ29tcG9uZW50PiB8IHVuZGVmaW5lZDtcblxuICBAT3V0cHV0KCkgY2xvc2VDbGljazogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBleHBhbmRDbGljazogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBjaGFuZ2VFeHBhbmQoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIHRoaXMuZXhwYW5kQ2xpY2submV4dCh0aGlzLmV4cGFuZGVkKTtcbiAgICBpZiAodGhpcy5leHBhbmRlZCkge1xuICAgICAgdGhpcy5kaWFsb2dSZWY/LmFkZFBhbmVsQ2xhc3MoJ21vZC1leHBhbmRlZCcpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRpYWxvZ1JlZj8ucmVtb3ZlUGFuZWxDbGFzcygnbW9kLWV4cGFuZGVkJyk7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==
|
package/esm2015/modals.module.js
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { ConfirmRemoveModalDataComponent } from './lib/confirm-remove-modal/confirm-remove-modal.component';
|
|
4
|
-
import { ConfirmModalDataComponent } from './lib/confirm-modal/confirm-modal.component';
|
|
5
|
-
import { ModalHeaderComponent } from './lib/modal-header/modal-header.component';
|
|
6
|
-
import { MatDialogModule } from '@angular/material/dialog';
|
|
7
|
-
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
8
|
-
import { FormsModule } from '@angular/forms';
|
|
9
|
-
import { MatInputModule } from '@angular/material/input';
|
|
10
|
-
import { ButtonsModule } from '@apipass/buttons';
|
|
11
|
-
import { IconsModule } from '@apipass/icons';
|
|
12
|
-
import { InputsModule } from '@apipass/inputs';
|
|
13
|
-
import * as i0 from "@angular/core";
|
|
14
|
-
export class ModalsModule {
|
|
15
|
-
}
|
|
16
|
-
ModalsModule.ɵmod = i0.ɵɵdefineNgModule({ type: ModalsModule });
|
|
17
|
-
ModalsModule.ɵinj = i0.ɵɵdefineInjector({ factory: function ModalsModule_Factory(t) { return new (t || ModalsModule)(); }, providers: [], imports: [[
|
|
18
|
-
CommonModule,
|
|
19
|
-
MatDialogModule,
|
|
20
|
-
MatFormFieldModule,
|
|
21
|
-
FormsModule,
|
|
22
|
-
MatInputModule,
|
|
23
|
-
InputsModule,
|
|
24
|
-
ButtonsModule,
|
|
25
|
-
IconsModule
|
|
26
|
-
]] });
|
|
27
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
|
|
28
|
-
ConfirmModalDataComponent,
|
|
29
|
-
ModalHeaderComponent], imports: [CommonModule,
|
|
30
|
-
MatDialogModule,
|
|
31
|
-
MatFormFieldModule,
|
|
32
|
-
FormsModule,
|
|
33
|
-
MatInputModule,
|
|
34
|
-
InputsModule,
|
|
35
|
-
ButtonsModule,
|
|
36
|
-
IconsModule], exports: [ConfirmRemoveModalDataComponent,
|
|
37
|
-
ConfirmModalDataComponent,
|
|
38
|
-
ModalHeaderComponent] }); })();
|
|
39
|
-
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(ModalsModule, [{
|
|
40
|
-
type: NgModule,
|
|
41
|
-
args: [{
|
|
42
|
-
imports: [
|
|
43
|
-
CommonModule,
|
|
44
|
-
MatDialogModule,
|
|
45
|
-
MatFormFieldModule,
|
|
46
|
-
FormsModule,
|
|
47
|
-
MatInputModule,
|
|
48
|
-
InputsModule,
|
|
49
|
-
ButtonsModule,
|
|
50
|
-
IconsModule
|
|
51
|
-
],
|
|
52
|
-
declarations: [
|
|
53
|
-
ConfirmRemoveModalDataComponent,
|
|
54
|
-
ConfirmModalDataComponent,
|
|
55
|
-
ModalHeaderComponent
|
|
56
|
-
],
|
|
57
|
-
exports: [
|
|
58
|
-
ConfirmRemoveModalDataComponent,
|
|
59
|
-
ConfirmModalDataComponent,
|
|
60
|
-
ModalHeaderComponent
|
|
61
|
-
],
|
|
62
|
-
providers: []
|
|
63
|
-
}]
|
|
64
|
-
}], null, null); })();
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWxzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL21vZGFscy9zcmMvbW9kYWxzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsK0JBQStCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUMxRyxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RixPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDaEUsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUF5QjdDLE1BQU0sT0FBTyxZQUFZOztnREFBWixZQUFZO3VHQUFaLFlBQVksbUJBRlosRUFBRSxZQXBCSjtZQUNQLFlBQVk7WUFDWixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLFdBQVc7WUFDWCxjQUFjO1lBQ2QsWUFBWTtZQUNaLGFBQWE7WUFDYixXQUFXO1NBQ1o7d0ZBYVUsWUFBWSxtQkFYckIsK0JBQStCO1FBQy9CLHlCQUF5QjtRQUN6QixvQkFBb0IsYUFacEIsWUFBWTtRQUNaLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsV0FBVztRQUNYLGNBQWM7UUFDZCxZQUFZO1FBQ1osYUFBYTtRQUNiLFdBQVcsYUFRWCwrQkFBK0I7UUFDL0IseUJBQXlCO1FBQ3pCLG9CQUFvQjtrREFJWCxZQUFZO2NBdkJ4QixRQUFRO2VBQUM7Z0JBQ1IsT0FBTyxFQUFFO29CQUNQLFlBQVk7b0JBQ1osZUFBZTtvQkFDZixrQkFBa0I7b0JBQ2xCLFdBQVc7b0JBQ1gsY0FBYztvQkFDZCxZQUFZO29CQUNaLGFBQWE7b0JBQ2IsV0FBVztpQkFDWjtnQkFDRCxZQUFZLEVBQUU7b0JBQ1osK0JBQStCO29CQUMvQix5QkFBeUI7b0JBQ3pCLG9CQUFvQjtpQkFDckI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNQLCtCQUErQjtvQkFDL0IseUJBQXlCO29CQUN6QixvQkFBb0I7aUJBQ3JCO2dCQUNELFNBQVMsRUFBRSxFQUFFO2FBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tICcuL2xpYi9jb25maXJtLXJlbW92ZS1tb2RhbC9jb25maXJtLXJlbW92ZS1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHtDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50fSBmcm9tICcuL2xpYi9jb25maXJtLW1vZGFsL2NvbmZpcm0tbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7TW9kYWxIZWFkZXJDb21wb25lbnR9IGZyb20gJy4vbGliL21vZGFsLWhlYWRlci9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7TWF0RGlhbG9nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHtNYXRGb3JtRmllbGRNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtGb3Jtc01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtNYXRJbnB1dE1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHtCdXR0b25zTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9idXR0b25zJztcbmltcG9ydCB7SWNvbnNNb2R1bGV9IGZyb20gJ0BhcGlwYXNzL2ljb25zJztcbmltcG9ydCB7SW5wdXRzTW9kdWxlfSBmcm9tICdAYXBpcGFzcy9pbnB1dHMnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgSW5wdXRzTW9kdWxlLFxuICAgIEJ1dHRvbnNNb2R1bGUsXG4gICAgSWNvbnNNb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQ29uZmlybVJlbW92ZU1vZGFsRGF0YUNvbXBvbmVudCxcbiAgICBDb25maXJtTW9kYWxEYXRhQ29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb25maXJtUmVtb3ZlTW9kYWxEYXRhQ29tcG9uZW50LFxuICAgIENvbmZpcm1Nb2RhbERhdGFDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXVxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbHNNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -1,337 +0,0 @@
|
|
|
1
|
-
import { MatDialogRef, MAT_DIALOG_DATA, MatDialogContent, MatDialogActions, MatDialogTitle, MatDialogModule } from '@angular/material/dialog';
|
|
2
|
-
export * from '@angular/material/dialog';
|
|
3
|
-
import { ɵɵelement, ɵɵnextContext, ɵɵproperty, ɵɵsanitizeHtml, ɵɵgetCurrentView, ɵɵelementStart, ɵɵlistener, ɵɵrestoreView, ɵɵelementEnd, ɵɵdirectiveInject, ɵɵdefineComponent, ɵɵtemplate, ɵɵadvance, ɵsetClassMetadata, Component, Inject, EventEmitter, Input, Output, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule } from '@angular/core';
|
|
4
|
-
import { NgIf, CommonModule } from '@angular/common';
|
|
5
|
-
import { SecondaryButtonComponent, TertiaryButtonComponent, PrimaryButtonComponent, ButtonsModule } from '@apipass/buttons';
|
|
6
|
-
import { IconComponent, IconsModule } from '@apipass/icons';
|
|
7
|
-
import { InputTextComponent, InputsModule } from '@apipass/inputs';
|
|
8
|
-
import { NgControlStatus, NgModel, FormsModule } from '@angular/forms';
|
|
9
|
-
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
10
|
-
import { MatInputModule } from '@angular/material/input';
|
|
11
|
-
|
|
12
|
-
function ConfirmRemoveModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
|
|
13
|
-
ɵɵelement(0, "h3", 8);
|
|
14
|
-
} if (rf & 2) {
|
|
15
|
-
const ctx_r0 = ɵɵnextContext();
|
|
16
|
-
ɵɵproperty("innerHTML", ctx_r0.data.title, ɵɵsanitizeHtml);
|
|
17
|
-
} }
|
|
18
|
-
function ConfirmRemoveModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
19
|
-
const _r5 = ɵɵgetCurrentView();
|
|
20
|
-
ɵɵelementStart(0, "icon", 9);
|
|
21
|
-
ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_icon_2_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r5); const ctx_r4 = ɵɵnextContext(); return ctx_r4.closeClick(); });
|
|
22
|
-
ɵɵelementEnd();
|
|
23
|
-
} if (rf & 2) {
|
|
24
|
-
const ctx_r1 = ɵɵnextContext();
|
|
25
|
-
ɵɵproperty("title", ctx_r1.data.closeLabel);
|
|
26
|
-
} }
|
|
27
|
-
function ConfirmRemoveModalDataComponent_p_4_Template(rf, ctx) { if (rf & 1) {
|
|
28
|
-
ɵɵelement(0, "p", 10);
|
|
29
|
-
} if (rf & 2) {
|
|
30
|
-
const ctx_r2 = ɵɵnextContext();
|
|
31
|
-
ɵɵproperty("innerHTML", ctx_r2.data.content, ɵɵsanitizeHtml);
|
|
32
|
-
} }
|
|
33
|
-
function ConfirmRemoveModalDataComponent_input_text_5_Template(rf, ctx) { if (rf & 1) {
|
|
34
|
-
const _r7 = ɵɵgetCurrentView();
|
|
35
|
-
ɵɵelementStart(0, "input-text", 11);
|
|
36
|
-
ɵɵlistener("ngModelChange", function ConfirmRemoveModalDataComponent_input_text_5_Template_input_text_ngModelChange_0_listener($event) { ɵɵrestoreView(_r7); const ctx_r6 = ɵɵnextContext(); return ctx_r6.data.removeText = $event; });
|
|
37
|
-
ɵɵelementEnd();
|
|
38
|
-
} if (rf & 2) {
|
|
39
|
-
const ctx_r3 = ɵɵnextContext();
|
|
40
|
-
ɵɵproperty("label", ctx_r3.data.removeTextLabel)("ngModel", ctx_r3.data.removeText);
|
|
41
|
-
} }
|
|
42
|
-
class ConfirmRemoveDialogData {
|
|
43
|
-
}
|
|
44
|
-
class ConfirmRemoveModalDataComponent {
|
|
45
|
-
constructor(dialogRef, data) {
|
|
46
|
-
this.dialogRef = dialogRef;
|
|
47
|
-
this.data = data;
|
|
48
|
-
}
|
|
49
|
-
closeClick() {
|
|
50
|
-
this.dialogRef.close();
|
|
51
|
-
}
|
|
52
|
-
confirmClick() {
|
|
53
|
-
var _a, _b, _c;
|
|
54
|
-
if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm) || ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) === ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm)) {
|
|
55
|
-
this.dialogRef.close(this.data);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
isConfirmDisabled() {
|
|
59
|
-
var _a, _b, _c;
|
|
60
|
-
if (!((_a = this.data) === null || _a === void 0 ? void 0 : _a.removeTextConfirm)) {
|
|
61
|
-
return false;
|
|
62
|
-
}
|
|
63
|
-
return ((_b = this.data) === null || _b === void 0 ? void 0 : _b.removeText) !== ((_c = this.data) === null || _c === void 0 ? void 0 : _c.removeTextConfirm);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
ConfirmRemoveModalDataComponent.ɵfac = function ConfirmRemoveModalDataComponent_Factory(t) { return new (t || ConfirmRemoveModalDataComponent)(ɵɵdirectiveInject(MatDialogRef), ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
|
|
67
|
-
ConfirmRemoveModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmRemoveModalDataComponent, selectors: [["confirm-remove-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], [3, "label", "ngModel", "ngModelChange", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "btnDisabled", "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"], [3, "label", "ngModel", "ngModelChange"]], template: function ConfirmRemoveModalDataComponent_Template(rf, ctx) { if (rf & 1) {
|
|
68
|
-
ɵɵelementStart(0, "div", 0);
|
|
69
|
-
ɵɵtemplate(1, ConfirmRemoveModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
|
|
70
|
-
ɵɵtemplate(2, ConfirmRemoveModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
|
|
71
|
-
ɵɵelementEnd();
|
|
72
|
-
ɵɵelementStart(3, "div", 3);
|
|
73
|
-
ɵɵtemplate(4, ConfirmRemoveModalDataComponent_p_4_Template, 1, 1, "p", 4);
|
|
74
|
-
ɵɵtemplate(5, ConfirmRemoveModalDataComponent_input_text_5_Template, 1, 2, "input-text", 5);
|
|
75
|
-
ɵɵelementEnd();
|
|
76
|
-
ɵɵelementStart(6, "div", 6);
|
|
77
|
-
ɵɵelementStart(7, "secondary-button", 7);
|
|
78
|
-
ɵɵlistener("onClick", function ConfirmRemoveModalDataComponent_Template_secondary_button_onClick_7_listener() { return ctx.confirmClick(); });
|
|
79
|
-
ɵɵelementEnd();
|
|
80
|
-
ɵɵelementEnd();
|
|
81
|
-
} if (rf & 2) {
|
|
82
|
-
ɵɵadvance(1);
|
|
83
|
-
ɵɵproperty("ngIf", ctx.data.title);
|
|
84
|
-
ɵɵadvance(1);
|
|
85
|
-
ɵɵproperty("ngIf", ctx.data.showCloseIcon);
|
|
86
|
-
ɵɵadvance(2);
|
|
87
|
-
ɵɵproperty("ngIf", ctx.data.content);
|
|
88
|
-
ɵɵadvance(1);
|
|
89
|
-
ɵɵproperty("ngIf", ctx.data.removeTextConfirm);
|
|
90
|
-
ɵɵadvance(2);
|
|
91
|
-
ɵɵproperty("btnDisabled", ctx.isConfirmDisabled())("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
|
|
92
|
-
} }, directives: [NgIf, MatDialogContent, MatDialogActions, SecondaryButtonComponent, MatDialogTitle, IconComponent, InputTextComponent, NgControlStatus, NgModel], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%] input-text[_ngcontent-%COMP%]{width:80%}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}"] });
|
|
93
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfirmRemoveModalDataComponent, [{
|
|
94
|
-
type: Component,
|
|
95
|
-
args: [{
|
|
96
|
-
selector: 'confirm-remove-modal-data',
|
|
97
|
-
templateUrl: 'confirm-remove-modal.component.html',
|
|
98
|
-
styleUrls: ['confirm-remove-modal.component.scss']
|
|
99
|
-
}]
|
|
100
|
-
}], function () { return [{ type: MatDialogRef }, { type: ConfirmRemoveDialogData, decorators: [{
|
|
101
|
-
type: Inject,
|
|
102
|
-
args: [MAT_DIALOG_DATA]
|
|
103
|
-
}] }]; }, null); })();
|
|
104
|
-
|
|
105
|
-
function ConfirmModalDataComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
|
|
106
|
-
ɵɵelement(0, "h3", 7);
|
|
107
|
-
} if (rf & 2) {
|
|
108
|
-
const ctx_r0 = ɵɵnextContext();
|
|
109
|
-
ɵɵproperty("innerHTML", ctx_r0.data.title, ɵɵsanitizeHtml);
|
|
110
|
-
} }
|
|
111
|
-
function ConfirmModalDataComponent_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
112
|
-
const _r4 = ɵɵgetCurrentView();
|
|
113
|
-
ɵɵelementStart(0, "icon", 8);
|
|
114
|
-
ɵɵlistener("onClick", function ConfirmModalDataComponent_icon_2_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(); return ctx_r3.closeClick(); });
|
|
115
|
-
ɵɵelementEnd();
|
|
116
|
-
} if (rf & 2) {
|
|
117
|
-
const ctx_r1 = ɵɵnextContext();
|
|
118
|
-
ɵɵproperty("title", ctx_r1.data.closeLabel);
|
|
119
|
-
} }
|
|
120
|
-
function ConfirmModalDataComponent_p_4_Template(rf, ctx) { if (rf & 1) {
|
|
121
|
-
ɵɵelement(0, "p", 9);
|
|
122
|
-
} if (rf & 2) {
|
|
123
|
-
const ctx_r2 = ɵɵnextContext();
|
|
124
|
-
ɵɵproperty("innerHTML", ctx_r2.data.content, ɵɵsanitizeHtml);
|
|
125
|
-
} }
|
|
126
|
-
class ConfirmDialogData {
|
|
127
|
-
}
|
|
128
|
-
class ConfirmModalDataComponent {
|
|
129
|
-
constructor(dialogRef, data) {
|
|
130
|
-
this.dialogRef = dialogRef;
|
|
131
|
-
this.data = data;
|
|
132
|
-
}
|
|
133
|
-
closeClick() {
|
|
134
|
-
this.dialogRef.close(false);
|
|
135
|
-
}
|
|
136
|
-
confirmClick() {
|
|
137
|
-
this.dialogRef.close(true);
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
ConfirmModalDataComponent.ɵfac = function ConfirmModalDataComponent_Factory(t) { return new (t || ConfirmModalDataComponent)(ɵɵdirectiveInject(MatDialogRef), ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
|
|
141
|
-
ConfirmModalDataComponent.ɵcmp = ɵɵdefineComponent({ type: ConfirmModalDataComponent, selectors: [["confirm-modal-data"]], decls: 8, vars: 7, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["mat-dialog-content", "", 1, "modal-content"], [3, "innerHTML", 4, "ngIf"], ["mat-dialog-actions", "", 1, "modal-actions"], [3, "icon", "label", "onClick"], ["mat-dialog-title", "", 3, "innerHTML"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"], [3, "innerHTML"]], template: function ConfirmModalDataComponent_Template(rf, ctx) { if (rf & 1) {
|
|
142
|
-
ɵɵelementStart(0, "div", 0);
|
|
143
|
-
ɵɵtemplate(1, ConfirmModalDataComponent_h3_1_Template, 1, 1, "h3", 1);
|
|
144
|
-
ɵɵtemplate(2, ConfirmModalDataComponent_icon_2_Template, 1, 1, "icon", 2);
|
|
145
|
-
ɵɵelementEnd();
|
|
146
|
-
ɵɵelementStart(3, "div", 3);
|
|
147
|
-
ɵɵtemplate(4, ConfirmModalDataComponent_p_4_Template, 1, 1, "p", 4);
|
|
148
|
-
ɵɵelementEnd();
|
|
149
|
-
ɵɵelementStart(5, "div", 5);
|
|
150
|
-
ɵɵelementStart(6, "tertiary-button", 6);
|
|
151
|
-
ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_tertiary_button_onClick_6_listener() { return ctx.closeClick(); });
|
|
152
|
-
ɵɵelementEnd();
|
|
153
|
-
ɵɵelementStart(7, "primary-button", 6);
|
|
154
|
-
ɵɵlistener("onClick", function ConfirmModalDataComponent_Template_primary_button_onClick_7_listener() { return ctx.confirmClick(); });
|
|
155
|
-
ɵɵelementEnd();
|
|
156
|
-
ɵɵelementEnd();
|
|
157
|
-
} if (rf & 2) {
|
|
158
|
-
ɵɵadvance(1);
|
|
159
|
-
ɵɵproperty("ngIf", ctx.data.title);
|
|
160
|
-
ɵɵadvance(1);
|
|
161
|
-
ɵɵproperty("ngIf", ctx.data.showCloseIcon);
|
|
162
|
-
ɵɵadvance(2);
|
|
163
|
-
ɵɵproperty("ngIf", ctx.data.content);
|
|
164
|
-
ɵɵadvance(2);
|
|
165
|
-
ɵɵproperty("icon", ctx.data.cancelIcon)("label", ctx.data.cancelText);
|
|
166
|
-
ɵɵadvance(1);
|
|
167
|
-
ɵɵproperty("icon", ctx.data.confirmIcon)("label", ctx.data.confirmText);
|
|
168
|
-
} }, directives: [NgIf, MatDialogContent, MatDialogActions, TertiaryButtonComponent, PrimaryButtonComponent, MatDialogTitle, IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]{position:absolute;right:-5px;top:-5px}.modal-content[_ngcontent-%COMP%]{border:none!important;box-shadow:none!important;margin:20px 0!important;text-align:center!important}.modal-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0!important}.modal-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;width:100%}.modal-actions[_ngcontent-%COMP%] primary-button[_ngcontent-%COMP%]{margin-left:5px}"] });
|
|
169
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(ConfirmModalDataComponent, [{
|
|
170
|
-
type: Component,
|
|
171
|
-
args: [{
|
|
172
|
-
selector: 'confirm-modal-data',
|
|
173
|
-
templateUrl: 'confirm-modal.component.html',
|
|
174
|
-
styleUrls: ['confirm-modal.component.scss']
|
|
175
|
-
}]
|
|
176
|
-
}], function () { return [{ type: MatDialogRef }, { type: ConfirmDialogData, decorators: [{
|
|
177
|
-
type: Inject,
|
|
178
|
-
args: [MAT_DIALOG_DATA]
|
|
179
|
-
}] }]; }, null); })();
|
|
180
|
-
|
|
181
|
-
function ModalHeaderComponent_div_2_icon_1_Template(rf, ctx) { if (rf & 1) {
|
|
182
|
-
const _r4 = ɵɵgetCurrentView();
|
|
183
|
-
ɵɵelementStart(0, "icon", 6);
|
|
184
|
-
ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_1_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r4); const ctx_r3 = ɵɵnextContext(2); return ctx_r3.changeExpand(); });
|
|
185
|
-
ɵɵelementEnd();
|
|
186
|
-
} if (rf & 2) {
|
|
187
|
-
const ctx_r1 = ɵɵnextContext(2);
|
|
188
|
-
ɵɵproperty("size", 13)("name", !ctx_r1.expanded ? "fa fa-expand-arrows-alt" : "fa fa-compress")("title", ctx_r1.titleExpand);
|
|
189
|
-
} }
|
|
190
|
-
function ModalHeaderComponent_div_2_icon_2_Template(rf, ctx) { if (rf & 1) {
|
|
191
|
-
const _r6 = ɵɵgetCurrentView();
|
|
192
|
-
ɵɵelementStart(0, "icon", 7);
|
|
193
|
-
ɵɵlistener("onClick", function ModalHeaderComponent_div_2_icon_2_Template_icon_onClick_0_listener() { ɵɵrestoreView(_r6); const ctx_r5 = ɵɵnextContext(2); return ctx_r5.closeClick.next(); });
|
|
194
|
-
ɵɵelementEnd();
|
|
195
|
-
} if (rf & 2) {
|
|
196
|
-
const ctx_r2 = ɵɵnextContext(2);
|
|
197
|
-
ɵɵproperty("title", ctx_r2.titleClose);
|
|
198
|
-
} }
|
|
199
|
-
function ModalHeaderComponent_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
200
|
-
ɵɵelementStart(0, "div", 3);
|
|
201
|
-
ɵɵtemplate(1, ModalHeaderComponent_div_2_icon_1_Template, 1, 3, "icon", 4);
|
|
202
|
-
ɵɵtemplate(2, ModalHeaderComponent_div_2_icon_2_Template, 1, 1, "icon", 5);
|
|
203
|
-
ɵɵelementEnd();
|
|
204
|
-
} if (rf & 2) {
|
|
205
|
-
const ctx_r0 = ɵɵnextContext();
|
|
206
|
-
ɵɵadvance(1);
|
|
207
|
-
ɵɵproperty("ngIf", ctx_r0.showExpandIcon);
|
|
208
|
-
ɵɵadvance(1);
|
|
209
|
-
ɵɵproperty("ngIf", ctx_r0.showCloseIcon);
|
|
210
|
-
} }
|
|
211
|
-
class ModalHeaderComponent {
|
|
212
|
-
constructor() {
|
|
213
|
-
this.expanded = false;
|
|
214
|
-
this.showExpandIcon = false;
|
|
215
|
-
this.showCloseIcon = false;
|
|
216
|
-
this.titleClose = 'Close';
|
|
217
|
-
this.titleExpand = 'Expand';
|
|
218
|
-
this.closeClick = new EventEmitter();
|
|
219
|
-
this.expandClick = new EventEmitter();
|
|
220
|
-
}
|
|
221
|
-
changeExpand() {
|
|
222
|
-
var _a, _b;
|
|
223
|
-
this.expanded = !this.expanded;
|
|
224
|
-
this.expandClick.next(this.expanded);
|
|
225
|
-
if (this.expanded) {
|
|
226
|
-
(_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.addPanelClass('mod-expanded');
|
|
227
|
-
}
|
|
228
|
-
else {
|
|
229
|
-
(_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.removePanelClass('mod-expanded');
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
}
|
|
233
|
-
ModalHeaderComponent.ɵfac = function ModalHeaderComponent_Factory(t) { return new (t || ModalHeaderComponent)(); };
|
|
234
|
-
ModalHeaderComponent.ɵcmp = ɵɵdefineComponent({ type: ModalHeaderComponent, selectors: [["modal-header-component"]], inputs: { title: "title", expanded: "expanded", showExpandIcon: "showExpandIcon", showCloseIcon: "showCloseIcon", titleClose: "titleClose", titleExpand: "titleExpand", dialogRef: "dialogRef" }, outputs: { closeClick: "closeClick", expandClick: "expandClick" }, decls: 3, vars: 2, consts: [[1, "modal-title"], ["mat-dialog-title", "", 3, "innerHTML"], ["class", "modal-title-actions", 4, "ngIf"], [1, "modal-title-actions"], ["type", "primary clickable", 3, "size", "name", "title", "onClick", 4, "ngIf"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick", 4, "ngIf"], ["type", "primary clickable", 3, "size", "name", "title", "onClick"], ["type", "tertiary clickable", "name", "fas fa-times", 3, "title", "onClick"]], template: function ModalHeaderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
235
|
-
ɵɵelementStart(0, "div", 0);
|
|
236
|
-
ɵɵelement(1, "h3", 1);
|
|
237
|
-
ɵɵtemplate(2, ModalHeaderComponent_div_2_Template, 3, 2, "div", 2);
|
|
238
|
-
ɵɵelementEnd();
|
|
239
|
-
} if (rf & 2) {
|
|
240
|
-
ɵɵadvance(1);
|
|
241
|
-
ɵɵproperty("innerHTML", ctx.title, ɵɵsanitizeHtml);
|
|
242
|
-
ɵɵadvance(1);
|
|
243
|
-
ɵɵproperty("ngIf", ctx.showExpandIcon || ctx.showCloseIcon);
|
|
244
|
-
} }, directives: [MatDialogTitle, NgIf, IconComponent], styles: [".modal-title[_ngcontent-%COMP%]{align-items:flex-start;display:flex;justify-content:center;position:relative;width:100%}.modal-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{font-weight:700;margin:0;text-align:center;width:100%}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%]{align-items:center;display:flex;justify-content:center;position:absolute;right:-5px;top:-5px}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]{display:block}.modal-title[_ngcontent-%COMP%] > .modal-title-actions[_ngcontent-%COMP%] icon[_ngcontent-%COMP%]:not(:last-child){margin-right:10px}"] });
|
|
245
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(ModalHeaderComponent, [{
|
|
246
|
-
type: Component,
|
|
247
|
-
args: [{
|
|
248
|
-
selector: 'modal-header-component',
|
|
249
|
-
template: `
|
|
250
|
-
<div class="modal-title">
|
|
251
|
-
<h3 [innerHTML]='title' mat-dialog-title></h3>
|
|
252
|
-
<div *ngIf="showExpandIcon || showCloseIcon" class="modal-title-actions">
|
|
253
|
-
<icon *ngIf="showExpandIcon" type="primary clickable" [size]="13" [name]="!expanded ? 'fa fa-expand-arrows-alt' : 'fa fa-compress'" [title]="titleExpand" (onClick)="changeExpand()"></icon>
|
|
254
|
-
<icon *ngIf="showCloseIcon" type="tertiary clickable" name="fas fa-times" [title]="titleClose" (onClick)="closeClick.next()"></icon>
|
|
255
|
-
</div>
|
|
256
|
-
</div>
|
|
257
|
-
`,
|
|
258
|
-
styleUrls: ['modal-header.scss']
|
|
259
|
-
}]
|
|
260
|
-
}], null, { title: [{
|
|
261
|
-
type: Input
|
|
262
|
-
}], expanded: [{
|
|
263
|
-
type: Input
|
|
264
|
-
}], showExpandIcon: [{
|
|
265
|
-
type: Input
|
|
266
|
-
}], showCloseIcon: [{
|
|
267
|
-
type: Input
|
|
268
|
-
}], titleClose: [{
|
|
269
|
-
type: Input
|
|
270
|
-
}], titleExpand: [{
|
|
271
|
-
type: Input
|
|
272
|
-
}], dialogRef: [{
|
|
273
|
-
type: Input
|
|
274
|
-
}], closeClick: [{
|
|
275
|
-
type: Output
|
|
276
|
-
}], expandClick: [{
|
|
277
|
-
type: Output
|
|
278
|
-
}] }); })();
|
|
279
|
-
|
|
280
|
-
class ModalsModule {
|
|
281
|
-
}
|
|
282
|
-
ModalsModule.ɵmod = ɵɵdefineNgModule({ type: ModalsModule });
|
|
283
|
-
ModalsModule.ɵinj = ɵɵdefineInjector({ factory: function ModalsModule_Factory(t) { return new (t || ModalsModule)(); }, providers: [], imports: [[
|
|
284
|
-
CommonModule,
|
|
285
|
-
MatDialogModule,
|
|
286
|
-
MatFormFieldModule,
|
|
287
|
-
FormsModule,
|
|
288
|
-
MatInputModule,
|
|
289
|
-
InputsModule,
|
|
290
|
-
ButtonsModule,
|
|
291
|
-
IconsModule
|
|
292
|
-
]] });
|
|
293
|
-
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(ModalsModule, { declarations: [ConfirmRemoveModalDataComponent,
|
|
294
|
-
ConfirmModalDataComponent,
|
|
295
|
-
ModalHeaderComponent], imports: [CommonModule,
|
|
296
|
-
MatDialogModule,
|
|
297
|
-
MatFormFieldModule,
|
|
298
|
-
FormsModule,
|
|
299
|
-
MatInputModule,
|
|
300
|
-
InputsModule,
|
|
301
|
-
ButtonsModule,
|
|
302
|
-
IconsModule], exports: [ConfirmRemoveModalDataComponent,
|
|
303
|
-
ConfirmModalDataComponent,
|
|
304
|
-
ModalHeaderComponent] }); })();
|
|
305
|
-
/*@__PURE__*/ (function () { ɵsetClassMetadata(ModalsModule, [{
|
|
306
|
-
type: NgModule,
|
|
307
|
-
args: [{
|
|
308
|
-
imports: [
|
|
309
|
-
CommonModule,
|
|
310
|
-
MatDialogModule,
|
|
311
|
-
MatFormFieldModule,
|
|
312
|
-
FormsModule,
|
|
313
|
-
MatInputModule,
|
|
314
|
-
InputsModule,
|
|
315
|
-
ButtonsModule,
|
|
316
|
-
IconsModule
|
|
317
|
-
],
|
|
318
|
-
declarations: [
|
|
319
|
-
ConfirmRemoveModalDataComponent,
|
|
320
|
-
ConfirmModalDataComponent,
|
|
321
|
-
ModalHeaderComponent
|
|
322
|
-
],
|
|
323
|
-
exports: [
|
|
324
|
-
ConfirmRemoveModalDataComponent,
|
|
325
|
-
ConfirmModalDataComponent,
|
|
326
|
-
ModalHeaderComponent
|
|
327
|
-
],
|
|
328
|
-
providers: []
|
|
329
|
-
}]
|
|
330
|
-
}], null, null); })();
|
|
331
|
-
|
|
332
|
-
/**
|
|
333
|
-
* Generated bundle index. Do not edit.
|
|
334
|
-
*/
|
|
335
|
-
|
|
336
|
-
export { ConfirmDialogData, ConfirmModalDataComponent, ConfirmRemoveDialogData, ConfirmRemoveModalDataComponent, ModalHeaderComponent, ModalsModule };
|
|
337
|
-
//# sourceMappingURL=apipass-modals.js.map
|