@datarailsshared/datarailsshared 1.6.361 → 1.6.365
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/datarailsshared-datarailsshared-1.6.365.tgz +0 -0
- package/esm2022/lib/dr-cron-field/dr-cron-field.component.mjs +548 -0
- package/esm2022/lib/dr-cron-field/dr-cron-field.editor.mjs +303 -0
- package/esm2022/lib/dr-cron-field/public-api.mjs +3 -0
- package/esm2022/lib/dr-dialog/dialog.module.mjs +2 -1
- package/esm2022/lib/dr-dialog/services/dialog.service.mjs +8 -1
- package/esm2022/lib/dr-inputs/button/button.component.mjs +7 -4
- package/esm2022/lib/dr-modal/components/dr-confirm-modal/dr-confirm-modal.component.mjs +210 -0
- package/esm2022/lib/dr-modal/components/dr-modal/dr-modal.component.mjs +73 -0
- package/esm2022/lib/dr-modal/components/dr-modal-container/dr-modal-container.component.mjs +72 -0
- package/esm2022/lib/dr-modal/directives/dr-modal-close.directive.mjs +39 -0
- package/esm2022/lib/dr-modal/dr-modal-config.mjs +3 -0
- package/esm2022/lib/dr-modal/dr-modal-config.provider.mjs +14 -0
- package/esm2022/lib/dr-modal/dr-modal-form.types.mjs +2 -0
- package/esm2022/lib/dr-modal/dr-modal-form.utils.mjs +18 -0
- package/esm2022/lib/dr-modal/dr-modal-ref.mjs +42 -0
- package/esm2022/lib/dr-modal/dr-modal.mjs +9 -0
- package/esm2022/lib/dr-modal/dr-modal.module.mjs +34 -0
- package/esm2022/lib/dr-modal/dr-modal.service.mjs +89 -0
- package/esm2022/lib/dr-modal/dr-modal.slots.mjs +91 -0
- package/esm2022/lib/dr-modal/dr-modal.types.mjs +2 -0
- package/esm2022/lib/dr-modal/public-api.mjs +15 -0
- package/esm2022/lib/utils/async-utils.mjs +32 -0
- package/esm2022/local-api.mjs +4 -1
- package/fesm2022/datarailsshared-datarailsshared.mjs +2271 -760
- package/fesm2022/datarailsshared-datarailsshared.mjs.map +1 -1
- package/lib/dr-cron-field/dr-cron-field.component.d.ts +72 -0
- package/lib/dr-cron-field/dr-cron-field.editor.d.ts +82 -0
- package/lib/dr-cron-field/public-api.d.ts +2 -0
- package/lib/dr-dialog/dialog.module.d.ts +1 -0
- package/lib/dr-dialog/services/dialog.service.d.ts +7 -0
- package/lib/dr-inputs/button/button.component.d.ts +2 -1
- package/lib/dr-modal/components/dr-confirm-modal/dr-confirm-modal.component.d.ts +19 -0
- package/lib/dr-modal/components/dr-modal/dr-modal.component.d.ts +14 -0
- package/lib/dr-modal/components/dr-modal-container/dr-modal-container.component.d.ts +23 -0
- package/lib/dr-modal/directives/dr-modal-close.directive.d.ts +17 -0
- package/lib/dr-modal/dr-modal-config.d.ts +17 -0
- package/lib/dr-modal/dr-modal-config.provider.d.ts +3 -0
- package/lib/dr-modal/dr-modal-form.types.d.ts +42 -0
- package/lib/dr-modal/dr-modal-form.utils.d.ts +9 -0
- package/lib/dr-modal/dr-modal-ref.d.ts +19 -0
- package/lib/dr-modal/dr-modal.d.ts +5 -0
- package/lib/dr-modal/dr-modal.module.d.ts +9 -0
- package/lib/dr-modal/dr-modal.service.d.ts +20 -0
- package/lib/dr-modal/dr-modal.slots.d.ts +25 -0
- package/lib/dr-modal/dr-modal.types.d.ts +63 -0
- package/lib/dr-modal/public-api.d.ts +14 -0
- package/lib/utils/async-utils.d.ts +18 -0
- package/local-api.d.ts +3 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.6.361.tgz +0 -0
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { finalize } from 'rxjs/operators';
|
|
5
|
+
import { DrModalModule } from '../../dr-modal.module';
|
|
6
|
+
import { DrErrorModule } from '../../../dr-error/dr-error.module';
|
|
7
|
+
import { DrInputsModule } from '../../../dr-inputs/dr-inputs.module';
|
|
8
|
+
import { DrButtonComponent } from '../../../dr-inputs/button/button.component';
|
|
9
|
+
import { DrModal } from '../../dr-modal';
|
|
10
|
+
import { withResult } from '../../../utils/async-utils';
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
import * as i1 from "@angular/common";
|
|
13
|
+
import * as i2 from "../dr-modal/dr-modal.component";
|
|
14
|
+
import * as i3 from "../../dr-modal.slots";
|
|
15
|
+
import * as i4 from "../../directives/dr-modal-close.directive";
|
|
16
|
+
import * as i5 from "@angular/forms";
|
|
17
|
+
import * as i6 from "../../../dr-inputs/button/button.component";
|
|
18
|
+
import * as i7 from "../../../dr-inputs/checkbox/checkbox.component";
|
|
19
|
+
import * as i8 from "../../../dr-inputs/dr-input/dr-input.component";
|
|
20
|
+
import * as i9 from "../../../dr-inputs/dr-select/dr-select.component";
|
|
21
|
+
import * as i10 from "../../../dr-inputs/date-pickers/dr-date-picker/dr-date-picker.component";
|
|
22
|
+
import * as i11 from "../../../dr-error/dr-error.component";
|
|
23
|
+
function DrConfirmModalComponent_dr_modal_title_1_Template(rf, ctx) { if (rf & 1) {
|
|
24
|
+
i0.ɵɵelementStart(0, "dr-modal-title");
|
|
25
|
+
i0.ɵɵtext(1);
|
|
26
|
+
i0.ɵɵelementEnd();
|
|
27
|
+
} if (rf & 2) {
|
|
28
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
29
|
+
i0.ɵɵadvance(1);
|
|
30
|
+
i0.ɵɵtextInterpolate(ctx_r0.data.title);
|
|
31
|
+
} }
|
|
32
|
+
function DrConfirmModalComponent_div_4_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
|
|
33
|
+
i0.ɵɵelementStart(0, "label", 17);
|
|
34
|
+
i0.ɵɵtext(1);
|
|
35
|
+
i0.ɵɵelementEnd();
|
|
36
|
+
} if (rf & 2) {
|
|
37
|
+
const field_r5 = i0.ɵɵnextContext().$implicit;
|
|
38
|
+
i0.ɵɵclassMap(field_r5.isLabelFullWidth ? "col-md-12 mb-2" : "col-md-2");
|
|
39
|
+
i0.ɵɵadvance(1);
|
|
40
|
+
i0.ɵɵtextInterpolate(field_r5.label);
|
|
41
|
+
} }
|
|
42
|
+
function DrConfirmModalComponent_div_4_div_1_dr_select_3_Template(rf, ctx) { if (rf & 1) {
|
|
43
|
+
i0.ɵɵelement(0, "dr-select", 18);
|
|
44
|
+
i0.ɵɵpipe(1, "async");
|
|
45
|
+
} if (rf & 2) {
|
|
46
|
+
const field_r5 = i0.ɵɵnextContext().$implicit;
|
|
47
|
+
const ctx_r7 = i0.ɵɵnextContext(2);
|
|
48
|
+
i0.ɵɵproperty("searchable", field_r5.searchable)("clearable", field_r5.clearable)("formControlName", field_r5.name)("addTag", field_r5.addTag)("bindLabel", "label")("bindValue", "value")("items", i0.ɵɵpipeBind1(1, 10, field_r5.items$))("loading", ctx_r7.selectLoadings[field_r5.name] == null ? null : ctx_r7.selectLoadings[field_r5.name]())("required", !field_r5.isOptional)("placeholder", field_r5.placeholder);
|
|
49
|
+
} }
|
|
50
|
+
function DrConfirmModalComponent_div_4_div_1_dr_input_4_Template(rf, ctx) { if (rf & 1) {
|
|
51
|
+
i0.ɵɵelement(0, "dr-input", 19);
|
|
52
|
+
} if (rf & 2) {
|
|
53
|
+
const field_r5 = i0.ɵɵnextContext().$implicit;
|
|
54
|
+
i0.ɵɵproperty("formControlName", field_r5.name)("placeholder", field_r5.placeholder);
|
|
55
|
+
} }
|
|
56
|
+
function DrConfirmModalComponent_div_4_div_1_dr_date_picker_5_Template(rf, ctx) { if (rf & 1) {
|
|
57
|
+
i0.ɵɵelement(0, "dr-date-picker", 20);
|
|
58
|
+
} if (rf & 2) {
|
|
59
|
+
const field_r5 = i0.ɵɵnextContext().$implicit;
|
|
60
|
+
i0.ɵɵproperty("formControlName", field_r5.name)("format", field_r5.datePickerFormat)("placeholder", field_r5.placeholder);
|
|
61
|
+
} }
|
|
62
|
+
function DrConfirmModalComponent_div_4_div_1_dr_checkbox_6_Template(rf, ctx) { if (rf & 1) {
|
|
63
|
+
i0.ɵɵelementStart(0, "dr-checkbox", 21);
|
|
64
|
+
i0.ɵɵtext(1);
|
|
65
|
+
i0.ɵɵelementEnd();
|
|
66
|
+
} if (rf & 2) {
|
|
67
|
+
const field_r5 = i0.ɵɵnextContext().$implicit;
|
|
68
|
+
i0.ɵɵproperty("formControlName", field_r5.name);
|
|
69
|
+
i0.ɵɵadvance(1);
|
|
70
|
+
i0.ɵɵtextInterpolate1(" ", field_r5.label, " ");
|
|
71
|
+
} }
|
|
72
|
+
function DrConfirmModalComponent_div_4_div_1_span_8_Template(rf, ctx) { if (rf & 1) {
|
|
73
|
+
i0.ɵɵelementStart(0, "span", 22);
|
|
74
|
+
i0.ɵɵtext(1);
|
|
75
|
+
i0.ɵɵelementEnd();
|
|
76
|
+
} if (rf & 2) {
|
|
77
|
+
const ctx_r11 = i0.ɵɵnextContext(3);
|
|
78
|
+
i0.ɵɵadvance(1);
|
|
79
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r11.data.errorMessage, " ");
|
|
80
|
+
} }
|
|
81
|
+
function DrConfirmModalComponent_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
82
|
+
i0.ɵɵelementStart(0, "div", 8);
|
|
83
|
+
i0.ɵɵtemplate(1, DrConfirmModalComponent_div_4_div_1_label_1_Template, 2, 3, "label", 9);
|
|
84
|
+
i0.ɵɵelementStart(2, "div", 10);
|
|
85
|
+
i0.ɵɵtemplate(3, DrConfirmModalComponent_div_4_div_1_dr_select_3_Template, 2, 12, "dr-select", 11);
|
|
86
|
+
i0.ɵɵtemplate(4, DrConfirmModalComponent_div_4_div_1_dr_input_4_Template, 1, 2, "dr-input", 12);
|
|
87
|
+
i0.ɵɵtemplate(5, DrConfirmModalComponent_div_4_div_1_dr_date_picker_5_Template, 1, 3, "dr-date-picker", 13);
|
|
88
|
+
i0.ɵɵtemplate(6, DrConfirmModalComponent_div_4_div_1_dr_checkbox_6_Template, 2, 2, "dr-checkbox", 14);
|
|
89
|
+
i0.ɵɵelement(7, "dr-error", 15);
|
|
90
|
+
i0.ɵɵtemplate(8, DrConfirmModalComponent_div_4_div_1_span_8_Template, 2, 1, "span", 16);
|
|
91
|
+
i0.ɵɵelementEnd()();
|
|
92
|
+
} if (rf & 2) {
|
|
93
|
+
const field_r5 = ctx.$implicit;
|
|
94
|
+
const ctx_r4 = i0.ɵɵnextContext(2);
|
|
95
|
+
i0.ɵɵclassMap(field_r5.fieldClass);
|
|
96
|
+
i0.ɵɵstyleProp("display", field_r5.isLabelFullWidth ? "block" : "flex");
|
|
97
|
+
i0.ɵɵadvance(1);
|
|
98
|
+
i0.ɵɵproperty("ngIf", field_r5.label && field_r5.type !== "checkbox");
|
|
99
|
+
i0.ɵɵadvance(1);
|
|
100
|
+
i0.ɵɵclassProp("col-md-10", field_r5.label && !field_r5.isLabelFullWidth)("col-md-12", !field_r5.label || field_r5.isLabelFullWidth);
|
|
101
|
+
i0.ɵɵadvance(1);
|
|
102
|
+
i0.ɵɵproperty("ngIf", field_r5.type === "select");
|
|
103
|
+
i0.ɵɵadvance(1);
|
|
104
|
+
i0.ɵɵproperty("ngIf", field_r5.type === "input");
|
|
105
|
+
i0.ɵɵadvance(1);
|
|
106
|
+
i0.ɵɵproperty("ngIf", field_r5.type === "date_picker");
|
|
107
|
+
i0.ɵɵadvance(1);
|
|
108
|
+
i0.ɵɵproperty("ngIf", field_r5.type === "checkbox");
|
|
109
|
+
i0.ɵɵadvance(1);
|
|
110
|
+
i0.ɵɵproperty("controlName", field_r5.name)("noIcon", true)("displayAsLabel", true);
|
|
111
|
+
i0.ɵɵadvance(1);
|
|
112
|
+
i0.ɵɵproperty("ngIf", ctx_r4.data.errorMessage && !ctx_r4.form.pristine && ctx_r4.form.invalid);
|
|
113
|
+
} }
|
|
114
|
+
function DrConfirmModalComponent_div_4_Template(rf, ctx) { if (rf & 1) {
|
|
115
|
+
i0.ɵɵelementStart(0, "div", 6);
|
|
116
|
+
i0.ɵɵtemplate(1, DrConfirmModalComponent_div_4_div_1_Template, 9, 17, "div", 7);
|
|
117
|
+
i0.ɵɵelementEnd();
|
|
118
|
+
} if (rf & 2) {
|
|
119
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
120
|
+
let tmp_0_0;
|
|
121
|
+
i0.ɵɵclassMap((tmp_0_0 = ctx_r1.data.formWrapperClass) !== null && tmp_0_0 !== undefined ? tmp_0_0 : "dr-smart-form_wrapper");
|
|
122
|
+
i0.ɵɵadvance(1);
|
|
123
|
+
i0.ɵɵproperty("ngForOf", ctx_r1.data.fields);
|
|
124
|
+
} }
|
|
125
|
+
function DrConfirmModalComponent_dr_button_6_Template(rf, ctx) { if (rf & 1) {
|
|
126
|
+
i0.ɵɵelementStart(0, "dr-button", 23);
|
|
127
|
+
i0.ɵɵtext(1);
|
|
128
|
+
i0.ɵɵelementEnd();
|
|
129
|
+
} if (rf & 2) {
|
|
130
|
+
const ctx_r2 = i0.ɵɵnextContext();
|
|
131
|
+
i0.ɵɵproperty("theme", ctx_r2.cancelBtn.theme);
|
|
132
|
+
i0.ɵɵadvance(1);
|
|
133
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r2.cancelBtn.label, " ");
|
|
134
|
+
} }
|
|
135
|
+
function DrConfirmModalComponent_dr_button_7_Template(rf, ctx) { if (rf & 1) {
|
|
136
|
+
i0.ɵɵelementStart(0, "dr-button", 24);
|
|
137
|
+
i0.ɵɵtext(1);
|
|
138
|
+
i0.ɵɵelementEnd();
|
|
139
|
+
} if (rf & 2) {
|
|
140
|
+
const ctx_r3 = i0.ɵɵnextContext();
|
|
141
|
+
i0.ɵɵproperty("theme", ctx_r3.acceptBtn.theme)("disabled", ctx_r3.form.invalid)("isLoading", ctx_r3.isLoading());
|
|
142
|
+
i0.ɵɵadvance(1);
|
|
143
|
+
i0.ɵɵtextInterpolate1(" ", ctx_r3.acceptBtn.label, " ");
|
|
144
|
+
} }
|
|
145
|
+
export class DrConfirmModalComponent extends DrModal {
|
|
146
|
+
constructor() {
|
|
147
|
+
super(...arguments);
|
|
148
|
+
this.cancelBtn = this.data.cancelBtn;
|
|
149
|
+
this.acceptBtn = this.data.acceptBtn;
|
|
150
|
+
this.fields = this.data.fields ?? [];
|
|
151
|
+
this.form = new FormGroup(this.fields.reduce((acc, field) => this.setItemControl(acc, field), {}));
|
|
152
|
+
this.selectLoadings = this.fields
|
|
153
|
+
.filter((field) => field.type === 'select')
|
|
154
|
+
.reduce((acc, field) => this.setItemSelectLoading(acc, field), {});
|
|
155
|
+
this.isLoading = signal(false);
|
|
156
|
+
}
|
|
157
|
+
async onSubmit() {
|
|
158
|
+
if (this.isLoading())
|
|
159
|
+
return;
|
|
160
|
+
const value = this.form.value;
|
|
161
|
+
this.data.confirmFn && this.isLoading.set(true);
|
|
162
|
+
const [, error] = this.data.confirmFn ? await withResult(this.data.confirmFn(value)) : [true, null];
|
|
163
|
+
this.data.confirmFn && this.isLoading.set(false);
|
|
164
|
+
!error && this.modalRef.close(true);
|
|
165
|
+
}
|
|
166
|
+
setItemControl(map, field) {
|
|
167
|
+
map[field.name] = new FormControl(field.value, {
|
|
168
|
+
validators: field.validators ?? [],
|
|
169
|
+
asyncValidators: field.asyncValidators ?? [],
|
|
170
|
+
});
|
|
171
|
+
return map;
|
|
172
|
+
}
|
|
173
|
+
setItemSelectLoading(map, field) {
|
|
174
|
+
const isLoading = signal(true);
|
|
175
|
+
map[field.name] = isLoading;
|
|
176
|
+
field.items$ = field.items$.pipe(finalize(() => isLoading.set(false)));
|
|
177
|
+
return map;
|
|
178
|
+
}
|
|
179
|
+
/** @nocollapse */ static { this.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵDrConfirmModalComponent_BaseFactory; return function DrConfirmModalComponent_Factory(t) { return (ɵDrConfirmModalComponent_BaseFactory || (ɵDrConfirmModalComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DrConfirmModalComponent)))(t || DrConfirmModalComponent); }; }(); }
|
|
180
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrConfirmModalComponent, selectors: [["dr-confirm-modal"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 8, vars: 9, consts: [["dr-modal", "", 3, "formGroup", "withCloseBtn", "size", "maxHeight", "ngSubmit"], [4, "ngIf"], [3, "innerHTML"], ["class", "dr-smart-form", 3, "class", 4, "ngIf"], ["drModalClose", "", "type", "button", "data-test", "modalCloseBtn", 3, "theme", 4, "ngIf"], ["type", "submit", "data-test", "modalAddBtn", 3, "theme", "disabled", "isLoading", 4, "ngIf"], [1, "dr-smart-form"], ["class", "dr-smart-form_group", 3, "class", "display", 4, "ngFor", "ngForOf"], [1, "dr-smart-form_group"], ["class", "label p-0 d-flex align-items-center", 3, "class", 4, "ngIf"], [1, "input-group", "p-0"], [3, "searchable", "clearable", "formControlName", "addTag", "bindLabel", "bindValue", "items", "loading", "required", "placeholder", 4, "ngIf"], ["data-test", "modalInput", "class", "form-control", 3, "formControlName", "placeholder", 4, "ngIf"], [3, "formControlName", "format", "placeholder", 4, "ngIf"], [3, "formControlName", 4, "ngIf"], [3, "controlName", "noIcon", "displayAsLabel"], ["class", "form-error-alert", 4, "ngIf"], [1, "label", "p-0", "d-flex", "align-items-center"], [3, "searchable", "clearable", "formControlName", "addTag", "bindLabel", "bindValue", "items", "loading", "required", "placeholder"], ["data-test", "modalInput", 1, "form-control", 3, "formControlName", "placeholder"], [3, "formControlName", "format", "placeholder"], [3, "formControlName"], [1, "form-error-alert"], ["drModalClose", "", "type", "button", "data-test", "modalCloseBtn", 3, "theme"], ["type", "submit", "data-test", "modalAddBtn", 3, "theme", "disabled", "isLoading"]], template: function DrConfirmModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
181
|
+
i0.ɵɵelementStart(0, "form", 0);
|
|
182
|
+
i0.ɵɵlistener("ngSubmit", function DrConfirmModalComponent_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
|
|
183
|
+
i0.ɵɵtemplate(1, DrConfirmModalComponent_dr_modal_title_1_Template, 2, 1, "dr-modal-title", 1);
|
|
184
|
+
i0.ɵɵelementStart(2, "dr-modal-body");
|
|
185
|
+
i0.ɵɵelement(3, "div", 2);
|
|
186
|
+
i0.ɵɵtemplate(4, DrConfirmModalComponent_div_4_Template, 2, 3, "div", 3);
|
|
187
|
+
i0.ɵɵelementEnd();
|
|
188
|
+
i0.ɵɵelementStart(5, "dr-modal-footer");
|
|
189
|
+
i0.ɵɵtemplate(6, DrConfirmModalComponent_dr_button_6_Template, 2, 2, "dr-button", 4);
|
|
190
|
+
i0.ɵɵtemplate(7, DrConfirmModalComponent_dr_button_7_Template, 2, 4, "dr-button", 5);
|
|
191
|
+
i0.ɵɵelementEnd()();
|
|
192
|
+
} if (rf & 2) {
|
|
193
|
+
i0.ɵɵproperty("formGroup", ctx.form)("withCloseBtn", ctx.data.withCloseBtn)("size", ctx.data.size)("maxHeight", ctx.data.maxHeight);
|
|
194
|
+
i0.ɵɵadvance(1);
|
|
195
|
+
i0.ɵɵproperty("ngIf", ctx.data.title);
|
|
196
|
+
i0.ɵɵadvance(2);
|
|
197
|
+
i0.ɵɵproperty("innerHTML", ctx.data.content, i0.ɵɵsanitizeHtml);
|
|
198
|
+
i0.ɵɵadvance(1);
|
|
199
|
+
i0.ɵɵproperty("ngIf", ctx.fields.length);
|
|
200
|
+
i0.ɵɵadvance(2);
|
|
201
|
+
i0.ɵɵproperty("ngIf", ctx.cancelBtn);
|
|
202
|
+
i0.ɵɵadvance(1);
|
|
203
|
+
i0.ɵɵproperty("ngIf", ctx.acceptBtn);
|
|
204
|
+
} }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.AsyncPipe, DrModalModule, i2.DrModalComponent, i3.DrModalTitleDirective, i3.DrModalBodyDirective, i3.DrModalFooterDirective, i4.DrModalCloseDirective, FormsModule, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.RequiredValidator, ReactiveFormsModule, i5.FormGroupDirective, i5.FormControlName, DrInputsModule, i6.DrButtonComponent, i7.CheckboxComponent, i8.DrInputComponent, i9.DrSelectComponent, i10.DrDatePickerComponent, DrErrorModule, i11.DrErrorComponent], styles: [".dr-smart-form[_ngcontent-%COMP%]{font-size:14px;font-weight:400;line-height:22px}.dr-smart-form[_ngcontent-%COMP%] dr-checkbox[_ngcontent-%COMP%]{font-weight:400}.form-error-alert[_ngcontent-%COMP%]{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}"], changeDetection: 0 }); }
|
|
205
|
+
}
|
|
206
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrConfirmModalComponent, [{
|
|
207
|
+
type: Component,
|
|
208
|
+
args: [{ standalone: true, selector: 'dr-confirm-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, DrModalModule, FormsModule, ReactiveFormsModule, DrInputsModule, DrErrorModule, DrButtonComponent], template: "<form\n dr-modal\n [formGroup]=\"form\"\n [withCloseBtn]=\"data.withCloseBtn\"\n [size]=\"data.size\"\n [maxHeight]=\"data.maxHeight\"\n (ngSubmit)=\"onSubmit()\">\n <dr-modal-title *ngIf=\"data.title\">{{ data.title }}</dr-modal-title>\n\n <dr-modal-body>\n <div [innerHTML]=\"data.content\"></div>\n\n <div *ngIf=\"fields.length\" class=\"dr-smart-form\" [class]=\"data.formWrapperClass ?? 'dr-smart-form_wrapper'\">\n <div\n *ngFor=\"let field of data.fields\"\n class=\"dr-smart-form_group\"\n [class]=\"field.fieldClass\"\n [style.display]=\"field.isLabelFullWidth ? 'block' : 'flex'\">\n <label\n *ngIf=\"field.label && field.type !== 'checkbox'\"\n class=\"label p-0 d-flex align-items-center\"\n [class]=\"field.isLabelFullWidth ? 'col-md-12 mb-2' : 'col-md-2'\"\n >{{ field.label }}</label\n >\n <div\n class=\"input-group p-0\"\n [class.col-md-10]=\"field.label && !field.isLabelFullWidth\"\n [class.col-md-12]=\"!field.label || field.isLabelFullWidth\">\n <dr-select\n *ngIf=\"field.type === 'select'\"\n [searchable]=\"field.searchable\"\n [clearable]=\"field.clearable\"\n [formControlName]=\"field.name\"\n [addTag]=\"field.addTag\"\n [bindLabel]=\"'label'\"\n [bindValue]=\"'value'\"\n [items]=\"field.items$ | async\"\n [loading]=\"selectLoadings[field.name]?.()\"\n [required]=\"!field.isOptional\"\n [placeholder]=\"field.placeholder\">\n </dr-select>\n\n <dr-input\n *ngIf=\"field.type === 'input'\"\n data-test=\"modalInput\"\n class=\"form-control\"\n [formControlName]=\"field.name\"\n [placeholder]=\"field.placeholder\"></dr-input>\n\n <dr-date-picker\n *ngIf=\"field.type === 'date_picker'\"\n [formControlName]=\"field.name\"\n [format]=\"field.datePickerFormat\"\n [placeholder]=\"field.placeholder\"></dr-date-picker>\n\n <dr-checkbox *ngIf=\"field.type === 'checkbox'\" [formControlName]=\"field.name\">\n {{ field.label }}\n </dr-checkbox>\n\n <dr-error [controlName]=\"field.name\" [noIcon]=\"true\" [displayAsLabel]=\"true\"></dr-error>\n\n <span *ngIf=\"data.errorMessage && !form.pristine && form.invalid\" class=\"form-error-alert\">\n {{ data.errorMessage }}\n </span>\n </div>\n </div>\n </div>\n </dr-modal-body>\n\n <dr-modal-footer>\n <dr-button *ngIf=\"cancelBtn\" drModalClose type=\"button\" [theme]=\"cancelBtn.theme\" data-test=\"modalCloseBtn\">\n {{ cancelBtn.label }}\n </dr-button>\n\n <dr-button\n *ngIf=\"acceptBtn\"\n type=\"submit\"\n [theme]=\"acceptBtn.theme\"\n [disabled]=\"form.invalid\"\n [isLoading]=\"isLoading()\"\n data-test=\"modalAddBtn\">\n {{ acceptBtn.label }}\n </dr-button>\n </dr-modal-footer>\n</form>\n", styles: [".dr-smart-form{font-size:14px;font-weight:400;line-height:22px}.dr-smart-form dr-checkbox{font-weight:400}.form-error-alert{position:absolute;margin-top:5px;font-size:12px;color:#bf1d30}\n"] }]
|
|
209
|
+
}], null, null); })();
|
|
210
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItY29uZmlybS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1tb2RhbC9jb21wb25lbnRzL2RyLWNvbmZpcm0tbW9kYWwvZHItY29uZmlybS1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1tb2RhbC9jb21wb25lbnRzL2RyLWNvbmZpcm0tbW9kYWwvZHItY29uZmlybS1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUYsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBRS9FLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUl6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0lDUHBELHNDQUFtQztJQUFBLFlBQWdCO0lBQUEsaUJBQWlCOzs7SUFBakMsZUFBZ0I7SUFB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bUdBQXZCLHVCQUF1QjtZQ3hCcEMsK0JBTTRCO1lBQXhCLHdHQUFZLGNBQVUsSUFBQztZQUN2Qiw4RkFBb0U7WUFFcEUscUNBQWU7WUFDWCx5QkFBc0M7WUFFdEMsd0VBc0RNO1lBQ1YsaUJBQWdCO1lBRWhCLHVDQUFpQjtZQUNiLG9GQUVZO1lBRVosb0ZBUVk7WUFDaEIsaUJBQWtCLEVBQUE7O1lBakZsQixvQ0FBa0IsdUNBQUEsdUJBQUEsaUNBQUE7WUFLRCxlQUFnQjtZQUFoQixxQ0FBZ0I7WUFHeEIsZUFBMEI7WUFBMUIsK0RBQTBCO1lBRXpCLGVBQW1CO1lBQW5CLHdDQUFtQjtZQTBEYixlQUFlO1lBQWYsb0NBQWU7WUFLdEIsZUFBZTtZQUFmLG9DQUFlOzRCRHJEZCxZQUFZLHFDQUFFLGFBQWEsK0hBQUUsV0FBVyx1RkFBRSxtQkFBbUIsNkNBQUUsY0FBYyxvSEFBRSxhQUFhOzt1RkFFN0YsdUJBQXVCO2NBUm5DLFNBQVM7NkJBQ00sSUFBSSxZQUNOLGtCQUFrQixtQkFHWCx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIFNpZ25hbCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBmaW5hbGl6ZSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHsgRHJNb2RhbE1vZHVsZSB9IGZyb20gJy4uLy4uL2RyLW1vZGFsLm1vZHVsZSc7XG5pbXBvcnQgeyBEckVycm9yTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vZHItZXJyb3IvZHItZXJyb3IubW9kdWxlJztcbmltcG9ydCB7IERySW5wdXRzTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vZHItaW5wdXRzL2RyLWlucHV0cy5tb2R1bGUnO1xuaW1wb3J0IHsgRHJCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9kci1pbnB1dHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBEck1vZGFsIH0gZnJvbSAnLi4vLi4vZHItbW9kYWwnO1xuaW1wb3J0IHsgRHJNb2RhbENvbmZpcm1EYXRhIH0gZnJvbSAnLi4vLi4vZHItbW9kYWwudHlwZXMnO1xuaW1wb3J0IHsgRHJNb2RhbEZvcm1GaWVsZCwgRHJNb2RhbEZvcm1SZXN1bHQsIERyTW9kYWxGb3JtU2VsZWN0IH0gZnJvbSAnLi4vLi4vZHItbW9kYWwtZm9ybS50eXBlcyc7XG5cbmltcG9ydCB7IHdpdGhSZXN1bHQgfSBmcm9tICcuLi8uLi8uLi91dGlscy9hc3luYy11dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdkci1jb25maXJtLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItY29uZmlybS1tb2RhbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHItY29uZmlybS1tb2RhbC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERyTW9kYWxNb2R1bGUsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlLCBEcklucHV0c01vZHVsZSwgRHJFcnJvck1vZHVsZSwgRHJCdXR0b25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBEckNvbmZpcm1Nb2RhbENvbXBvbmVudDxGaWVsZHMgZXh0ZW5kcyByZWFkb25seSBEck1vZGFsRm9ybUZpZWxkPGFueT5bXSA9IERyTW9kYWxGb3JtRmllbGRbXT4gZXh0ZW5kcyBEck1vZGFsPFxuICAgIERyTW9kYWxDb25maXJtRGF0YTxGaWVsZHM+LFxuICAgIGJvb2xlYW5cbj4ge1xuICAgIHB1YmxpYyByZWFkb25seSBjYW5jZWxCdG4gPSB0aGlzLmRhdGEuY2FuY2VsQnRuO1xuICAgIHB1YmxpYyByZWFkb25seSBhY2NlcHRCdG4gPSB0aGlzLmRhdGEuYWNjZXB0QnRuO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IGZpZWxkcyA9IHRoaXMuZGF0YS5maWVsZHMgPz8gKFtdIGFzIHVua25vd24gYXMgRmllbGRzKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgZm9ybSA9IG5ldyBGb3JtR3JvdXAoXG4gICAgICAgIHRoaXMuZmllbGRzLnJlZHVjZSgoYWNjLCBmaWVsZCkgPT4gdGhpcy5zZXRJdGVtQ29udHJvbChhY2MsIGZpZWxkKSwge30gYXMgUmVjb3JkPHN0cmluZywgRm9ybUNvbnRyb2w+KSxcbiAgICApO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IHNlbGVjdExvYWRpbmdzID0gdGhpcy5maWVsZHNcbiAgICAgICAgLmZpbHRlcigoZmllbGQpOiBmaWVsZCBpcyBEck1vZGFsRm9ybVNlbGVjdDx1bmtub3duPiA9PiBmaWVsZC50eXBlID09PSAnc2VsZWN0JylcbiAgICAgICAgLnJlZHVjZSgoYWNjLCBmaWVsZCkgPT4gdGhpcy5zZXRJdGVtU2VsZWN0TG9hZGluZyhhY2MsIGZpZWxkKSwge30gYXMgUmVjb3JkPHN0cmluZywgU2lnbmFsPGJvb2xlYW4+Pik7XG5cbiAgICBwdWJsaWMgcmVhZG9ubHkgaXNMb2FkaW5nID0gc2lnbmFsKGZhbHNlKTtcblxuICAgIHB1YmxpYyBhc3luYyBvblN1Ym1pdCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICAgICAgaWYgKHRoaXMuaXNMb2FkaW5nKCkpIHJldHVybjtcblxuICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXMuZm9ybS52YWx1ZSBhcyBEck1vZGFsRm9ybVJlc3VsdDxGaWVsZHM+O1xuXG4gICAgICAgIHRoaXMuZGF0YS5jb25maXJtRm4gJiYgdGhpcy5pc0xvYWRpbmcuc2V0KHRydWUpO1xuICAgICAgICBjb25zdCBbLCBlcnJvcl0gPSB0aGlzLmRhdGEuY29uZmlybUZuID8gYXdhaXQgd2l0aFJlc3VsdCh0aGlzLmRhdGEuY29uZmlybUZuKHZhbHVlKSkgOiBbdHJ1ZSwgbnVsbF07XG4gICAgICAgIHRoaXMuZGF0YS5jb25maXJtRm4gJiYgdGhpcy5pc0xvYWRpbmcuc2V0KGZhbHNlKTtcblxuICAgICAgICAhZXJyb3IgJiYgdGhpcy5tb2RhbFJlZi5jbG9zZSh0cnVlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEl0ZW1Db250cm9sKG1hcDogUmVjb3JkPHN0cmluZywgRm9ybUNvbnRyb2w8YW55Pj4sIGZpZWxkOiBEck1vZGFsRm9ybUZpZWxkKTogUmVjb3JkPHN0cmluZywgRm9ybUNvbnRyb2w8YW55Pj4ge1xuICAgICAgICBtYXBbZmllbGQubmFtZV0gPSBuZXcgRm9ybUNvbnRyb2woZmllbGQudmFsdWUsIHtcbiAgICAgICAgICAgIHZhbGlkYXRvcnM6IGZpZWxkLnZhbGlkYXRvcnMgPz8gW10sXG4gICAgICAgICAgICBhc3luY1ZhbGlkYXRvcnM6IGZpZWxkLmFzeW5jVmFsaWRhdG9ycyA/PyBbXSxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgcmV0dXJuIG1hcDtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldEl0ZW1TZWxlY3RMb2FkaW5nKFxuICAgICAgICBtYXA6IFJlY29yZDxzdHJpbmcsIFNpZ25hbDxib29sZWFuPj4sXG4gICAgICAgIGZpZWxkOiBEck1vZGFsRm9ybVNlbGVjdDx1bmtub3duPixcbiAgICApOiBSZWNvcmQ8c3RyaW5nLCBTaWduYWw8Ym9vbGVhbj4+IHtcbiAgICAgICAgY29uc3QgaXNMb2FkaW5nID0gc2lnbmFsKHRydWUpO1xuXG4gICAgICAgIG1hcFtmaWVsZC5uYW1lXSA9IGlzTG9hZGluZztcbiAgICAgICAgZmllbGQuaXRlbXMkID0gZmllbGQuaXRlbXMkLnBpcGUoZmluYWxpemUoKCkgPT4gaXNMb2FkaW5nLnNldChmYWxzZSkpKTtcblxuICAgICAgICByZXR1cm4gbWFwO1xuICAgIH1cbn1cbiIsIjxmb3JtXG4gICAgZHItbW9kYWxcbiAgICBbZm9ybUdyb3VwXT1cImZvcm1cIlxuICAgIFt3aXRoQ2xvc2VCdG5dPVwiZGF0YS53aXRoQ2xvc2VCdG5cIlxuICAgIFtzaXplXT1cImRhdGEuc2l6ZVwiXG4gICAgW21heEhlaWdodF09XCJkYXRhLm1heEhlaWdodFwiXG4gICAgKG5nU3VibWl0KT1cIm9uU3VibWl0KClcIj5cbiAgICA8ZHItbW9kYWwtdGl0bGUgKm5nSWY9XCJkYXRhLnRpdGxlXCI+e3sgZGF0YS50aXRsZSB9fTwvZHItbW9kYWwtdGl0bGU+XG5cbiAgICA8ZHItbW9kYWwtYm9keT5cbiAgICAgICAgPGRpdiBbaW5uZXJIVE1MXT1cImRhdGEuY29udGVudFwiPjwvZGl2PlxuXG4gICAgICAgIDxkaXYgKm5nSWY9XCJmaWVsZHMubGVuZ3RoXCIgY2xhc3M9XCJkci1zbWFydC1mb3JtXCIgW2NsYXNzXT1cImRhdGEuZm9ybVdyYXBwZXJDbGFzcyA/PyAnZHItc21hcnQtZm9ybV93cmFwcGVyJ1wiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBmaWVsZCBvZiBkYXRhLmZpZWxkc1wiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkci1zbWFydC1mb3JtX2dyb3VwXCJcbiAgICAgICAgICAgICAgICBbY2xhc3NdPVwiZmllbGQuZmllbGRDbGFzc1wiXG4gICAgICAgICAgICAgICAgW3N0eWxlLmRpc3BsYXldPVwiZmllbGQuaXNMYWJlbEZ1bGxXaWR0aCA/ICdibG9jaycgOiAnZmxleCdcIj5cbiAgICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJmaWVsZC5sYWJlbCAmJiBmaWVsZC50eXBlICE9PSAnY2hlY2tib3gnXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJsYWJlbCBwLTAgZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzc109XCJmaWVsZC5pc0xhYmVsRnVsbFdpZHRoID8gJ2NvbC1tZC0xMiBtYi0yJyA6ICdjb2wtbWQtMidcIlxuICAgICAgICAgICAgICAgICAgICA+e3sgZmllbGQubGFiZWwgfX08L2xhYmVsXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbnB1dC1ncm91cCBwLTBcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuY29sLW1kLTEwXT1cImZpZWxkLmxhYmVsICYmICFmaWVsZC5pc0xhYmVsRnVsbFdpZHRoXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmNvbC1tZC0xMl09XCIhZmllbGQubGFiZWwgfHwgZmllbGQuaXNMYWJlbEZ1bGxXaWR0aFwiPlxuICAgICAgICAgICAgICAgICAgICA8ZHItc2VsZWN0XG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImZpZWxkLnR5cGUgPT09ICdzZWxlY3QnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzZWFyY2hhYmxlXT1cImZpZWxkLnNlYXJjaGFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsZWFyYWJsZV09XCJmaWVsZC5jbGVhcmFibGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthZGRUYWddPVwiZmllbGQuYWRkVGFnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtiaW5kTGFiZWxdPVwiJ2xhYmVsJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBbYmluZFZhbHVlXT1cIid2YWx1ZSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cImZpZWxkLml0ZW1zJCB8IGFzeW5jXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtsb2FkaW5nXT1cInNlbGVjdExvYWRpbmdzW2ZpZWxkLm5hbWVdPy4oKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiIWZpZWxkLmlzT3B0aW9uYWxcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZpZWxkLnBsYWNlaG9sZGVyXCI+XG4gICAgICAgICAgICAgICAgICAgIDwvZHItc2VsZWN0PlxuXG4gICAgICAgICAgICAgICAgICAgIDxkci1pbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJmaWVsZC50eXBlID09PSAnaW5wdXQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdD1cIm1vZGFsSW5wdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJmaWVsZC5wbGFjZWhvbGRlclwiPjwvZHItaW5wdXQ+XG5cbiAgICAgICAgICAgICAgICAgICAgPGRyLWRhdGUtcGlja2VyXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImZpZWxkLnR5cGUgPT09ICdkYXRlX3BpY2tlcidcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtYXRdPVwiZmllbGQuZGF0ZVBpY2tlckZvcm1hdFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZmllbGQucGxhY2Vob2xkZXJcIj48L2RyLWRhdGUtcGlja2VyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxkci1jaGVja2JveCAqbmdJZj1cImZpZWxkLnR5cGUgPT09ICdjaGVja2JveCdcIiBbZm9ybUNvbnRyb2xOYW1lXT1cImZpZWxkLm5hbWVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGZpZWxkLmxhYmVsIH19XG4gICAgICAgICAgICAgICAgICAgIDwvZHItY2hlY2tib3g+XG5cbiAgICAgICAgICAgICAgICAgICAgPGRyLWVycm9yIFtjb250cm9sTmFtZV09XCJmaWVsZC5uYW1lXCIgW25vSWNvbl09XCJ0cnVlXCIgW2Rpc3BsYXlBc0xhYmVsXT1cInRydWVcIj48L2RyLWVycm9yPlxuXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZGF0YS5lcnJvck1lc3NhZ2UgJiYgIWZvcm0ucHJpc3RpbmUgJiYgZm9ybS5pbnZhbGlkXCIgY2xhc3M9XCJmb3JtLWVycm9yLWFsZXJ0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBkYXRhLmVycm9yTWVzc2FnZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kci1tb2RhbC1ib2R5PlxuXG4gICAgPGRyLW1vZGFsLWZvb3Rlcj5cbiAgICAgICAgPGRyLWJ1dHRvbiAqbmdJZj1cImNhbmNlbEJ0blwiIGRyTW9kYWxDbG9zZSB0eXBlPVwiYnV0dG9uXCIgW3RoZW1lXT1cImNhbmNlbEJ0bi50aGVtZVwiIGRhdGEtdGVzdD1cIm1vZGFsQ2xvc2VCdG5cIj5cbiAgICAgICAgICAgIHt7IGNhbmNlbEJ0bi5sYWJlbCB9fVxuICAgICAgICA8L2RyLWJ1dHRvbj5cblxuICAgICAgICA8ZHItYnV0dG9uXG4gICAgICAgICAgICAqbmdJZj1cImFjY2VwdEJ0blwiXG4gICAgICAgICAgICB0eXBlPVwic3VibWl0XCJcbiAgICAgICAgICAgIFt0aGVtZV09XCJhY2NlcHRCdG4udGhlbWVcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm0uaW52YWxpZFwiXG4gICAgICAgICAgICBbaXNMb2FkaW5nXT1cImlzTG9hZGluZygpXCJcbiAgICAgICAgICAgIGRhdGEtdGVzdD1cIm1vZGFsQWRkQnRuXCI+XG4gICAgICAgICAgICB7eyBhY2NlcHRCdG4ubGFiZWwgfX1cbiAgICAgICAgPC9kci1idXR0b24+XG4gICAgPC9kci1tb2RhbC1mb290ZXI+XG48L2Zvcm0+XG4iXX0=
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { booleanAttribute, ChangeDetectionStrategy, Component, ContentChild, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { DrModalHeaderDirective } from '../../dr-modal.slots';
|
|
4
|
+
import { DrModalCloseDirective } from '../../directives/dr-modal-close.directive';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
function DrModalComponent_ng_container_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
|
|
8
|
+
i0.ɵɵelementContainerStart(0);
|
|
9
|
+
i0.ɵɵelementStart(1, "button", 1);
|
|
10
|
+
i0.ɵɵelement(2, "i", 2);
|
|
11
|
+
i0.ɵɵelementEnd();
|
|
12
|
+
i0.ɵɵelementContainerEnd();
|
|
13
|
+
} }
|
|
14
|
+
function DrModalComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
15
|
+
i0.ɵɵelementContainerStart(0);
|
|
16
|
+
i0.ɵɵelementStart(1, "dr-modal-header");
|
|
17
|
+
i0.ɵɵprojection(2, 3);
|
|
18
|
+
i0.ɵɵprojection(3, 4);
|
|
19
|
+
i0.ɵɵtemplate(4, DrModalComponent_ng_container_1_ng_container_4_Template, 3, 0, "ng-container", 0);
|
|
20
|
+
i0.ɵɵelementEnd();
|
|
21
|
+
i0.ɵɵelementContainerEnd();
|
|
22
|
+
} if (rf & 2) {
|
|
23
|
+
const ctx_r0 = i0.ɵɵnextContext();
|
|
24
|
+
i0.ɵɵadvance(4);
|
|
25
|
+
i0.ɵɵproperty("ngIf", ctx_r0.withCloseBtn);
|
|
26
|
+
} }
|
|
27
|
+
const _c0 = [[["dr-modal-header"], ["", "dr-modal-header", ""], ["", "drModalHeader", ""]], [["dr-modal-body"], ["", "dr-modal-body", ""], ["", "drModalBody", ""]], [["dr-modal-footer"], ["", "dr-modal-footer", ""], ["", "drModalFooter", ""]], [["dr-modal-title"], ["", "dr-modal-title", ""], ["", "drModalTitle", ""]], [["dr-modal-subtitle"], ["", "dr-modal-subtitle", ""], ["", "drModalSubtitle", ""]]];
|
|
28
|
+
const _c1 = ["dr-modal-header, [dr-modal-header], [drModalHeader]", "dr-modal-body, [dr-modal-body], [drModalBody]", "dr-modal-footer, [dr-modal-footer], [drModalFooter]", "dr-modal-title, [dr-modal-title], [drModalTitle]", "dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]"];
|
|
29
|
+
export class DrModalComponent {
|
|
30
|
+
constructor() {
|
|
31
|
+
this.size = 'md'; // null for custom size
|
|
32
|
+
this.maxHeight = 'size';
|
|
33
|
+
this.withHeader = true;
|
|
34
|
+
this.withCloseBtn = true;
|
|
35
|
+
}
|
|
36
|
+
/** @nocollapse */ static { this.ɵfac = function DrModalComponent_Factory(t) { return new (t || DrModalComponent)(); }; }
|
|
37
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrModalComponent, selectors: [["dr-modal"], ["form", "dr-modal", ""]], contentQueries: function DrModalComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
38
|
+
i0.ɵɵcontentQuery(dirIndex, DrModalHeaderDirective, 5);
|
|
39
|
+
} if (rf & 2) {
|
|
40
|
+
let _t;
|
|
41
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customHeader = _t.first);
|
|
42
|
+
} }, hostAttrs: [1, "dr-modal"], hostVars: 4, hostBindings: function DrModalComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
43
|
+
i0.ɵɵclassMap(ctx.size);
|
|
44
|
+
i0.ɵɵclassProp("max-height", ctx.maxHeight === "max");
|
|
45
|
+
} }, inputs: { size: "size", maxHeight: "maxHeight", withHeader: ["withHeader", "withHeader", booleanAttribute], withCloseBtn: ["withCloseBtn", "withCloseBtn", booleanAttribute] }, standalone: true, features: [i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 4, vars: 1, consts: [[4, "ngIf"], ["aria-label", "Close modal", "drModalClose", "", "type", "button", "data-test", "xBtn", 1, "dr-modal-close-icon"], ["aria-hidden", "true", 1, "dr-icon-exit"]], template: function DrModalComponent_Template(rf, ctx) { if (rf & 1) {
|
|
46
|
+
i0.ɵɵprojectionDef(_c0);
|
|
47
|
+
i0.ɵɵprojection(0);
|
|
48
|
+
i0.ɵɵtemplate(1, DrModalComponent_ng_container_1_Template, 5, 1, "ng-container", 0);
|
|
49
|
+
i0.ɵɵprojection(2, 1);
|
|
50
|
+
i0.ɵɵprojection(3, 2);
|
|
51
|
+
} if (rf & 2) {
|
|
52
|
+
i0.ɵɵadvance(1);
|
|
53
|
+
i0.ɵɵproperty("ngIf", ctx.withHeader && !ctx.customHeader);
|
|
54
|
+
} }, dependencies: [CommonModule, i1.NgIf, DrModalHeaderDirective, DrModalCloseDirective], styles: ["[_nghost-%COMP%]{display:grid;grid-template-rows:auto 1fr auto;min-height:188px;font-family:Poppins,sans-serif;background:#fff;box-shadow:0 2px 36px #00000026;border-radius:12px}[_nghost-%COMP%] .dr-modal-header{position:relative;display:flex;flex-direction:column;min-height:56px;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}[_nghost-%COMP%] .dr-modal-close-icon{position:absolute;top:16px;right:32px;display:flex;padding:0;background:none;border:none;cursor:pointer;color:#6d6e6f;transition:opacity .1s ease-in-out}[_nghost-%COMP%] .dr-modal-close-icon:hover{opacity:.7}[_nghost-%COMP%] .dr-modal-title{font-size:16px;line-height:24px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:0;color:#333;font-weight:700}[_nghost-%COMP%] .dr-modal-title [class^=dr-icon]{font-size:32px;line-height:24px;color:#6d6e6f}[_nghost-%COMP%] .dr-modal-subtitle{font-size:14px;line-height:24px;font-weight:400;color:#333;margin:4px 0 0}[_nghost-%COMP%] .dr-modal-body{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}[_nghost-%COMP%] .dr-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:10px 32px 11px;border-top:1px solid #dfe0e3}.xs[_nghost-%COMP%]{width:min(400px,95vw);max-height:min(467px,85vh)}.sm[_nghost-%COMP%]{width:min(460px,95vw);max-height:min(345px,85vh)}.md[_nghost-%COMP%]{width:min(632px,95vw);max-height:min(467px,85vh)}.lg[_nghost-%COMP%]{width:min(750px,95vw);max-height:min(800px,85vh)}.xl[_nghost-%COMP%]{width:min(1100px,95vw);max-height:min(800px,85vh)}.max-height[_nghost-%COMP%]{max-height:85vh}"], changeDetection: 0 }); }
|
|
55
|
+
}
|
|
56
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalComponent, [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ standalone: true, selector: 'dr-modal, form[dr-modal]', host: { class: 'dr-modal', '[class]': 'size', '[class.max-height]': 'maxHeight === "max"' }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, DrModalHeaderDirective, DrModalCloseDirective], template: "<ng-content select=\"dr-modal-header, [dr-modal-header], [drModalHeader]\"></ng-content>\n\n<ng-container *ngIf=\"withHeader && !customHeader\">\n <dr-modal-header>\n <ng-content select=\"dr-modal-title, [dr-modal-title], [drModalTitle]\"></ng-content>\n <ng-content select=\"dr-modal-subtitle, [dr-modal-subtitle], [drModalSubtitle]\"></ng-content>\n\n <ng-container *ngIf=\"withCloseBtn\">\n <button class=\"dr-modal-close-icon\" aria-label=\"Close modal\" drModalClose type=\"button\" data-test=\"xBtn\">\n <i class=\"dr-icon-exit\" aria-hidden=\"true\"></i>\n </button>\n </ng-container>\n </dr-modal-header>\n</ng-container>\n\n<ng-content select=\"dr-modal-body, [dr-modal-body], [drModalBody]\"></ng-content>\n\n<ng-content select=\"dr-modal-footer, [dr-modal-footer], [drModalFooter]\"></ng-content>\n", styles: [":host{display:grid;grid-template-rows:auto 1fr auto;min-height:188px;font-family:Poppins,sans-serif;background:#fff;box-shadow:0 2px 36px #00000026;border-radius:12px}:host ::ng-deep .dr-modal-header{position:relative;display:flex;flex-direction:column;min-height:56px;padding:16px 56px 16px 32px;border-bottom:1px solid #dfe0e3}:host ::ng-deep .dr-modal-close-icon{position:absolute;top:16px;right:32px;display:flex;padding:0;background:none;border:none;cursor:pointer;color:#6d6e6f;transition:opacity .1s ease-in-out}:host ::ng-deep .dr-modal-close-icon:hover{opacity:.7}:host ::ng-deep .dr-modal-title{font-size:16px;line-height:24px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:0;margin-bottom:0;color:#333;font-weight:700}:host ::ng-deep .dr-modal-title [class^=dr-icon]{font-size:32px;line-height:24px;color:#6d6e6f}:host ::ng-deep .dr-modal-subtitle{font-size:14px;line-height:24px;font-weight:400;color:#333;margin:4px 0 0}:host ::ng-deep .dr-modal-body{font-weight:400;font-size:14px;padding:16px 32px 5px;white-space:pre-line;overflow:auto}:host ::ng-deep .dr-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:10px 32px 11px;border-top:1px solid #dfe0e3}:host.xs{width:min(400px,95vw);max-height:min(467px,85vh)}:host.sm{width:min(460px,95vw);max-height:min(345px,85vh)}:host.md{width:min(632px,95vw);max-height:min(467px,85vh)}:host.lg{width:min(750px,95vw);max-height:min(800px,85vh)}:host.xl{width:min(1100px,95vw);max-height:min(800px,85vh)}:host.max-height{max-height:85vh}\n"] }]
|
|
59
|
+
}], null, { size: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], maxHeight: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], withHeader: [{
|
|
64
|
+
type: Input,
|
|
65
|
+
args: [{ transform: booleanAttribute }]
|
|
66
|
+
}], withCloseBtn: [{
|
|
67
|
+
type: Input,
|
|
68
|
+
args: [{ transform: booleanAttribute }]
|
|
69
|
+
}], customHeader: [{
|
|
70
|
+
type: ContentChild,
|
|
71
|
+
args: [DrModalHeaderDirective]
|
|
72
|
+
}] }); })();
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItbW9kYWwvY29tcG9uZW50cy9kci1tb2RhbC9kci1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1tb2RhbC9jb21wb25lbnRzL2RyLW1vZGFsL2RyLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7Ozs7SUNHMUUsNkJBQW1DO0lBQy9CLGlDQUF5RztJQUNyRyx1QkFBK0M7SUFDbkQsaUJBQVM7SUFDYiwwQkFBZTs7O0lBVHZCLDZCQUFrRDtJQUM5Qyx1Q0FBaUI7SUFDYixxQkFBbUY7SUFDbkYscUJBQTRGO0lBRTVGLGtHQUllO0lBQ25CLGlCQUFrQjtJQUN0QiwwQkFBZTs7O0lBTlEsZUFBa0I7SUFBbEIsMENBQWtCOzs7O0FEVXpDLE1BQU0sT0FBTyxnQkFBZ0I7SUFUN0I7UUFVb0IsU0FBSSxHQUF1QixJQUFJLENBQUMsQ0FBQyx1QkFBdUI7UUFDeEQsY0FBUyxHQUFxQixNQUFNLENBQUM7UUFFTixlQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0tBR3RFO29HQVJZLGdCQUFnQjttR0FBaEIsZ0JBQWdCO3dDQU9YLHNCQUFzQjs7Ozs7OztzR0FIaEIsZ0JBQWdCLGtEQUNoQixnQkFBZ0I7O1lDdEJ4QyxrQkFBc0Y7WUFFdEYsbUZBV2U7WUFFZixxQkFBZ0Y7WUFFaEYscUJBQXNGOztZQWZ2RSxlQUFpQztZQUFqQywwREFBaUM7NEJEYWxDLFlBQVksV0FBRSxzQkFBc0IsRUFBRSxxQkFBcUI7O3VGQUU1RCxnQkFBZ0I7Y0FUNUIsU0FBUzs2QkFDTSxJQUFJLFlBQ04sMEJBQTBCLFFBRzlCLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixFQUFFLG1CQUMxRSx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsWUFBWSxFQUFFLHNCQUFzQixFQUFFLHFCQUFxQixDQUFDO2dCQUd0RCxJQUFJO2tCQUFuQixLQUFLO1lBQ1UsU0FBUztrQkFBeEIsS0FBSztZQUV5QyxVQUFVO2tCQUF4RCxLQUFLO21CQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO1lBQ1MsWUFBWTtrQkFBMUQsS0FBSzttQkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtZQUVnQixZQUFZO2tCQUFqRSxZQUFZO21CQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IERyTW9kYWxIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kci1tb2RhbC5zbG90cyc7XG5pbXBvcnQgeyBEck1vZGFsQ2xvc2VEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2RyLW1vZGFsLWNsb3NlLmRpcmVjdGl2ZSc7XG5cbmltcG9ydCB7IERyTW9kYWxNYXhIZWlnaHQsIERyTW9kYWxTaXplIH0gZnJvbSAnLi4vLi4vZHItbW9kYWwudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnZHItbW9kYWwsIGZvcm1bZHItbW9kYWxdJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHItbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RyLW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaG9zdDogeyBjbGFzczogJ2RyLW1vZGFsJywgJ1tjbGFzc10nOiAnc2l6ZScsICdbY2xhc3MubWF4LWhlaWdodF0nOiAnbWF4SGVpZ2h0ID09PSBcIm1heFwiJyB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIERyTW9kYWxIZWFkZXJEaXJlY3RpdmUsIERyTW9kYWxDbG9zZURpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIERyTW9kYWxDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzaXplOiBEck1vZGFsU2l6ZSB8IG51bGwgPSAnbWQnOyAvLyBudWxsIGZvciBjdXN0b20gc2l6ZVxuICAgIEBJbnB1dCgpIHB1YmxpYyBtYXhIZWlnaHQ6IERyTW9kYWxNYXhIZWlnaHQgPSAnc2l6ZSc7XG5cbiAgICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgcHVibGljIHdpdGhIZWFkZXIgPSB0cnVlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBwdWJsaWMgd2l0aENsb3NlQnRuID0gdHJ1ZTtcblxuICAgIEBDb250ZW50Q2hpbGQoRHJNb2RhbEhlYWRlckRpcmVjdGl2ZSkgcHVibGljIHJlYWRvbmx5IGN1c3RvbUhlYWRlcj86IERyTW9kYWxIZWFkZXJEaXJlY3RpdmU7XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJkci1tb2RhbC1oZWFkZXIsIFtkci1tb2RhbC1oZWFkZXJdLCBbZHJNb2RhbEhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJ3aXRoSGVhZGVyICYmICFjdXN0b21IZWFkZXJcIj5cbiAgICA8ZHItbW9kYWwtaGVhZGVyPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJkci1tb2RhbC10aXRsZSwgW2RyLW1vZGFsLXRpdGxlXSwgW2RyTW9kYWxUaXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImRyLW1vZGFsLXN1YnRpdGxlLCBbZHItbW9kYWwtc3VidGl0bGVdLCBbZHJNb2RhbFN1YnRpdGxlXVwiPjwvbmctY29udGVudD5cblxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwid2l0aENsb3NlQnRuXCI+XG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZHItbW9kYWwtY2xvc2UtaWNvblwiIGFyaWEtbGFiZWw9XCJDbG9zZSBtb2RhbFwiIGRyTW9kYWxDbG9zZSB0eXBlPVwiYnV0dG9uXCIgZGF0YS10ZXN0PVwieEJ0blwiPlxuICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZHItaWNvbi1leGl0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZHItbW9kYWwtaGVhZGVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250ZW50IHNlbGVjdD1cImRyLW1vZGFsLWJvZHksIFtkci1tb2RhbC1ib2R5XSwgW2RyTW9kYWxCb2R5XVwiPjwvbmctY29udGVudD5cblxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiZHItbW9kYWwtZm9vdGVyLCBbZHItbW9kYWwtZm9vdGVyXSwgW2RyTW9kYWxGb290ZXJdXCI+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, inject, signal, ANIMATION_MODULE_TYPE, computed, ElementRef } from '@angular/core';
|
|
2
|
+
import { CdkDialogContainer } from '@angular/cdk/dialog';
|
|
3
|
+
import { PortalModule } from '@angular/cdk/portal';
|
|
4
|
+
import { DrModalConfig } from '../../dr-modal-config';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/cdk/portal";
|
|
7
|
+
function DrModalContainerComponent_ng_template_0_Template(rf, ctx) { }
|
|
8
|
+
export class DrModalContainerComponent extends CdkDialogContainer {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
this.config = inject(DrModalConfig);
|
|
12
|
+
this.id = this.config.id;
|
|
13
|
+
this.animationNoop = inject(ANIMATION_MODULE_TYPE, { optional: true }) === 'NoopAnimations';
|
|
14
|
+
this.animationClasses = this.getAnimationClasses(this.config.animation);
|
|
15
|
+
this.animationDuration = this.getAnimationDuration(this.config.animation);
|
|
16
|
+
this.animationState = signal(null);
|
|
17
|
+
this.animationClass = computed(() => (this.animationState() ? this.animationClasses[this.animationState()] : ''));
|
|
18
|
+
this.animationTime = computed(() => this.animationNoop ? 0 : this.animationDuration[this.animationState() ?? 'enter']);
|
|
19
|
+
this.hasTitle = signal(false); // updated from title directive
|
|
20
|
+
this.hasSubtitle = signal(false); // updated from subtitle directive
|
|
21
|
+
this.elementRef = inject(ElementRef);
|
|
22
|
+
}
|
|
23
|
+
_contentAttached() {
|
|
24
|
+
// Set the anchor class immediately after creation so "enter" animation would be properly applied
|
|
25
|
+
this.elementRef.nativeElement.classList.add(this.animationClasses.anchor);
|
|
26
|
+
// Delegate to the original dialog-container initialization (i.e. saving the
|
|
27
|
+
// previous element, setting up the focus trap and moving focus to the container).
|
|
28
|
+
super._contentAttached();
|
|
29
|
+
this.animationState.set('enter'); // triggers open animation
|
|
30
|
+
// Wait for the opening animation to finish before trapping focus
|
|
31
|
+
setTimeout(() => this._trapFocus(), this.animationDuration.enter);
|
|
32
|
+
}
|
|
33
|
+
animateClose() {
|
|
34
|
+
this.animationState.set('leave');
|
|
35
|
+
// Claim focus from any clickable elements to avoid double submits on fast click/enter press
|
|
36
|
+
this.elementRef.nativeElement.focus();
|
|
37
|
+
}
|
|
38
|
+
getAnimationDuration(animation) {
|
|
39
|
+
const { enter = 150, leave = 150 } = animation?.duration ?? {};
|
|
40
|
+
return { enter, leave };
|
|
41
|
+
}
|
|
42
|
+
getAnimationClasses(animation) {
|
|
43
|
+
const { enter = 'mat-enter', leave = 'mat-leave', anchor = 'mat-anchor' } = animation?.class ?? {};
|
|
44
|
+
return { enter, leave, anchor };
|
|
45
|
+
}
|
|
46
|
+
/** @nocollapse */ static { this.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵDrModalContainerComponent_BaseFactory; return function DrModalContainerComponent_Factory(t) { return (ɵDrModalContainerComponent_BaseFactory || (ɵDrModalContainerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DrModalContainerComponent)))(t || DrModalContainerComponent); }; }(); }
|
|
47
|
+
/** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrModalContainerComponent, selectors: [["dr-modal-container"]], hostAttrs: [1, "dr-modal-container"], hostVars: 12, hostBindings: function DrModalContainerComponent_HostBindings(rf, ctx) { if (rf & 2) {
|
|
48
|
+
i0.ɵɵhostProperty("id", "modal-" + ctx.id);
|
|
49
|
+
i0.ɵɵattribute("tabindex", -1)("role", "dialog")("aria-modal", true)("aria-labelledby", ctx.hasTitle() ? "modal-" + ctx.id + "-title" : null)("aria-describedby", ctx.hasSubtitle() ? "modal-" + ctx.id + "-subtitle" : null);
|
|
50
|
+
i0.ɵɵclassMap(ctx.animationClass());
|
|
51
|
+
i0.ɵɵstyleProp("--dr-modal-animation-time", ctx.animationTime() + "ms");
|
|
52
|
+
i0.ɵɵclassProp("animation-noop", ctx.animationNoop);
|
|
53
|
+
} }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 1, vars: 0, consts: [["cdkPortalOutlet", ""]], template: function DrModalContainerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
54
|
+
i0.ɵɵtemplate(0, DrModalContainerComponent_ng_template_0_Template, 0, 0, "ng-template", 0);
|
|
55
|
+
} }, dependencies: [PortalModule, i1.CdkPortalOutlet], styles: ["[_nghost-%COMP%]{position:relative;display:grid;margin:auto;transition:all var(--dr-modal-animation-time, 0ms) ease-in-out}.animation-noop[_nghost-%COMP%]{transition:none!important}.animation-noop[_nghost-%COMP%] .dr-modal{transition:none!important}.mat-anchor[_nghost-%COMP%]{opacity:0}.mat-anchor[_nghost-%COMP%] .dr-modal{transform:scale(.8);transition:transform var(--dr-modal-animation-time, 0ms) cubic-bezier(0,0,.2,1)}.mat-anchor.mat-enter[_nghost-%COMP%]{opacity:1}.mat-anchor.mat-enter[_nghost-%COMP%] .dr-modal{transform:none}.mat-anchor.mat-leave[_nghost-%COMP%]{opacity:0}.mat-anchor.mat-leave[_nghost-%COMP%] .dr-modal{transform:none}"], changeDetection: 0 }); }
|
|
56
|
+
}
|
|
57
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalContainerComponent, [{
|
|
58
|
+
type: Component,
|
|
59
|
+
args: [{ standalone: true, selector: 'dr-modal-container', template: `<ng-template cdkPortalOutlet></ng-template>`, host: {
|
|
60
|
+
class: 'dr-modal-container',
|
|
61
|
+
'[class]': 'animationClass()',
|
|
62
|
+
'[class.animation-noop]': 'animationNoop',
|
|
63
|
+
'[style.--dr-modal-animation-time]': 'animationTime() + "ms"',
|
|
64
|
+
'[id]': '"modal-" + id',
|
|
65
|
+
'[attr.tabindex]': '-1',
|
|
66
|
+
'[attr.role]': '"dialog"',
|
|
67
|
+
'[attr.aria-modal]': 'true',
|
|
68
|
+
'[attr.aria-labelledby]': 'hasTitle() ? "modal-" + id + "-title" : null',
|
|
69
|
+
'[attr.aria-describedby]': 'hasSubtitle() ? "modal-" + id + "-subtitle" : null',
|
|
70
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PortalModule], styles: [":host{position:relative;display:grid;margin:auto;transition:all var(--dr-modal-animation-time, 0ms) ease-in-out}:host.animation-noop{transition:none!important}:host.animation-noop ::ng-deep .dr-modal{transition:none!important}:host.mat-anchor{opacity:0}:host.mat-anchor ::ng-deep .dr-modal{transform:scale(.8);transition:transform var(--dr-modal-animation-time, 0ms) cubic-bezier(0,0,.2,1)}:host.mat-anchor.mat-enter{opacity:1}:host.mat-anchor.mat-enter ::ng-deep .dr-modal{transform:none}:host.mat-anchor.mat-leave{opacity:0}:host.mat-anchor.mat-leave ::ng-deep .dr-modal{transform:none}\n"] }]
|
|
71
|
+
}], null, null); })();
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLW1vZGFsL2NvbXBvbmVudHMvZHItbW9kYWwtY29udGFpbmVyL2RyLW1vZGFsLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLHFCQUFxQixFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRW5ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQTRCdEQsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGtCQUFrQjtJQXhCakU7O1FBeUJvQixXQUFNLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQy9CLE9BQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztRQUVwQixrQkFBYSxHQUFHLE1BQU0sQ0FBQyxxQkFBcUIsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxLQUFLLGdCQUFnQixDQUFDO1FBRXRGLHFCQUFnQixHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ25FLHNCQUFpQixHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXRFLG1CQUFjLEdBQUcsTUFBTSxDQUErQixJQUFJLENBQUMsQ0FBQztRQUM1RCxtQkFBYyxHQUFHLFFB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dGVneSwgQ29tcG9uZW50LCBpbmplY3QsIHNpZ25hbCwgQU5JTUFUSU9OX01PRFVMRV9UWVBFLCBjb21wdXRlZCwgRWxlbWVudFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2RrRGlhbG9nQ29udGFpbmVyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5pbXBvcnQgeyBQb3J0YWxNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcblxuaW1wb3J0IHsgRHJNb2RhbENvbmZpZyB9IGZyb20gJy4uLy4uL2RyLW1vZGFsLWNvbmZpZyc7XG5cbmltcG9ydCB7IERyTW9kYWxBbmltYXRpb25TdGF0ZSwgRHJNb2RhbEFuaW1hdGlvbkNsYXNzZXMsIERyTW9kYWxBbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4uLy4uL2RyLW1vZGFsLnR5cGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ2RyLW1vZGFsLWNvbnRhaW5lcicsXG4gICAgdGVtcGxhdGU6IGA8bmctdGVtcGxhdGUgY2RrUG9ydGFsT3V0bGV0PjwvbmctdGVtcGxhdGU+YCxcbiAgICBzdHlsZVVybHM6IFsnLi9kci1tb2RhbC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAnZHItbW9kYWwtY29udGFpbmVyJyxcblxuICAgICAgICAnW2NsYXNzXSc6ICdhbmltYXRpb25DbGFzcygpJyxcbiAgICAgICAgJ1tjbGFzcy5hbmltYXRpb24tbm9vcF0nOiAnYW5pbWF0aW9uTm9vcCcsXG5cbiAgICAgICAgJ1tzdHlsZS4tLWRyLW1vZGFsLWFuaW1hdGlvbi10aW1lXSc6ICdhbmltYXRpb25UaW1lKCkgKyBcIm1zXCInLFxuXG4gICAgICAgICdbaWRdJzogJ1wibW9kYWwtXCIgKyBpZCcsXG4gICAgICAgICdbYXR0ci50YWJpbmRleF0nOiAnLTEnLFxuXG4gICAgICAgICdbYXR0ci5yb2xlXSc6ICdcImRpYWxvZ1wiJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtbW9kYWxdJzogJ3RydWUnLFxuICAgICAgICAnW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XSc6ICdoYXNUaXRsZSgpID8gXCJtb2RhbC1cIiArIGlkICsgXCItdGl0bGVcIiA6IG51bGwnLFxuICAgICAgICAnW2F0dHIuYXJpYS1kZXNjcmliZWRieV0nOiAnaGFzU3VidGl0bGUoKSA/IFwibW9kYWwtXCIgKyBpZCArIFwiLXN1YnRpdGxlXCIgOiBudWxsJyxcbiAgICB9LFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGltcG9ydHM6IFtQb3J0YWxNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBEck1vZGFsQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQ2RrRGlhbG9nQ29udGFpbmVyIHtcbiAgICBwdWJsaWMgcmVhZG9ubHkgY29uZmlnID0gaW5qZWN0KERyTW9kYWxDb25maWcpO1xuICAgIHB1YmxpYyByZWFkb25seSBpZCA9IHRoaXMuY29uZmlnLmlkO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IGFuaW1hdGlvbk5vb3AgPSBpbmplY3QoQU5JTUFUSU9OX01PRFVMRV9UWVBFLCB7IG9wdGlvbmFsOiB0cnVlIH0pID09PSAnTm9vcEFuaW1hdGlvbnMnO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBhbmltYXRpb25DbGFzc2VzID0gdGhpcy5nZXRBbmltYXRpb25DbGFzc2VzKHRoaXMuY29uZmlnLmFuaW1hdGlvbik7XG4gICAgcHJpdmF0ZSByZWFkb25seSBhbmltYXRpb25EdXJhdGlvbiA9IHRoaXMuZ2V0QW5pbWF0aW9uRHVyYXRpb24odGhpcy5jb25maWcuYW5pbWF0aW9uKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBhbmltYXRpb25TdGF0ZSA9IHNpZ25hbDxEck1vZGFsQW5pbWF0aW9uU3RhdGUgfCBudWxsPihudWxsKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgYW5pbWF0aW9uQ2xhc3MgPSBjb21wdXRlZCgoKSA9PiAodGhpcy5hbmltYXRpb25TdGF0ZSgpID8gdGhpcy5hbmltYXRpb25DbGFzc2VzW3RoaXMuYW5pbWF0aW9uU3RhdGUoKSFdIDogJycpKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgYW5pbWF0aW9uVGltZSA9IGNvbXB1dGVkKCgpID0+XG4gICAgICAgIHRoaXMuYW5pbWF0aW9uTm9vcCA/IDAgOiB0aGlzLmFuaW1hdGlvbkR1cmF0aW9uW3RoaXMuYW5pbWF0aW9uU3RhdGUoKSA/PyAnZW50ZXInXSxcbiAgICApO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IGhhc1RpdGxlID0gc2lnbmFsKGZhbHNlKTsgLy8gdXBkYXRlZCBmcm9tIHRpdGxlIGRpcmVjdGl2ZVxuICAgIHB1YmxpYyByZWFkb25seSBoYXNTdWJ0aXRsZSA9IHNpZ25hbChmYWxzZSk7IC8vIHVwZGF0ZWQgZnJvbSBzdWJ0aXRsZSBkaXJlY3RpdmVcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdDxFbGVtZW50UmVmPEhUTUxFbGVtZW50Pj4oRWxlbWVudFJlZik7XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgX2NvbnRlbnRBdHRhY2hlZCgpOiB2b2lkIHtcbiAgICAgICAgLy8gU2V0IHRoZSBhbmNob3IgY2xhc3MgaW1tZWRpYXRlbHkgYWZ0ZXIgY3JlYXRpb24gc28gXCJlbnRlclwiIGFuaW1hdGlvbiB3b3VsZCBiZSBwcm9wZXJseSBhcHBsaWVkXG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQodGhpcy5hbmltYXRpb25DbGFzc2VzLmFuY2hvcik7XG5cbiAgICAgICAgLy8gRGVsZWdhdGUgdG8gdGhlIG9yaWdpbmFsIGRpYWxvZy1jb250YWluZXIgaW5pdGlhbGl6YXRpb24gKGkuZS4gc2F2aW5nIHRoZVxuICAgICAgICAvLyBwcmV2aW91cyBlbGVtZW50LCBzZXR0aW5nIHVwIHRoZSBmb2N1cyB0cmFwIGFuZCBtb3ZpbmcgZm9jdXMgdG8gdGhlIGNvbnRhaW5lcikuXG4gICAgICAgIHN1cGVyLl9jb250ZW50QXR0YWNoZWQoKTtcblxuICAgICAgICB0aGlzLmFuaW1hdGlvblN0YXRlLnNldCgnZW50ZXInKTsgLy8gdHJpZ2dlcnMgb3BlbiBhbmltYXRpb25cblxuICAgICAgICAvLyBXYWl0IGZvciB0aGUgb3BlbmluZyBhbmltYXRpb24gdG8gZmluaXNoIGJlZm9yZSB0cmFwcGluZyBmb2N1c1xuICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuX3RyYXBGb2N1cygpLCB0aGlzLmFuaW1hdGlvbkR1cmF0aW9uLmVudGVyKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgYW5pbWF0ZUNsb3NlKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmFuaW1hdGlvblN0YXRlLnNldCgnbGVhdmUnKTtcblxuICAgICAgICAvLyBDbGFpbSBmb2N1cyBmcm9tIGFueSBjbGlja2FibGUgZWxlbWVudHMgdG8gYXZvaWQgZG91YmxlIHN1Ym1pdHMgb24gZmFzdCBjbGljay9lbnRlciBwcmVzc1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0QW5pbWF0aW9uRHVyYXRpb24oYW5pbWF0aW9uOiBEck1vZGFsQ29uZmlnWydhbmltYXRpb24nXSk6IERyTW9kYWxBbmltYXRpb25EdXJhdGlvbiB7XG4gICAgICAgIGNvbnN0IHsgZW50ZXIgPSAxNTAsIGxlYXZlID0gMTUwIH0gPSBhbmltYXRpb24/LmR1cmF0aW9uID8/IHt9O1xuXG4gICAgICAgIHJldHVybiB7IGVudGVyLCBsZWF2ZSB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0QW5pbWF0aW9uQ2xhc3NlcyhhbmltYXRpb246IERyTW9kYWxDb25maWdbJ2FuaW1hdGlvbiddKTogRHJNb2RhbEFuaW1hdGlvbkNsYXNzZXMge1xuICAgICAgICBjb25zdCB7IGVudGVyID0gJ21hdC1lbnRlcicsIGxlYXZlID0gJ21hdC1sZWF2ZScsIGFuY2hvciA9ICdtYXQtYW5jaG9yJyB9ID0gYW5pbWF0aW9uPy5jbGFzcyA/PyB7fTtcblxuICAgICAgICByZXR1cm4geyBlbnRlciwgbGVhdmUsIGFuY2hvciB9O1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Directive, ElementRef, inject, Input } from '@angular/core';
|
|
2
|
+
import { DrButtonComponent } from '../../dr-inputs/button/button.component';
|
|
3
|
+
import { DrModalRef } from '../dr-modal-ref';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class DrModalCloseDirective {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.modalRef = inject(DrModalRef);
|
|
8
|
+
/**
|
|
9
|
+
* By default, Angular would assign '' in <button drModalClose>, which is not ideal as we use null for backdrop click and ESC press
|
|
10
|
+
* To understand if drModalClose used without value (<button drModalClose>) we get its attribute.
|
|
11
|
+
* '' attribute means we used drModalClose without any value, null means we used [drModalClose]="''" with binding
|
|
12
|
+
*
|
|
13
|
+
* NOTE: @Attribute will not work as Angular always sets @Attribute null value if it matches any @Input
|
|
14
|
+
*/
|
|
15
|
+
this.resultAttr = inject(ElementRef).nativeElement.getAttribute('drModalClose');
|
|
16
|
+
const hostButton = inject(DrButtonComponent, { optional: true, self: true });
|
|
17
|
+
// Set closeModal as buttons if they have no result (<dr-button drModalClose>)
|
|
18
|
+
hostButton && this.resultAttr === '' && (hostButton.type = 'button');
|
|
19
|
+
}
|
|
20
|
+
onHostClick() {
|
|
21
|
+
this.modalRef.close(this.resultAttr === '' ? null : this.result);
|
|
22
|
+
}
|
|
23
|
+
/** @nocollapse */ static { this.ɵfac = function DrModalCloseDirective_Factory(t) { return new (t || DrModalCloseDirective)(); }; }
|
|
24
|
+
/** @nocollapse */ static { this.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: DrModalCloseDirective, selectors: [["", "drModalClose", ""]], hostBindings: function DrModalCloseDirective_HostBindings(rf, ctx) { if (rf & 1) {
|
|
25
|
+
i0.ɵɵlistener("click", function DrModalCloseDirective_click_HostBindingHandler() { return ctx.onHostClick(); });
|
|
26
|
+
} }, inputs: { result: ["drModalClose", "result"] }, standalone: true }); }
|
|
27
|
+
}
|
|
28
|
+
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrModalCloseDirective, [{
|
|
29
|
+
type: Directive,
|
|
30
|
+
args: [{
|
|
31
|
+
standalone: true,
|
|
32
|
+
selector: '[drModalClose]',
|
|
33
|
+
host: { '(click)': 'onHostClick()' },
|
|
34
|
+
}]
|
|
35
|
+
}], function () { return []; }, { result: [{
|
|
36
|
+
type: Input,
|
|
37
|
+
args: ['drModalClose']
|
|
38
|
+
}] }); })();
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtY2xvc2UuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItbW9kYWwvZGlyZWN0aXZlcy9kci1tb2RhbC1jbG9zZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUU1RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBTzdDLE1BQU0sT0FBTyxxQkFBcUI7SUFjOUI7UUFYaUIsYUFBUSxHQUFHLE1BQU0sQ0FBK0IsVUFBVSxDQUFDLENBQUM7UUFFN0U7Ozs7OztXQU1HO1FBQ2MsZUFBVSxHQUFHLE1BQU0sQ0FBMEIsVUFBVSxDQUFDLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUdqSCxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsaUJBQWlCLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRTdFLDhFQUE4RTtRQUM5RSxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQyxDQUFDO0lBQ3pFLENBQUM7SUFFTSxXQUFXO1FBQ2QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFVBQVUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUUsSUFBSSxDQUFDLE1BQWtCLENBQUMsQ0FBQztJQUNsRixDQUFDO3lHQXZCUSxxQkFBcUI7bUdBQXJCLHFCQUFxQjtzR0FBckIsaUJBQWE7Ozt1RkFBYixxQkFBcUI7Y0FMakMsU0FBUztlQUFDO2dCQUNQLFVBQVUsRUFBRSxJQUFJO2dCQUNoQixRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixJQUFJLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2FBQ3ZDO3NDQUVpQyxNQUFNO2tCQUFuQyxLQUFLO21CQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIGluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRHJCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9kci1pbnB1dHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuXG5pbXBvcnQgeyBEck1vZGFsUmVmIH0gZnJvbSAnLi4vZHItbW9kYWwtcmVmJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1tkck1vZGFsQ2xvc2VdJyxcbiAgICBob3N0OiB7ICcoY2xpY2spJzogJ29uSG9zdENsaWNrKCknIH0sXG59KVxuZXhwb3J0IGNsYXNzIERyTW9kYWxDbG9zZURpcmVjdGl2ZTxUUmVzdWx0ID0gdW5rbm93bj4ge1xuICAgIEBJbnB1dCgnZHJNb2RhbENsb3NlJykgcHVibGljIHJlc3VsdD86IFRSZXN1bHQgfCAnJzsgLy8gJycgZm9yIHVzYWdlIG9mIGRyTW9kYWxDbG9zZSB3aXRob3V0IGFueSByZXN1bHQgKDxidXR0b24gZHJNb2RhbENsb3NlPkNsb3NlPC9idXR0b24+KVxuXG4gICAgcHJpdmF0ZSByZWFkb25seSBtb2RhbFJlZiA9IGluamVjdDxEck1vZGFsUmVmPHVua25vd24sIFRSZXN1bHQ+PihEck1vZGFsUmVmKTtcblxuICAgIC8qKlxuICAgICAqIEJ5IGRlZmF1bHQsIEFuZ3VsYXIgd291bGQgYXNzaWduICcnIGluIDxidXR0b24gZHJNb2RhbENsb3NlPiwgd2hpY2ggaXMgbm90IGlkZWFsIGFzIHdlIHVzZSBudWxsIGZvciBiYWNrZHJvcCBjbGljayBhbmQgRVNDIHByZXNzXG4gICAgICogVG8gdW5kZXJzdGFuZCBpZiBkck1vZGFsQ2xvc2UgdXNlZCB3aXRob3V0IHZhbHVlICg8YnV0dG9uIGRyTW9kYWxDbG9zZT4pIHdlIGdldCBpdHMgYXR0cmlidXRlLlxuICAgICAqICcnIGF0dHJpYnV0ZSBtZWFucyB3ZSB1c2VkIGRyTW9kYWxDbG9zZSB3aXRob3V0IGFueSB2YWx1ZSwgbnVsbCBtZWFucyB3ZSB1c2VkIFtkck1vZGFsQ2xvc2VdPVwiJydcIiB3aXRoIGJpbmRpbmdcbiAgICAgKlxuICAgICAqIE5PVEU6IEBBdHRyaWJ1dGUgd2lsbCBub3Qgd29yayBhcyBBbmd1bGFyIGFsd2F5cyBzZXRzIEBBdHRyaWJ1dGUgbnVsbCB2YWx1ZSBpZiBpdCBtYXRjaGVzIGFueSBASW5wdXRcbiAgICAgKi9cbiAgICBwcml2YXRlIHJlYWRvbmx5IHJlc3VsdEF0dHIgPSBpbmplY3Q8RWxlbWVudFJlZjxIVE1MRWxlbWVudD4+KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnQuZ2V0QXR0cmlidXRlKCdkck1vZGFsQ2xvc2UnKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICBjb25zdCBob3N0QnV0dG9uID0gaW5qZWN0KERyQnV0dG9uQ29tcG9uZW50LCB7IG9wdGlvbmFsOiB0cnVlLCBzZWxmOiB0cnVlIH0pO1xuXG4gICAgICAgIC8vIFNldCBjbG9zZU1vZGFsIGFzIGJ1dHRvbnMgaWYgdGhleSBoYXZlIG5vIHJlc3VsdCAoPGRyLWJ1dHRvbiBkck1vZGFsQ2xvc2U+KVxuICAgICAgICBob3N0QnV0dG9uICYmIHRoaXMucmVzdWx0QXR0ciA9PT0gJycgJiYgKGhvc3RCdXR0b24udHlwZSA9ICdidXR0b24nKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25Ib3N0Q2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMubW9kYWxSZWYuY2xvc2UodGhpcy5yZXN1bHRBdHRyID09PSAnJyA/IG51bGwgOiAodGhpcy5yZXN1bHQgYXMgVFJlc3VsdCkpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export class DrModalConfig {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItbW9kYWwvZHItbW9kYWwtY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlBLE1BQU0sT0FBTyxhQUFhO0NBZXpCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRHJNb2RhbEFuaW1hdGlvbkNsYXNzZXMsIERyTW9kYWxBbmltYXRpb25EdXJhdGlvbiB9IGZyb20gJy4vZHItbW9kYWwudHlwZXMnO1xuXG5leHBvcnQgY2xhc3MgRHJNb2RhbENvbmZpZzxEYXRhID0gdW5rbm93bj4ge1xuICAgIC8qKiBVbmlxIGlkIHRvIHByZXZlbnQgb3BlbmluZyBtdWx0aXBsZSBtb2RhbHMgd2l0aCB0aGUgc2FtZSBpZCAqL1xuICAgIGlkPzogc3RyaW5nO1xuXG4gICAgLyoqIERhdGEgYmVpbmcgaW5qZWN0ZWQgaW50byB0aGUgY2hpbGQgY29tcG9uZW50ICovXG4gICAgZGF0YT86IERhdGE7XG5cbiAgICAvKiogRGlzYWJsZSBjbG9zaW5nIG1vZGFsIGJ5IGNsaWNraW5nIG9uIGJhY2tkcm9wIChbbW9kYWxDbG9zZV0gYW5kIG1vZGFsUmVmLmNsb3NlIHdpbGwgY2xvc2UgdGhlIG1vZGFsIGFzIHVzdWFsKSAqL1xuICAgIGRpc2FibGVDbG9zZT86IGJvb2xlYW47XG5cbiAgICAvKiogSW5qZWN0b3IgdXNlZCBmb3IgdGhlIGluc3RhbnRpYXRpb24gb2YgdGhlIGNvbXBvbmVudCB0byBiZSBhdHRhY2hlZCAqL1xuICAgIGluamVjdG9yPzogSW5qZWN0b3I7XG5cbiAgICAvKiogQ29uZmlnIGZvciBjdXN0b20gYW5pbWF0aW9ucyAqL1xuICAgIGFuaW1hdGlvbj86IHsgY2xhc3M/OiBEck1vZGFsQW5pbWF0aW9uQ2xhc3NlczsgZHVyYXRpb24/OiBEck1vZGFsQW5pbWF0aW9uRHVyYXRpb24gfTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { InjectionToken } from '@angular/core';
|
|
2
|
+
export const DR_MODAL_DEFAULT_CONFIG = new InjectionToken('DR_MODAL_DEFAULT_CONFIG', {
|
|
3
|
+
providedIn: 'root',
|
|
4
|
+
factory: () => ({
|
|
5
|
+
autoFocus: 'input, button[type="submit"], dr-modal-container',
|
|
6
|
+
hasBackdrop: true,
|
|
7
|
+
closeOnNavigation: false,
|
|
8
|
+
width: 'auto',
|
|
9
|
+
height: 'auto',
|
|
10
|
+
minHeight: 'auto',
|
|
11
|
+
backdropClass: 'cdk-overlay-dark-backdrop',
|
|
12
|
+
}),
|
|
13
|
+
});
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtY29uZmlnLnByb3ZpZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItbW9kYWwvZHItbW9kYWwtY29uZmlnLnByb3ZpZGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0MsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBQUcsSUFBSSxjQUFjLENBQWUseUJBQXlCLEVBQUU7SUFDL0YsVUFBVSxFQUFFLE1BQU07SUFDbEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUNWLENBQUM7UUFDRyxTQUFTLEVBQUUsa0RBQWtEO1FBQzdELFdBQVcsRUFBRSxJQUFJO1FBQ2pCLGlCQUFpQixFQUFFLEtBQUs7UUFDeEIsS0FBSyxFQUFFLE1BQU07UUFDYixNQUFNLEVBQUUsTUFBTTtRQUNkLFNBQVMsRUFBRSxNQUFNO1FBQ2pCLGFBQWEsRUFBRSwyQkFBMkI7S0FDN0MsQ0FBd0I7Q0FDaEMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ0NvbmZpZyB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuXG5leHBvcnQgY29uc3QgRFJfTU9EQUxfREVGQVVMVF9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48RGlhbG9nQ29uZmlnPignRFJfTU9EQUxfREVGQVVMVF9DT05GSUcnLCB7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxuICAgIGZhY3Rvcnk6ICgpID0+XG4gICAgICAgICh7XG4gICAgICAgICAgICBhdXRvRm9jdXM6ICdpbnB1dCwgYnV0dG9uW3R5cGU9XCJzdWJtaXRcIl0sIGRyLW1vZGFsLWNvbnRhaW5lcicsXG4gICAgICAgICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgICAgICAgIGNsb3NlT25OYXZpZ2F0aW9uOiBmYWxzZSxcbiAgICAgICAgICAgIHdpZHRoOiAnYXV0bycsXG4gICAgICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgICAgICAgIG1pbkhlaWdodDogJ2F1dG8nLFxuICAgICAgICAgICAgYmFja2Ryb3BDbGFzczogJ2Nkay1vdmVybGF5LWRhcmstYmFja2Ryb3AnLFxuICAgICAgICB9KSBzYXRpc2ZpZXMgRGlhbG9nQ29uZmlnLFxufSk7XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtZm9ybS50eXBlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLW1vZGFsL2RyLW1vZGFsLWZvcm0udHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE9ic2VydmFibGUsIG9mIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBc3luY1ZhbGlkYXRvckZuLCBWYWxpZGF0b3JGbiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRpbWVmcmFtZU9wdGlvbiB9IGZyb20gJy4uL21vZGVscy9kYXRlUGlja2VyJztcblxuZXhwb3J0IHR5cGUgRHJNb2RhbEZvcm1GaWVsZFR5cGUgPSAnaW5wdXQnIHwgJ3NlbGVjdCcgfCAnZGF0ZV9waWNrZXInIHwgJ2NoZWNrYm94JztcblxuZXhwb3J0IGludGVyZmFjZSBNb2RhbEZvcm1GaWVsZEJhc2U8VmFsdWUsIE5hbWUgZXh0ZW5kcyBzdHJpbmcgPSBzdHJpbmc+IHtcbiAgICBuYW1lOiBOYW1lO1xuICAgIHZhbHVlOiBWYWx1ZTsgLy8gcHJldmlvdXMgZGVmYXVsdFxuICAgIHR5cGU6IERyTW9kYWxGb3JtRmllbGRUeXBlO1xuXG4gICAgZmllbGRDbGFzcz86IHN0cmluZzsgLy8gcHJldmlvdXMgZm9ybUdyb3VwQ2xhc3NcbiAgICB2YWxpZGF0b3JzPzogVmFsaWRhdG9yRm4gfCBWYWxpZGF0b3JGbltdO1xuICAgIGFzeW5jVmFsaWRhdG9ycz86IEFzeW5jVmFsaWRhdG9yRm5bXTtcblxuICAgIGxhYmVsPzogc3RyaW5nO1xuICAgIGlzTGFiZWxGdWxsV2lkdGg/OiBib29sZWFuO1xuICAgIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIERyTW9kYWxGb3JtSW5wdXRGaWVsZDxOYW1lIGV4dGVuZHMgc3RyaW5nID0gc3RyaW5nPiBleHRlbmRzIE1vZGFsRm9ybUZpZWxkQmFzZTxzdHJpbmcsIE5hbWU+IHtcbiAgICB0eXBlOiAnaW5wdXQnO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIERyTW9kYWxGb3JtQ2hlY2tib3hGaWVsZDxOYW1lIGV4dGVuZHMgc3RyaW5nID0gc3RyaW5nPiBleHRlbmRzIE1vZGFsRm9ybUZpZWxkQmFzZTxib29sZWFuLCBOYW1lPiB7XG4gICAgdHlwZTogJ2NoZWNrYm94Jztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEck1vZGFsRm9ybURhdGVwaWNrZXJGaWVsZDxOYW1lIGV4dGVuZHMgc3RyaW5nID0gc3RyaW5nPiBleHRlbmRzIE1vZGFsRm9ybUZpZWxkQmFzZTxudW1iZXIsIE5hbWU+IHtcbiAgICB0eXBlOiAnZGF0ZV9waWNrZXInO1xuICAgIGRhdGVQaWNrZXJGb3JtYXQ/OiBUaW1lZnJhbWVPcHRpb247XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRHJNb2RhbEZvcm1TZWxlY3Q8VCwgTmFtZSBleHRlbmRzIHN0cmluZyA9IHN0cmluZz4gZXh0ZW5kcyBNb2RhbEZvcm1GaWVsZEJhc2U8VCwgTmFtZT4ge1xuICAgIHR5cGU6ICdzZWxlY3QnO1xuICAgIGl0ZW1zJDogT2JzZXJ2YWJsZTxyZWFkb25seSB7IGxhYmVsOiBzdHJpbmc7IHZhbHVlOiBUIH1bXT47XG5cbiAgICBhZGRUYWc/OiBib29sZWFuO1xuICAgIGNsZWFyYWJsZT86IGJvb2xlYW47XG4gICAgc2VhcmNoYWJsZT86IGJvb2xlYW47XG4gICAgaXNPcHRpb25hbD86IGJvb2xlYW47XG59XG5cbmV4cG9ydCB0eXBlIERyTW9kYWxGb3JtRmllbGQ8VCA9IHVua25vd24+ID1cbiAgICB8IERyTW9kYWxGb3JtSW5wdXRGaWVsZFxuICAgIHwgRHJNb2RhbEZvcm1DaGVja2JveEZpZWxkXG4gICAgfCBEck1vZGFsRm9ybURhdGVwaWNrZXJGaWVsZFxuICAgIHwgRHJNb2RhbEZvcm1TZWxlY3Q8VD47XG5cbmV4cG9ydCB0eXBlIERyTW9kYWxGb3JtUmVzdWx0PEZpZWxkcyBleHRlbmRzIHJlYWRvbmx5IERyTW9kYWxGb3JtRmllbGRbXT4gPSB7XG4gICAgW0sgaW4gRmllbGRzW251bWJlcl1bJ25hbWUnXV06IEV4dHJhY3Q8RmllbGRzW251bWJlcl0sIHsgbmFtZTogSyB9PlsndmFsdWUnXTtcbn07XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const modalFormInput = (config) => ({
|
|
2
|
+
...config,
|
|
3
|
+
type: 'input',
|
|
4
|
+
});
|
|
5
|
+
export const modalFormCheckbox = (config) => ({
|
|
6
|
+
...config,
|
|
7
|
+
type: 'checkbox',
|
|
8
|
+
});
|
|
9
|
+
export const modalFormDatepicker = (config) => ({
|
|
10
|
+
...config,
|
|
11
|
+
type: 'date_picker',
|
|
12
|
+
});
|
|
13
|
+
export const modalFormSelect = (config, items$) => ({
|
|
14
|
+
...config,
|
|
15
|
+
items$,
|
|
16
|
+
type: 'select',
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtZm9ybS51dGlscy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvbGliL2RyLW1vZGFsL2RyLW1vZGFsLWZvcm0udXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLENBQW1CLE1BQThDLEVBQTRCLEVBQUUsQ0FBQyxDQUFDO0lBQzNILEdBQUcsTUFBTTtJQUNULElBQUksRUFBRSxPQUFPO0NBQ2hCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQzdCLE1BQWlELEVBQ3RCLEVBQUUsQ0FBQyxDQUFDO0lBQy9CLEdBQUcsTUFBTTtJQUNULElBQUksRUFBRSxVQUFVO0NBQ25CLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLENBQy9CLE1BQW1ELEVBQ3RCLEVBQUUsQ0FBQyxDQUFDO0lBQ2pDLEdBQUcsTUFBTTtJQUNULElBQUksRUFBRSxhQUFhO0NBQ3RCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxDQUMzQixNQUF3RCxFQUN4RCxNQUEwRCxFQUNuQyxFQUFFLENBQUMsQ0FBQztJQUMzQixHQUFHLE1BQU07SUFFVCxNQUFNO0lBQ04sSUFBSSxFQUFFLFFBQVE7Q0FDakIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQge1xuICAgIERyTW9kYWxGb3JtQ2hlY2tib3hGaWVsZCxcbiAgICBEck1vZGFsRm9ybURhdGVwaWNrZXJGaWVsZCxcbiAgICBEck1vZGFsRm9ybUlucHV0RmllbGQsXG4gICAgRHJNb2RhbEZvcm1TZWxlY3QsXG59IGZyb20gJy4vZHItbW9kYWwtZm9ybS50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBtb2RhbEZvcm1JbnB1dCA9IDxOIGV4dGVuZHMgc3RyaW5nPihjb25maWc6IE9taXQ8RHJNb2RhbEZvcm1JbnB1dEZpZWxkPE4+LCAndHlwZSc+KTogRHJNb2RhbEZvcm1JbnB1dEZpZWxkPE4+ID0+ICh7XG4gICAgLi4uY29uZmlnLFxuICAgIHR5cGU6ICdpbnB1dCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IG1vZGFsRm9ybUNoZWNrYm94ID0gPE4gZXh0ZW5kcyBzdHJpbmc+KFxuICAgIGNvbmZpZzogT21pdDxEck1vZGFsRm9ybUNoZWNrYm94RmllbGQ8Tj4sICd0eXBlJz4sXG4pOiBEck1vZGFsRm9ybUNoZWNrYm94RmllbGQ8Tj4gPT4gKHtcbiAgICAuLi5jb25maWcsXG4gICAgdHlwZTogJ2NoZWNrYm94Jyxcbn0pO1xuXG5leHBvcnQgY29uc3QgbW9kYWxGb3JtRGF0ZXBpY2tlciA9IDxOIGV4dGVuZHMgc3RyaW5nPihcbiAgICBjb25maWc6IE9taXQ8RHJNb2RhbEZvcm1EYXRlcGlja2VyRmllbGQ8Tj4sICd0eXBlJz4sXG4pOiBEck1vZGFsRm9ybURhdGVwaWNrZXJGaWVsZDxOPiA9PiAoe1xuICAgIC4uLmNvbmZpZyxcbiAgICB0eXBlOiAnZGF0ZV9waWNrZXInLFxufSk7XG5cbmV4cG9ydCBjb25zdCBtb2RhbEZvcm1TZWxlY3QgPSA8VCwgTiBleHRlbmRzIHN0cmluZz4oXG4gICAgY29uZmlnOiBPbWl0PERyTW9kYWxGb3JtU2VsZWN0PFQsIE4+LCAndHlwZScgfCAnaXRlbXMkJz4sXG4gICAgaXRlbXMkOiBPYnNlcnZhYmxlPHJlYWRvbmx5IHsgbGFiZWw6IHN0cmluZzsgdmFsdWU6IFQgfVtdPixcbik6IERyTW9kYWxGb3JtU2VsZWN0PFQsIE4+ID0+ICh7XG4gICAgLi4uY29uZmlnLFxuXG4gICAgaXRlbXMkLFxuICAgIHR5cGU6ICdzZWxlY3QnLFxufSk7XG4iXX0=
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
|
|
2
|
+
import { merge } from 'rxjs';
|
|
3
|
+
import { filter } from 'rxjs/operators';
|
|
4
|
+
export class DrModalRef {
|
|
5
|
+
constructor(innerRef, config) {
|
|
6
|
+
this.innerRef = innerRef;
|
|
7
|
+
this.config = config;
|
|
8
|
+
this.id = this.innerRef.id;
|
|
9
|
+
this.ref = this.innerRef.componentInstance;
|
|
10
|
+
this.data = this.config.data;
|
|
11
|
+
this.afterClosed$ = this.innerRef.closed;
|
|
12
|
+
this.container = this.innerRef.containerInstance;
|
|
13
|
+
this.disableClose = this.config.disableClose;
|
|
14
|
+
this.isClosing = false;
|
|
15
|
+
const escapeKeydownEvents$ = this.innerRef.keydownEvents.pipe(filter((event) => event.keyCode === ESCAPE && !this.disableClose && !hasModifierKey(event)));
|
|
16
|
+
merge(this.innerRef.backdropClick, escapeKeydownEvents$).subscribe((event) => {
|
|
17
|
+
if (!this.disableClose) {
|
|
18
|
+
event.preventDefault();
|
|
19
|
+
this.close(null);
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
this.innerRef.overlayRef.detachments().subscribe(() => {
|
|
23
|
+
this.isClosing = true;
|
|
24
|
+
this.cdkClose(this.result);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
close(result) {
|
|
28
|
+
if (this.isClosing) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
this.result = result;
|
|
32
|
+
// init closing
|
|
33
|
+
this.isClosing = true;
|
|
34
|
+
this.innerRef.overlayRef.detachBackdrop(); // disable other backdrop clicks
|
|
35
|
+
this.container.animateClose();
|
|
36
|
+
setTimeout(() => this.cdkClose(result), this.container.animationTime());
|
|
37
|
+
}
|
|
38
|
+
cdkClose(result) {
|
|
39
|
+
this.innerRef.close(result);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwtcmVmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItbW9kYWwvZHItbW9kYWwtcmVmLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxNQUFNLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDL0QsT0FBTyxFQUFFLEtBQUssRUFBYyxNQUFNLE1BQU0sQ0FBQztBQUN6QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFNeEMsTUFBTSxPQUFPLFVBQVU7SUFhbkIsWUFDcUIsUUFBa0MsRUFDbkMsTUFBNEI7UUFEM0IsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFDbkMsV0FBTSxHQUFOLE1BQU0sQ0FBc0I7UUFkaEMsT0FBRSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDO1FBQ3RCLFFBQUcsR0FBUyxJQUFJLENBQUMsUUFBUSxDQUFDLGlCQUF5QixDQUFDO1FBQ3BELFNBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQWEsQ0FBQztRQUVqQyxpQkFBWSxHQUFvQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQztRQUNyRSxjQUFTLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxpQkFBOEMsQ0FBQztRQUVsRixpQkFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDO1FBR3ZDLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFNdEIsTUFBTSxvQkFBb0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQ3pELE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLE9BQU8sS0FBSyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQzlGLENBQUM7UUFFRixLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsb0JBQW9CLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUN6RSxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtnQkFDcEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ3BCO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ2xELElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLEtBQUssQ0FBQyxNQUFnQjtRQUN6QixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDaEIsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFFckIsZUFBZTtRQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxRQUFRLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUMsZ0NBQWdDO1FBRTNFLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFOUIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhLEVBQUUsQ0FBQyxDQUFDO0lBQzVFLENBQUM7SUFFTyxRQUFRLENBQUMsTUFBZ0I7UUFDN0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsTUFBaUIsQ0FBQyxDQUFDO0lBQzNDLENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgRVNDQVBFLCBoYXNNb2RpZmllcktleSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9rZXljb2Rlcyc7XG5pbXBvcnQgeyBtZXJnZSwgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmlsdGVyIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBEck1vZGFsQ29uZmlnIH0gZnJvbSAnLi9kci1tb2RhbC1jb25maWcnO1xuXG5pbXBvcnQgeyBEck1vZGFsQ29udGFpbmVyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RyLW1vZGFsLWNvbnRhaW5lci9kci1tb2RhbC1jb250YWluZXIuY29tcG9uZW50JztcblxuZXhwb3J0IGNsYXNzIERyTW9kYWxSZWY8VERhdGEgPSB1bmtub3duLCBUUmVzdWx0ID0gdW5rbm93biwgVFJlZiA9IHVua25vd24+IHtcbiAgICBwdWJsaWMgcmVhZG9ubHkgaWQgPSB0aGlzLmlubmVyUmVmLmlkO1xuICAgIHB1YmxpYyByZWFkb25seSByZWY6IFRSZWYgPSB0aGlzLmlubmVyUmVmLmNvbXBvbmVudEluc3RhbmNlIGFzIFRSZWY7XG4gICAgcHVibGljIHJlYWRvbmx5IGRhdGEgPSB0aGlzLmNvbmZpZy5kYXRhIGFzIFREYXRhO1xuXG4gICAgcHVibGljIHJlYWRvbmx5IGFmdGVyQ2xvc2VkJDogT2JzZXJ2YWJsZTxUUmVzdWx0IHwgdW5kZWZpbmVkPiA9IHRoaXMuaW5uZXJSZWYuY2xvc2VkO1xuICAgIHB1YmxpYyByZWFkb25seSBjb250YWluZXIgPSB0aGlzLmlubmVyUmVmLmNvbnRhaW5lckluc3RhbmNlIGFzIERyTW9kYWxDb250YWluZXJDb21wb25lbnQ7XG5cbiAgICBwdWJsaWMgZGlzYWJsZUNsb3NlID0gdGhpcy5jb25maWcuZGlzYWJsZUNsb3NlO1xuXG4gICAgcHJpdmF0ZSByZXN1bHQ/OiBUUmVzdWx0IHwgdW5kZWZpbmVkO1xuICAgIHByaXZhdGUgaXNDbG9zaW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBpbm5lclJlZjogRGlhbG9nUmVmPFRSZXN1bHQsIFRSZWY+LFxuICAgICAgICBwdWJsaWMgcmVhZG9ubHkgY29uZmlnOiBEck1vZGFsQ29uZmlnPFREYXRhPixcbiAgICApIHtcbiAgICAgICAgY29uc3QgZXNjYXBlS2V5ZG93bkV2ZW50cyQgPSB0aGlzLmlubmVyUmVmLmtleWRvd25FdmVudHMucGlwZShcbiAgICAgICAgICAgIGZpbHRlcigoZXZlbnQpID0+IGV2ZW50LmtleUNvZGUgPT09IEVTQ0FQRSAmJiAhdGhpcy5kaXNhYmxlQ2xvc2UgJiYgIWhhc01vZGlmaWVyS2V5KGV2ZW50KSksXG4gICAgICAgICk7XG5cbiAgICAgICAgbWVyZ2UodGhpcy5pbm5lclJlZi5iYWNrZHJvcENsaWNrLCBlc2NhcGVLZXlkb3duRXZlbnRzJCkuc3Vic2NyaWJlKChldmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVDbG9zZSkge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAgICAgdGhpcy5jbG9zZShudWxsKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5pbm5lclJlZi5vdmVybGF5UmVmLmRldGFjaG1lbnRzKCkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaXNDbG9zaW5nID0gdHJ1ZTtcbiAgICAgICAgICAgIHRoaXMuY2RrQ2xvc2UodGhpcy5yZXN1bHQpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2xvc2UocmVzdWx0PzogVFJlc3VsdCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pc0Nsb3NpbmcpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMucmVzdWx0ID0gcmVzdWx0O1xuXG4gICAgICAgIC8vIGluaXQgY2xvc2luZ1xuICAgICAgICB0aGlzLmlzQ2xvc2luZyA9IHRydWU7XG4gICAgICAgIHRoaXMuaW5uZXJSZWYub3ZlcmxheVJlZi5kZXRhY2hCYWNrZHJvcCgpOyAvLyBkaXNhYmxlIG90aGVyIGJhY2tkcm9wIGNsaWNrc1xuXG4gICAgICAgIHRoaXMuY29udGFpbmVyLmFuaW1hdGVDbG9zZSgpO1xuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5jZGtDbG9zZShyZXN1bHQpLCB0aGlzLmNvbnRhaW5lci5hbmltYXRpb25UaW1lKCkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2RrQ2xvc2UocmVzdWx0PzogVFJlc3VsdCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlubmVyUmVmLmNsb3NlKHJlc3VsdCBhcyBUUmVzdWx0KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { inject } from '@angular/core';
|
|
2
|
+
import { DrModalRef } from './dr-modal-ref';
|
|
3
|
+
export class DrModal {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.modalRef = inject(DrModalRef);
|
|
6
|
+
this.data = this.modalRef.data;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItbW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhcmFpbHNzaGFyZWQvc3JjL2xpYi9kci1tb2RhbC9kci1tb2RhbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU1QyxNQUFNLE9BQU8sT0FBTztJQUFwQjtRQUN1QixhQUFRLEdBQUcsTUFBTSxDQUEyQixVQUFVLENBQUMsQ0FBQztRQUN4RCxTQUFJLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7SUFDakQsQ0FBQztDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEck1vZGFsUmVmIH0gZnJvbSAnLi9kci1tb2RhbC1yZWYnO1xuXG5leHBvcnQgY2xhc3MgRHJNb2RhbDxEYXRhID0gdW5rbm93biwgUmVzdWx0ID0gdW5rbm93bj4ge1xuICAgIHByb3RlY3RlZCByZWFkb25seSBtb2RhbFJlZiA9IGluamVjdDxEck1vZGFsUmVmPERhdGEsIFJlc3VsdD4+KERyTW9kYWxSZWYpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBkYXRhID0gdGhpcy5tb2RhbFJlZi5kYXRhO1xufVxuIl19
|