mis-crystal-design-system 14.0.55 → 14.0.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dynamic-form/dynamic-form.component.d.ts +10 -2
  2. package/esm2020/dynamic-form/dynamic-form.component.mjs +471 -213
  3. package/esm2020/table/table.component.mjs +2 -2
  4. package/fesm2015/mis-crystal-design-system-dynamic-form.mjs +524 -212
  5. package/fesm2015/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
  6. package/fesm2015/mis-crystal-design-system-table.mjs +2 -2
  7. package/fesm2015/mis-crystal-design-system-table.mjs.map +1 -1
  8. package/fesm2020/mis-crystal-design-system-dynamic-form.mjs +470 -212
  9. package/fesm2020/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
  10. package/fesm2020/mis-crystal-design-system-table.mjs +2 -2
  11. package/fesm2020/mis-crystal-design-system-table.mjs.map +1 -1
  12. package/package.json +1 -1
package/fesm2015/mis-crystal-design-system-dynamic-form.mjs CHANGED
@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
3
3
  import * as i2 from '@angular/forms';
4
4
  import { UntypedFormArray, UntypedFormGroup, UntypedFormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
5
5
  import * as i0 from '@angular/core';
6
- import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
6
+ import { EventEmitter, Component, Input, Output, ContentChild, NgModule } from '@angular/core';
7
7
  import { OverlayModule } from '@angular/cdk/overlay';
8
8
  import { ScrollingModule } from '@angular/cdk-experimental/scrolling';
9
9
  import * as i3 from 'mis-crystal-design-system/dropdown';
@@ -16,7 +16,15 @@ import { MultiSelectDropdownModule } from 'mis-crystal-design-system/multi-selec
16
16
  import * as i6 from 'mis-crystal-design-system/datepicker_v2';
17
17
  import { DatepickerModuleV2 } from 'mis-crystal-design-system/datepicker_v2';
18
18
 
19
- const _c0 = function (a0, a1) { return { $implicit: a0, control: a1 }; };
19
+ const _c0 = ["customInputTextNumber"];
20
+ const _c1 = ["customInputTextarea"];
21
+ const _c2 = ["customInputDate"];
22
+ const _c3 = ["customBooleanToggle"];
23
+ const _c4 = ["customSingleSelectDropdown"];
24
+ const _c5 = ["customSingleSelectRadio"];
25
+ const _c6 = ["customMultiSelectCheckbox"];
26
+ const _c7 = ["customMultiSelectDropdown"];
27
+ const _c8 = function (a0, a1) { return { $implicit: a0, control: a1 }; };
20
28
  function DynamicFormComponent_ng_container_2_div_2_ng_container_1_Template(rf, ctx) {
21
29
  if (rf & 1) {
22
30
  i0.ɵɵelementContainerStart(0);
@@ -32,7 +40,7 @@ function DynamicFormComponent_ng_container_2_div_2_ng_container_1_Template(rf, c
32
40
  const ctx_r8 = i0.ɵɵnextContext();
33
41
  const _r1 = i0.ɵɵreference(4);
34
42
  i0.ɵɵadvance(1);
35
- i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c0, ctx_r8.findSelectedSubFieldConfig(ctx_r8.formFields[i_r6] == null ? null : ctx_r8.formFields[i_r6].subFields, fieldControl_r5.controls.value.value.value, j_r10), subFieldControl_r9));
43
+ i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c8, ctx_r8.findSelectedSubFieldConfig(ctx_r8.formFields[i_r6] == null ? null : ctx_r8.formFields[i_r6].subFields, fieldControl_r5.controls.value.value.value, j_r10), subFieldControl_r9));
36
44
  }
37
45
  }
38
46
  function DynamicFormComponent_ng_container_2_div_2_Template(rf, ctx) {
@@ -47,7 +55,7 @@ function DynamicFormComponent_ng_container_2_div_2_Template(rf, ctx) {
47
55
  i0.ɵɵproperty("ngForOf", fieldControl_r5.controls.subFields.controls);
48
56
  }
49
57
  }
50
- const _c1 = function (a0, a1, a2) { return { $implicit: a0, formGroup: a1, control: a2 }; };
58
+ const _c9 = function (a0, a1, a2) { return { $implicit: a0, formGroup: a1, control: a2 }; };
51
59
  function DynamicFormComponent_ng_container_2_Template(rf, ctx) {
52
60
  if (rf & 1) {
53
61
  i0.ɵɵelementContainerStart(0, 5);
@@ -62,164 +70,244 @@ function DynamicFormComponent_ng_container_2_Template(rf, ctx) {
62
70
  const _r1 = i0.ɵɵreference(4);
63
71
  i0.ɵɵproperty("formGroupName", i_r6);
64
72
  i0.ɵɵadvance(1);
65
- i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction3(4, _c1, ctx_r0.formFields[i_r6], fieldControl_r5, fieldControl_r5.controls.value));
73
+ i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction3(4, _c9, ctx_r0.formFields[i_r6], fieldControl_r5, fieldControl_r5.controls.value));
66
74
  i0.ɵɵadvance(1);
67
75
  i0.ɵɵproperty("ngIf", fieldControl_r5.value && (!!(ctx_r0.formFields[i_r6] == null ? null : ctx_r0.formFields[i_r6].subFields) && (ctx_r0.formFields[i_r6] == null ? null : ctx_r0.formFields[i_r6].subFields == null ? null : ctx_r0.formFields[i_r6].subFields.length) > 0 && ctx_r0.matchParentConfig(ctx_r0.formFields[i_r6] == null ? null : ctx_r0.formFields[i_r6].subFields, fieldControl_r5.controls.value.value.value)));
68
76
  }
69
77
  }
70
- function DynamicFormComponent_ng_template_3_div_0_span_3_Template(rf, ctx) {
78
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_ng_template_1_Template(rf, ctx) { }
79
+ const _c10 = function (a0, a1, a2) { return { field: a0, control: a1, formgroup: a2 }; };
80
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_Template(rf, ctx) {
81
+ if (rf & 1) {
82
+ i0.ɵɵelementContainerStart(0);
83
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
84
+ i0.ɵɵelementContainerEnd();
85
+ }
86
+ if (rf & 2) {
87
+ const ctx_r28 = i0.ɵɵnextContext(2);
88
+ const field_r13 = ctx_r28.$implicit;
89
+ const control_r14 = ctx_r28.control;
90
+ const formgroup_r15 = ctx_r28.formGroup;
91
+ const ctx_r24 = i0.ɵɵnextContext();
92
+ i0.ɵɵadvance(1);
93
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r24.customInputTextNumber)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
94
+ }
95
+ }
96
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_span_3_Template(rf, ctx) {
71
97
  if (rf & 1) {
72
98
  i0.ɵɵelementStart(0, "span");
73
99
  i0.ɵɵtext(1, " *");
74
100
  i0.ɵɵelementEnd();
75
101
  }
76
102
  }
77
- const _c2 = function (a0) { return { $implicit: a0 }; };
78
- function DynamicFormComponent_ng_template_3_div_0_ng_container_6_Template(rf, ctx) {
103
+ const _c11 = function (a0) { return { $implicit: a0 }; };
104
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_ng_container_6_Template(rf, ctx) {
79
105
  if (rf & 1) {
80
106
  i0.ɵɵelementContainer(0, 6);
81
107
  }
82
108
  if (rf & 2) {
83
- const control_r14 = i0.ɵɵnextContext(2).control;
109
+ const control_r14 = i0.ɵɵnextContext(3).control;
84
110
  i0.ɵɵnextContext();
85
111
  const _r3 = i0.ɵɵreference(6);
86
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
112
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
87
113
  }
88
114
  }
89
- const _c3 = function (a0) { return { "border-bottom": a0 }; };
90
- const _c4 = function (a0) { return { "border": a0 }; };
91
- function DynamicFormComponent_ng_template_3_div_0_Template(rf, ctx) {
115
+ const _c12 = function (a0) { return { "border-bottom": a0 }; };
116
+ const _c13 = function (a0) { return { "border": a0 }; };
117
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_Template(rf, ctx) {
92
118
  if (rf & 1) {
93
- const _r29 = i0.ɵɵgetCurrentView();
94
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
119
+ const _r34 = i0.ɵɵgetCurrentView();
120
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
95
121
  i0.ɵɵtext(2);
96
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_0_span_3_Template, 2, 0, "span", 14);
122
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_span_3_Template, 2, 0, "span", 10);
97
123
  i0.ɵɵelementEnd();
98
124
  i0.ɵɵelement(4, "div", 15);
99
125
  i0.ɵɵelementStart(5, "input", 16);
100
- i0.ɵɵlistener("ngModelChange", function DynamicFormComponent_ng_template_3_div_0_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(); const field_r13 = ctx_r28.$implicit; const formgroup_r15 = ctx_r28.formGroup; const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.updateSubDynamicFields(field_r13, formgroup_r15, $event)); });
126
+ i0.ɵɵlistener("ngModelChange", function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r33 = i0.ɵɵnextContext(2); const field_r13 = ctx_r33.$implicit; const formgroup_r15 = ctx_r33.formGroup; const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.updateSubDynamicFields(field_r13, formgroup_r15, $event)); });
101
127
  i0.ɵɵelementEnd();
102
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_0_ng_container_6_Template, 1, 4, "ng-container", 17);
128
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_ng_container_6_Template, 1, 4, "ng-container", 17);
103
129
  i0.ɵɵelementEnd();
104
130
  }
105
131
  if (rf & 2) {
106
- const ctx_r30 = i0.ɵɵnextContext();
107
- const formgroup_r15 = ctx_r30.formGroup;
108
- const field_r13 = ctx_r30.$implicit;
109
- const control_r14 = ctx_r30.control;
110
- const ctx_r16 = i0.ɵɵnextContext();
111
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r16.removeSepratorForSubFields ? "none" : ""));
132
+ const ctx_r35 = i0.ɵɵnextContext(2);
133
+ const formgroup_r15 = ctx_r35.formGroup;
134
+ const field_r13 = ctx_r35.$implicit;
135
+ const control_r14 = ctx_r35.control;
136
+ const ctx_r26 = i0.ɵɵnextContext();
137
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r26.removeSepratorForSubFields ? "none" : ""));
112
138
  i0.ɵɵadvance(2);
113
- i0.ɵɵtextInterpolate1(" ", field_r13.title, " ");
139
+ i0.ɵɵtextInterpolate1(" ", field_r13 == null ? null : field_r13.title, " ");
114
140
  i0.ɵɵadvance(1);
115
141
  i0.ɵɵproperty("ngIf", field_r13.validators && field_r13.validators.length > 0);
116
142
  i0.ɵɵadvance(2);
117
- i0.ɵɵproperty("type", field_r13.fieldInputType)("formControl", control_r14)("ngStyle", i0.ɵɵpureFunction1(11, _c4, control_r14.touched && control_r14.errors ? "1px solid #B00020" : ""))("placeholder", field_r13.placeholderText ? field_r13.placeholderText : "Input Text")("min", field_r13.fieldInputType === "number" ? 0 : "");
143
+ i0.ɵɵproperty("type", field_r13.fieldInputType)("formControl", control_r14)("ngStyle", i0.ɵɵpureFunction1(11, _c13, control_r14.touched && control_r14.errors ? "1px solid #B00020" : ""))("placeholder", field_r13.placeholderText ? field_r13.placeholderText : "Input Text")("min", field_r13.fieldInputType === "number" ? 0 : "");
118
144
  i0.ɵɵadvance(1);
119
145
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
120
146
  }
121
147
  }
122
- function DynamicFormComponent_ng_template_3_div_1_span_3_Template(rf, ctx) {
148
+ function DynamicFormComponent_ng_template_3_ng_container_0_Template(rf, ctx) {
149
+ if (rf & 1) {
150
+ i0.ɵɵelementContainerStart(0);
151
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_Template, 2, 6, "ng-container", 11);
152
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_Template, 7, 13, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
153
+ i0.ɵɵelementContainerEnd();
154
+ }
155
+ if (rf & 2) {
156
+ const _r25 = i0.ɵɵreference(3);
157
+ const ctx_r16 = i0.ɵɵnextContext(2);
158
+ i0.ɵɵadvance(1);
159
+ i0.ɵɵproperty("ngIf", ctx_r16.customInputTextNumber)("ngIfElse", _r25);
160
+ }
161
+ }
162
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_ng_template_1_Template(rf, ctx) { }
163
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_Template(rf, ctx) {
164
+ if (rf & 1) {
165
+ i0.ɵɵelementContainerStart(0);
166
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
167
+ i0.ɵɵelementContainerEnd();
168
+ }
169
+ if (rf & 2) {
170
+ const ctx_r40 = i0.ɵɵnextContext(2);
171
+ const field_r13 = ctx_r40.$implicit;
172
+ const control_r14 = ctx_r40.control;
173
+ const formgroup_r15 = ctx_r40.formGroup;
174
+ const ctx_r36 = i0.ɵɵnextContext();
175
+ i0.ɵɵadvance(1);
176
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r36.customInputTextarea)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
177
+ }
178
+ }
179
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_span_3_Template(rf, ctx) {
123
180
  if (rf & 1) {
124
181
  i0.ɵɵelementStart(0, "span");
125
182
  i0.ɵɵtext(1, " *");
126
183
  i0.ɵɵelementEnd();
127
184
  }
128
185
  }
129
- function DynamicFormComponent_ng_template_3_div_1_ng_container_6_Template(rf, ctx) {
186
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_ng_container_6_Template(rf, ctx) {
130
187
  if (rf & 1) {
131
188
  i0.ɵɵelementContainer(0, 6);
132
189
  }
133
190
  if (rf & 2) {
134
- const control_r14 = i0.ɵɵnextContext(2).control;
191
+ const control_r14 = i0.ɵɵnextContext(3).control;
135
192
  i0.ɵɵnextContext();
136
193
  const _r3 = i0.ɵɵreference(6);
137
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
194
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
138
195
  }
139
196
  }
140
- function DynamicFormComponent_ng_template_3_div_1_Template(rf, ctx) {
197
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_Template(rf, ctx) {
141
198
  if (rf & 1) {
142
- const _r36 = i0.ɵɵgetCurrentView();
143
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
199
+ const _r46 = i0.ɵɵgetCurrentView();
200
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
144
201
  i0.ɵɵtext(2);
145
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_1_span_3_Template, 2, 0, "span", 14);
202
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_span_3_Template, 2, 0, "span", 10);
146
203
  i0.ɵɵelementEnd();
147
204
  i0.ɵɵelement(4, "div", 15);
148
- i0.ɵɵelementStart(5, "textarea", 18);
149
- i0.ɵɵlistener("ngModelChange", function DynamicFormComponent_ng_template_3_div_1_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(); const field_r13 = ctx_r35.$implicit; const formgroup_r15 = ctx_r35.formGroup; const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.updateSubDynamicFields(field_r13, formgroup_r15, $event)); });
205
+ i0.ɵɵelementStart(5, "textarea", 19);
206
+ i0.ɵɵlistener("ngModelChange", function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r46); const ctx_r45 = i0.ɵɵnextContext(2); const field_r13 = ctx_r45.$implicit; const formgroup_r15 = ctx_r45.formGroup; const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.updateSubDynamicFields(field_r13, formgroup_r15, $event)); });
150
207
  i0.ɵɵelementEnd();
151
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_1_ng_container_6_Template, 1, 4, "ng-container", 17);
208
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_ng_container_6_Template, 1, 4, "ng-container", 17);
152
209
  i0.ɵɵelementEnd();
153
210
  }
154
211
  if (rf & 2) {
155
- const ctx_r37 = i0.ɵɵnextContext();
156
- const formgroup_r15 = ctx_r37.formGroup;
157
- const field_r13 = ctx_r37.$implicit;
158
- const control_r14 = ctx_r37.control;
159
- const ctx_r17 = i0.ɵɵnextContext();
160
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(7, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r17.removeSepratorForSubFields ? "none" : ""));
212
+ const ctx_r47 = i0.ɵɵnextContext(2);
213
+ const formgroup_r15 = ctx_r47.formGroup;
214
+ const field_r13 = ctx_r47.$implicit;
215
+ const control_r14 = ctx_r47.control;
216
+ const ctx_r38 = i0.ɵɵnextContext();
217
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(7, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r38.removeSepratorForSubFields ? "none" : ""));
161
218
  i0.ɵɵadvance(2);
162
219
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
163
220
  i0.ɵɵadvance(1);
164
221
  i0.ɵɵproperty("ngIf", field_r13.validators && field_r13.validators.length > 0);
165
222
  i0.ɵɵadvance(2);
166
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c4, control_r14.touched && control_r14.errors ? "1px solid #B00020" : ""))("placeholder", field_r13.placeholderText ? field_r13.placeholderText : "Input Text")("formControl", control_r14);
223
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c13, control_r14.touched && control_r14.errors ? "1px solid #B00020" : ""))("placeholder", field_r13.placeholderText ? field_r13.placeholderText : "Input Text")("formControl", control_r14);
167
224
  i0.ɵɵadvance(1);
168
225
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
169
226
  }
170
227
  }
171
- function DynamicFormComponent_ng_template_3_div_2_span_3_Template(rf, ctx) {
228
+ function DynamicFormComponent_ng_template_3_ng_container_1_Template(rf, ctx) {
229
+ if (rf & 1) {
230
+ i0.ɵɵelementContainerStart(0);
231
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_Template, 2, 6, "ng-container", 11);
232
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_Template, 7, 11, "ng-template", null, 18, i0.ɵɵtemplateRefExtractor);
233
+ i0.ɵɵelementContainerEnd();
234
+ }
235
+ if (rf & 2) {
236
+ const _r37 = i0.ɵɵreference(3);
237
+ const ctx_r17 = i0.ɵɵnextContext(2);
238
+ i0.ɵɵadvance(1);
239
+ i0.ɵɵproperty("ngIf", ctx_r17.customInputTextarea)("ngIfElse", _r37);
240
+ }
241
+ }
242
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_ng_template_1_Template(rf, ctx) { }
243
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_Template(rf, ctx) {
244
+ if (rf & 1) {
245
+ i0.ɵɵelementContainerStart(0);
246
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
247
+ i0.ɵɵelementContainerEnd();
248
+ }
249
+ if (rf & 2) {
250
+ const ctx_r52 = i0.ɵɵnextContext(2);
251
+ const field_r13 = ctx_r52.$implicit;
252
+ const control_r14 = ctx_r52.control;
253
+ const formgroup_r15 = ctx_r52.formGroup;
254
+ const ctx_r48 = i0.ɵɵnextContext();
255
+ i0.ɵɵadvance(1);
256
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r48.customInputDate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
257
+ }
258
+ }
259
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_span_3_Template(rf, ctx) {
172
260
  if (rf & 1) {
173
261
  i0.ɵɵelementStart(0, "span");
174
262
  i0.ɵɵtext(1, " *");
175
263
  i0.ɵɵelementEnd();
176
264
  }
177
265
  }
178
- function DynamicFormComponent_ng_template_3_div_2_img_7_Template(rf, ctx) {
266
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_img_7_Template(rf, ctx) {
179
267
  if (rf & 1) {
180
- const _r43 = i0.ɵɵgetCurrentView();
181
- i0.ɵɵelementStart(0, "img", 25);
182
- i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_div_2_img_7_Template_img_click_0_listener() { i0.ɵɵrestoreView(_r43); i0.ɵɵnextContext(); const _r39 = i0.ɵɵreference(6); return i0.ɵɵresetView(_r39.click()); });
268
+ const _r59 = i0.ɵɵgetCurrentView();
269
+ i0.ɵɵelementStart(0, "img", 28);
270
+ i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_img_7_Template_img_click_0_listener() { i0.ɵɵrestoreView(_r59); i0.ɵɵnextContext(); const _r55 = i0.ɵɵreference(6); return i0.ɵɵresetView(_r55.click()); });
183
271
  i0.ɵɵelementEnd();
184
272
  }
185
273
  if (rf & 2) {
186
- const ctx_r40 = i0.ɵɵnextContext(3);
187
- i0.ɵɵproperty("src", ctx_r40.calendarIconUrl, i0.ɵɵsanitizeUrl);
274
+ const ctx_r56 = i0.ɵɵnextContext(5);
275
+ i0.ɵɵproperty("src", ctx_r56.calendarIconUrl, i0.ɵɵsanitizeUrl);
188
276
  }
189
277
  }
190
- function DynamicFormComponent_ng_template_3_div_2_ng_container_8_Template(rf, ctx) {
278
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_ng_container_8_Template(rf, ctx) {
191
279
  if (rf & 1) {
192
280
  i0.ɵɵelementContainer(0, 6);
193
281
  }
194
282
  if (rf & 2) {
195
- const control_r14 = i0.ɵɵnextContext(2).control;
283
+ const control_r14 = i0.ɵɵnextContext(4).control;
196
284
  i0.ɵɵnextContext();
197
285
  const _r3 = i0.ɵɵreference(6);
198
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
286
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
199
287
  }
200
288
  }
201
- function DynamicFormComponent_ng_template_3_div_2_Template(rf, ctx) {
289
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_Template(rf, ctx) {
202
290
  if (rf & 1) {
203
- const _r47 = i0.ɵɵgetCurrentView();
204
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
291
+ const _r63 = i0.ɵɵgetCurrentView();
292
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
205
293
  i0.ɵɵtext(2);
206
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_2_span_3_Template, 2, 0, "span", 14);
294
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_span_3_Template, 2, 0, "span", 10);
207
295
  i0.ɵɵelementEnd();
208
- i0.ɵɵelementStart(4, "div", 21)(5, "input", 22, 23);
209
- i0.ɵɵlistener("dateChange", function DynamicFormComponent_ng_template_3_div_2_Template_input_dateChange_5_listener($event) { i0.ɵɵrestoreView(_r47); const control_r14 = i0.ɵɵnextContext().control; return i0.ɵɵresetView(control_r14.setValue($event)); });
296
+ i0.ɵɵelementStart(4, "div", 24)(5, "input", 25, 26);
297
+ i0.ɵɵlistener("dateChange", function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_Template_input_dateChange_5_listener($event) { i0.ɵɵrestoreView(_r63); const control_r14 = i0.ɵɵnextContext(3).control; return i0.ɵɵresetView(control_r14.setValue($event)); });
210
298
  i0.ɵɵelementEnd();
211
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_2_img_7_Template, 1, 1, "img", 24);
299
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_img_7_Template, 1, 1, "img", 27);
212
300
  i0.ɵɵelementEnd();
213
- i0.ɵɵtemplate(8, DynamicFormComponent_ng_template_3_div_2_ng_container_8_Template, 1, 4, "ng-container", 17);
301
+ i0.ɵɵtemplate(8, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_ng_container_8_Template, 1, 4, "ng-container", 17);
214
302
  i0.ɵɵelementEnd();
215
303
  }
216
304
  if (rf & 2) {
217
- const ctx_r48 = i0.ɵɵnextContext();
218
- const formgroup_r15 = ctx_r48.formGroup;
219
- const field_r13 = ctx_r48.$implicit;
220
- const control_r14 = ctx_r48.control;
221
- const ctx_r18 = i0.ɵɵnextContext();
222
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r18.removeSepratorForSubFields ? "none" : ""));
305
+ const ctx_r64 = i0.ɵɵnextContext(3);
306
+ const formgroup_r15 = ctx_r64.formGroup;
307
+ const field_r13 = ctx_r64.$implicit;
308
+ const control_r14 = ctx_r64.control;
309
+ const ctx_r53 = i0.ɵɵnextContext();
310
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r53.removeSepratorForSubFields ? "none" : ""));
223
311
  i0.ɵɵadvance(2);
224
312
  i0.ɵɵtextInterpolate1(" ", field_r13.title, " ");
225
313
  i0.ɵɵadvance(1);
@@ -227,49 +315,89 @@ function DynamicFormComponent_ng_template_3_div_2_Template(rf, ctx) {
227
315
  i0.ɵɵadvance(2);
228
316
  i0.ɵɵproperty("dpConfig", field_r13.fieldConfig)("selectedDate", control_r14.value)("offsetY", 0)("value", control_r14.value);
229
317
  i0.ɵɵadvance(2);
230
- i0.ɵɵproperty("ngIf", ctx_r18.calendarIconUrl);
318
+ i0.ɵɵproperty("ngIf", ctx_r53.calendarIconUrl);
231
319
  i0.ɵɵadvance(1);
232
320
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
233
321
  }
234
322
  }
235
- function DynamicFormComponent_ng_template_3_div_3_span_3_Template(rf, ctx) {
323
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_Template(rf, ctx) {
324
+ if (rf & 1) {
325
+ i0.ɵɵtemplate(0, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_Template, 9, 11, "div", 21);
326
+ }
327
+ if (rf & 2) {
328
+ const field_r13 = i0.ɵɵnextContext(2).$implicit;
329
+ i0.ɵɵproperty("ngIf", field_r13.fieldType === "input" && field_r13.fieldInputType === "date");
330
+ }
331
+ }
332
+ function DynamicFormComponent_ng_template_3_ng_container_2_Template(rf, ctx) {
333
+ if (rf & 1) {
334
+ i0.ɵɵelementContainerStart(0);
335
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_Template, 2, 6, "ng-container", 11);
336
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_Template, 1, 1, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor);
337
+ i0.ɵɵelementContainerEnd();
338
+ }
339
+ if (rf & 2) {
340
+ const _r49 = i0.ɵɵreference(3);
341
+ const ctx_r18 = i0.ɵɵnextContext(2);
342
+ i0.ɵɵadvance(1);
343
+ i0.ɵɵproperty("ngIf", ctx_r18.customInputDate)("ngIfElse", _r49);
344
+ }
345
+ }
346
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_ng_template_1_Template(rf, ctx) { }
347
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_Template(rf, ctx) {
348
+ if (rf & 1) {
349
+ i0.ɵɵelementContainerStart(0);
350
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
351
+ i0.ɵɵelementContainerEnd();
352
+ }
353
+ if (rf & 2) {
354
+ const ctx_r70 = i0.ɵɵnextContext(2);
355
+ const field_r13 = ctx_r70.$implicit;
356
+ const control_r14 = ctx_r70.control;
357
+ const formgroup_r15 = ctx_r70.formGroup;
358
+ const ctx_r66 = i0.ɵɵnextContext();
359
+ i0.ɵɵadvance(1);
360
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r66.customBooleanToggle)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
361
+ }
362
+ }
363
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_span_3_Template(rf, ctx) {
236
364
  if (rf & 1) {
237
365
  i0.ɵɵelementStart(0, "span");
238
366
  i0.ɵɵtext(1, " *");
239
367
  i0.ɵɵelementEnd();
240
368
  }
241
369
  }
242
- function DynamicFormComponent_ng_template_3_div_3_ng_container_5_Template(rf, ctx) {
370
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_ng_container_5_Template(rf, ctx) {
243
371
  if (rf & 1) {
244
372
  i0.ɵɵelementContainer(0, 6);
245
373
  }
246
374
  if (rf & 2) {
247
- const control_r14 = i0.ɵɵnextContext(2).control;
375
+ const control_r14 = i0.ɵɵnextContext(3).control;
248
376
  i0.ɵɵnextContext();
249
377
  const _r3 = i0.ɵɵreference(6);
250
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
378
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
251
379
  }
252
380
  }
253
- function DynamicFormComponent_ng_template_3_div_3_Template(rf, ctx) {
381
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_Template(rf, ctx) {
254
382
  if (rf & 1) {
255
- const _r54 = i0.ɵɵgetCurrentView();
256
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
383
+ const _r76 = i0.ɵɵgetCurrentView();
384
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
257
385
  i0.ɵɵtext(2);
258
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_3_span_3_Template, 2, 0, "span", 14);
386
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_span_3_Template, 2, 0, "span", 10);
259
387
  i0.ɵɵelementEnd();
260
- i0.ɵɵelementStart(4, "mis-switch", 26);
261
- i0.ɵɵlistener("valueChanged", function DynamicFormComponent_ng_template_3_div_3_Template_mis_switch_valueChanged_4_listener($event) { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(); const field_r13 = ctx_r53.$implicit; const formgroup_r15 = ctx_r53.formGroup; const ctx_r52 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r52.updateSubDynamicFields(field_r13, formgroup_r15, $event)); });
388
+ i0.ɵɵelementStart(4, "mis-switch", 30);
389
+ i0.ɵɵlistener("valueChanged", function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_Template_mis_switch_valueChanged_4_listener($event) { i0.ɵɵrestoreView(_r76); const ctx_r75 = i0.ɵɵnextContext(2); const field_r13 = ctx_r75.$implicit; const formgroup_r15 = ctx_r75.formGroup; const ctx_r74 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r74.updateSubDynamicFields(field_r13, formgroup_r15, $event)); });
262
390
  i0.ɵɵelementEnd();
263
- i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_div_3_ng_container_5_Template, 1, 4, "ng-container", 17);
391
+ i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_ng_container_5_Template, 1, 4, "ng-container", 17);
264
392
  i0.ɵɵelementEnd();
265
393
  }
266
394
  if (rf & 2) {
267
- const ctx_r55 = i0.ɵɵnextContext();
268
- const formgroup_r15 = ctx_r55.formGroup;
269
- const field_r13 = ctx_r55.$implicit;
270
- const control_r14 = ctx_r55.control;
271
- const ctx_r19 = i0.ɵɵnextContext();
272
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r19.removeSepratorForSubFields ? "none" : ""));
395
+ const ctx_r77 = i0.ɵɵnextContext(2);
396
+ const formgroup_r15 = ctx_r77.formGroup;
397
+ const field_r13 = ctx_r77.$implicit;
398
+ const control_r14 = ctx_r77.control;
399
+ const ctx_r68 = i0.ɵɵnextContext();
400
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r68.removeSepratorForSubFields ? "none" : ""));
273
401
  i0.ɵɵadvance(2);
274
402
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
275
403
  i0.ɵɵadvance(1);
@@ -280,142 +408,204 @@ function DynamicFormComponent_ng_template_3_div_3_Template(rf, ctx) {
280
408
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
281
409
  }
282
410
  }
283
- function DynamicFormComponent_ng_template_3_div_4_span_3_Template(rf, ctx) {
411
+ function DynamicFormComponent_ng_template_3_ng_container_3_Template(rf, ctx) {
412
+ if (rf & 1) {
413
+ i0.ɵɵelementContainerStart(0);
414
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_Template, 2, 6, "ng-container", 11);
415
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_Template, 6, 7, "ng-template", null, 29, i0.ɵɵtemplateRefExtractor);
416
+ i0.ɵɵelementContainerEnd();
417
+ }
418
+ if (rf & 2) {
419
+ const _r67 = i0.ɵɵreference(3);
420
+ const ctx_r19 = i0.ɵɵnextContext(2);
421
+ i0.ɵɵadvance(1);
422
+ i0.ɵɵproperty("ngIf", ctx_r19.customBooleanToggle)("ngIfElse", _r67);
423
+ }
424
+ }
425
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_ng_template_1_Template(rf, ctx) { }
426
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_Template(rf, ctx) {
427
+ if (rf & 1) {
428
+ i0.ɵɵelementContainerStart(0);
429
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
430
+ i0.ɵɵelementContainerEnd();
431
+ }
432
+ if (rf & 2) {
433
+ const ctx_r82 = i0.ɵɵnextContext(2);
434
+ const field_r13 = ctx_r82.$implicit;
435
+ const control_r14 = ctx_r82.control;
436
+ const formgroup_r15 = ctx_r82.formGroup;
437
+ const ctx_r78 = i0.ɵɵnextContext();
438
+ i0.ɵɵadvance(1);
439
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r78.customSingleSelectDropdown)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
440
+ }
441
+ }
442
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_span_3_Template(rf, ctx) {
284
443
  if (rf & 1) {
285
444
  i0.ɵɵelementStart(0, "span");
286
445
  i0.ɵɵtext(1, " *");
287
446
  i0.ɵɵelementEnd();
288
447
  }
289
448
  }
290
- function DynamicFormComponent_ng_template_3_div_4_img_6_Template(rf, ctx) {
449
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_img_6_Template(rf, ctx) {
291
450
  if (rf & 1) {
292
- const _r61 = i0.ɵɵgetCurrentView();
293
- i0.ɵɵelementStart(0, "img", 30);
294
- i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_div_4_img_6_Template_img_click_0_listener() { i0.ɵɵrestoreView(_r61); const field_r13 = i0.ɵɵnextContext(2).$implicit; const ctx_r59 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r59.fieldRemoved.emit(field_r13)); });
451
+ const _r88 = i0.ɵɵgetCurrentView();
452
+ i0.ɵɵelementStart(0, "img", 35);
453
+ i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_img_6_Template_img_click_0_listener() { i0.ɵɵrestoreView(_r88); const field_r13 = i0.ɵɵnextContext(3).$implicit; const ctx_r86 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r86.fieldRemoved.emit(field_r13)); });
295
454
  i0.ɵɵelementEnd();
296
455
  }
297
456
  if (rf & 2) {
298
- const ctx_r57 = i0.ɵɵnextContext(3);
299
- i0.ɵɵproperty("src", ctx_r57.removeIconUrl, i0.ɵɵsanitizeUrl);
457
+ const ctx_r84 = i0.ɵɵnextContext(4);
458
+ i0.ɵɵproperty("src", ctx_r84.removeIconUrl, i0.ɵɵsanitizeUrl);
300
459
  }
301
460
  }
302
- function DynamicFormComponent_ng_template_3_div_4_ng_container_7_Template(rf, ctx) {
461
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_ng_container_7_Template(rf, ctx) {
303
462
  if (rf & 1) {
304
463
  i0.ɵɵelementContainer(0, 6);
305
464
  }
306
465
  if (rf & 2) {
307
- const control_r14 = i0.ɵɵnextContext(2).control;
466
+ const control_r14 = i0.ɵɵnextContext(3).control;
308
467
  i0.ɵɵnextContext();
309
468
  const _r3 = i0.ɵɵreference(6);
310
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
469
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
311
470
  }
312
471
  }
313
- const _c5 = function (a0) { return { "removeable-container": a0 }; };
314
- function DynamicFormComponent_ng_template_3_div_4_Template(rf, ctx) {
472
+ const _c14 = function (a0) { return { "removeable-container": a0 }; };
473
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_Template(rf, ctx) {
315
474
  if (rf & 1) {
316
- const _r65 = i0.ɵɵgetCurrentView();
317
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
475
+ const _r92 = i0.ɵɵgetCurrentView();
476
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
318
477
  i0.ɵɵtext(2);
319
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_4_span_3_Template, 2, 0, "span", 14);
478
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_span_3_Template, 2, 0, "span", 10);
320
479
  i0.ɵɵelementEnd();
321
- i0.ɵɵelementStart(4, "div", 27)(5, "mis-dropdown", 28);
322
- i0.ɵɵlistener("onChange", function DynamicFormComponent_ng_template_3_div_4_Template_mis_dropdown_onChange_5_listener($event) { i0.ɵɵrestoreView(_r65); const ctx_r64 = i0.ɵɵnextContext(); const field_r13 = ctx_r64.$implicit; const control_r14 = ctx_r64.control; const formgroup_r15 = ctx_r64.formGroup; const ctx_r63 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r63.updateSelectedValueForSingleSelect(field_r13, control_r14, formgroup_r15, $event)); });
480
+ i0.ɵɵelementStart(4, "div", 32)(5, "mis-dropdown", 33);
481
+ i0.ɵɵlistener("onChange", function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_Template_mis_dropdown_onChange_5_listener($event) { i0.ɵɵrestoreView(_r92); const ctx_r91 = i0.ɵɵnextContext(2); const field_r13 = ctx_r91.$implicit; const control_r14 = ctx_r91.control; const formgroup_r15 = ctx_r91.formGroup; const ctx_r90 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r90.updateSelectedValueForSingleSelect(field_r13, control_r14, formgroup_r15, $event)); });
323
482
  i0.ɵɵelementEnd();
324
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_4_img_6_Template, 1, 1, "img", 29);
483
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_img_6_Template, 1, 1, "img", 34);
325
484
  i0.ɵɵelementEnd();
326
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_4_ng_container_7_Template, 1, 4, "ng-container", 17);
485
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_ng_container_7_Template, 1, 4, "ng-container", 17);
327
486
  i0.ɵɵelementEnd();
328
487
  }
329
488
  if (rf & 2) {
330
- const ctx_r66 = i0.ɵɵnextContext();
331
- const formgroup_r15 = ctx_r66.formGroup;
332
- const field_r13 = ctx_r66.$implicit;
333
- const control_r14 = ctx_r66.control;
334
- const ctx_r20 = i0.ɵɵnextContext();
335
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r20.removeSepratorForSubFields ? "none" : ""));
489
+ const ctx_r93 = i0.ɵɵnextContext(2);
490
+ const formgroup_r15 = ctx_r93.formGroup;
491
+ const field_r13 = ctx_r93.$implicit;
492
+ const control_r14 = ctx_r93.control;
493
+ const ctx_r80 = i0.ɵɵnextContext();
494
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(10, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r80.removeSepratorForSubFields ? "none" : ""));
336
495
  i0.ɵɵadvance(2);
337
496
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
338
497
  i0.ɵɵadvance(1);
339
498
  i0.ɵɵproperty("ngIf", field_r13.validators && field_r13.validators.length > 0);
340
499
  i0.ɵɵadvance(1);
341
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c5, field_r13 == null ? null : field_r13.isRemoveable));
500
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c14, field_r13 == null ? null : field_r13.isRemoveable));
342
501
  i0.ɵɵadvance(1);
343
502
  i0.ɵɵproperty("searchEnabled", false)("width", "140px")("data", field_r13.itemsList)("selectedItem", control_r14.value);
344
503
  i0.ɵɵadvance(1);
345
- i0.ɵɵproperty("ngIf", field_r13.isRemoveable && ctx_r20.removeIconUrl);
504
+ i0.ɵɵproperty("ngIf", field_r13.isRemoveable && ctx_r80.removeIconUrl);
346
505
  i0.ɵɵadvance(1);
347
506
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
348
507
  }
349
508
  }
350
- function DynamicFormComponent_ng_template_3_div_5_span_3_Template(rf, ctx) {
509
+ function DynamicFormComponent_ng_template_3_ng_container_4_Template(rf, ctx) {
510
+ if (rf & 1) {
511
+ i0.ɵɵelementContainerStart(0);
512
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_Template, 2, 6, "ng-container", 11);
513
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_Template, 8, 14, "ng-template", null, 31, i0.ɵɵtemplateRefExtractor);
514
+ i0.ɵɵelementContainerEnd();
515
+ }
516
+ if (rf & 2) {
517
+ const _r79 = i0.ɵɵreference(3);
518
+ const ctx_r20 = i0.ɵɵnextContext(2);
519
+ i0.ɵɵadvance(1);
520
+ i0.ɵɵproperty("ngIf", ctx_r20.customSingleSelectDropdown)("ngIfElse", _r79);
521
+ }
522
+ }
523
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_ng_template_1_Template(rf, ctx) { }
524
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_Template(rf, ctx) {
525
+ if (rf & 1) {
526
+ i0.ɵɵelementContainerStart(0);
527
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
528
+ i0.ɵɵelementContainerEnd();
529
+ }
530
+ if (rf & 2) {
531
+ const ctx_r98 = i0.ɵɵnextContext(2);
532
+ const field_r13 = ctx_r98.$implicit;
533
+ const control_r14 = ctx_r98.control;
534
+ const formgroup_r15 = ctx_r98.formGroup;
535
+ const ctx_r94 = i0.ɵɵnextContext();
536
+ i0.ɵɵadvance(1);
537
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r94.customSingleSelectRadio)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
538
+ }
539
+ }
540
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_span_3_Template(rf, ctx) {
351
541
  if (rf & 1) {
352
542
  i0.ɵɵelementStart(0, "span");
353
543
  i0.ɵɵtext(1, " *");
354
544
  i0.ɵɵelementEnd();
355
545
  }
356
546
  }
357
- function DynamicFormComponent_ng_template_3_div_5_div_6_img_1_Template(rf, ctx) {
547
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_img_1_Template(rf, ctx) {
358
548
  if (rf & 1) {
359
- i0.ɵɵelement(0, "img", 35);
549
+ i0.ɵɵelement(0, "img", 41);
360
550
  }
361
551
  if (rf & 2) {
362
- const ctx_r71 = i0.ɵɵnextContext(4);
363
- i0.ɵɵproperty("src", ctx_r71.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
552
+ const ctx_r103 = i0.ɵɵnextContext(5);
553
+ i0.ɵɵproperty("src", ctx_r103.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
364
554
  }
365
555
  }
366
- const _c6 = function (a0) { return { "checkbox-active": a0 }; };
367
- function DynamicFormComponent_ng_template_3_div_5_div_6_Template(rf, ctx) {
556
+ const _c15 = function (a0) { return { "checkbox-active": a0 }; };
557
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_Template(rf, ctx) {
368
558
  if (rf & 1) {
369
- const _r74 = i0.ɵɵgetCurrentView();
370
- i0.ɵɵelementStart(0, "div", 33);
371
- i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_div_5_div_6_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r74); const item_r70 = restoredCtx.$implicit; const ctx_r73 = i0.ɵɵnextContext(2); const field_r13 = ctx_r73.$implicit; const control_r14 = ctx_r73.control; const formgroup_r15 = ctx_r73.formGroup; const ctx_r72 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r72.updateSelectedValueForSingleSelect(field_r13, control_r14, formgroup_r15, item_r70)); });
372
- i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_div_5_div_6_img_1_Template, 1, 1, "img", 34);
373
- i0.ɵɵelementStart(2, "p", 20);
559
+ const _r106 = i0.ɵɵgetCurrentView();
560
+ i0.ɵɵelementStart(0, "div", 39);
561
+ i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r106); const item_r102 = restoredCtx.$implicit; const ctx_r105 = i0.ɵɵnextContext(3); const field_r13 = ctx_r105.$implicit; const control_r14 = ctx_r105.control; const formgroup_r15 = ctx_r105.formGroup; const ctx_r104 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r104.updateSelectedValueForSingleSelect(field_r13, control_r14, formgroup_r15, item_r102)); });
562
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_img_1_Template, 1, 1, "img", 40);
563
+ i0.ɵɵelementStart(2, "p", 23);
374
564
  i0.ɵɵtext(3);
375
565
  i0.ɵɵelementEnd()();
376
566
  }
377
567
  if (rf & 2) {
378
- const item_r70 = ctx.$implicit;
379
- const control_r14 = i0.ɵɵnextContext(2).control;
380
- const ctx_r68 = i0.ɵɵnextContext();
381
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c6, item_r70.label === (control_r14.value == null ? null : control_r14.value.label)));
568
+ const item_r102 = ctx.$implicit;
569
+ const control_r14 = i0.ɵɵnextContext(3).control;
570
+ const ctx_r100 = i0.ɵɵnextContext();
571
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c15, item_r102.label === (control_r14.value == null ? null : control_r14.value.label)));
382
572
  i0.ɵɵadvance(1);
383
- i0.ɵɵproperty("ngIf", item_r70.label === (control_r14.value == null ? null : control_r14.value.label) && ctx_r68.activeBtnIconUrl);
573
+ i0.ɵɵproperty("ngIf", item_r102.label === (control_r14.value == null ? null : control_r14.value.label) && ctx_r100.activeBtnIconUrl);
384
574
  i0.ɵɵadvance(2);
385
- i0.ɵɵtextInterpolate(item_r70.label);
575
+ i0.ɵɵtextInterpolate(item_r102.label);
386
576
  }
387
577
  }
388
- function DynamicFormComponent_ng_template_3_div_5_ng_container_7_Template(rf, ctx) {
578
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_ng_container_7_Template(rf, ctx) {
389
579
  if (rf & 1) {
390
580
  i0.ɵɵelementContainer(0, 6);
391
581
  }
392
582
  if (rf & 2) {
393
- const control_r14 = i0.ɵɵnextContext(2).control;
583
+ const control_r14 = i0.ɵɵnextContext(3).control;
394
584
  i0.ɵɵnextContext();
395
585
  const _r3 = i0.ɵɵreference(6);
396
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
586
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
397
587
  }
398
588
  }
399
- function DynamicFormComponent_ng_template_3_div_5_Template(rf, ctx) {
589
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_Template(rf, ctx) {
400
590
  if (rf & 1) {
401
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
591
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
402
592
  i0.ɵɵtext(2);
403
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_5_span_3_Template, 2, 0, "span", 14);
593
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_span_3_Template, 2, 0, "span", 10);
404
594
  i0.ɵɵelementEnd();
405
595
  i0.ɵɵelement(4, "div", 15);
406
- i0.ɵɵelementStart(5, "div", 31);
407
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_5_div_6_Template, 4, 5, "div", 32);
596
+ i0.ɵɵelementStart(5, "div", 37);
597
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_Template, 4, 5, "div", 38);
408
598
  i0.ɵɵelementEnd();
409
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_5_ng_container_7_Template, 1, 4, "ng-container", 17);
599
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_ng_container_7_Template, 1, 4, "ng-container", 17);
410
600
  i0.ɵɵelementEnd();
411
601
  }
412
602
  if (rf & 2) {
413
- const ctx_r77 = i0.ɵɵnextContext();
414
- const formgroup_r15 = ctx_r77.formGroup;
415
- const field_r13 = ctx_r77.$implicit;
416
- const control_r14 = ctx_r77.control;
417
- const ctx_r21 = i0.ɵɵnextContext();
418
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r21.removeSepratorForSubFields ? "none" : ""));
603
+ const ctx_r109 = i0.ɵɵnextContext(2);
604
+ const formgroup_r15 = ctx_r109.formGroup;
605
+ const field_r13 = ctx_r109.$implicit;
606
+ const control_r14 = ctx_r109.control;
607
+ const ctx_r96 = i0.ɵɵnextContext();
608
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r96.removeSepratorForSubFields ? "none" : ""));
419
609
  i0.ɵɵadvance(2);
420
610
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
421
611
  i0.ɵɵadvance(1);
@@ -426,74 +616,105 @@ function DynamicFormComponent_ng_template_3_div_5_Template(rf, ctx) {
426
616
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
427
617
  }
428
618
  }
429
- function DynamicFormComponent_ng_template_3_div_6_span_3_Template(rf, ctx) {
619
+ function DynamicFormComponent_ng_template_3_ng_container_5_Template(rf, ctx) {
620
+ if (rf & 1) {
621
+ i0.ɵɵelementContainerStart(0);
622
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_Template, 2, 6, "ng-container", 11);
623
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_Template, 8, 7, "ng-template", null, 36, i0.ɵɵtemplateRefExtractor);
624
+ i0.ɵɵelementContainerEnd();
625
+ }
626
+ if (rf & 2) {
627
+ const _r95 = i0.ɵɵreference(3);
628
+ const ctx_r21 = i0.ɵɵnextContext(2);
629
+ i0.ɵɵadvance(1);
630
+ i0.ɵɵproperty("ngIf", ctx_r21.customSingleSelectRadio)("ngIfElse", _r95);
631
+ }
632
+ }
633
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_ng_template_1_Template(rf, ctx) { }
634
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_Template(rf, ctx) {
635
+ if (rf & 1) {
636
+ i0.ɵɵelementContainerStart(0);
637
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
638
+ i0.ɵɵelementContainerEnd();
639
+ }
640
+ if (rf & 2) {
641
+ const ctx_r114 = i0.ɵɵnextContext(2);
642
+ const field_r13 = ctx_r114.$implicit;
643
+ const control_r14 = ctx_r114.control;
644
+ const formgroup_r15 = ctx_r114.formGroup;
645
+ const ctx_r110 = i0.ɵɵnextContext();
646
+ i0.ɵɵadvance(1);
647
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r110.customMultiSelectCheckbox)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
648
+ }
649
+ }
650
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_span_3_Template(rf, ctx) {
430
651
  if (rf & 1) {
431
652
  i0.ɵɵelementStart(0, "span");
432
653
  i0.ɵɵtext(1, " *");
433
654
  i0.ɵɵelementEnd();
434
655
  }
435
656
  }
436
- function DynamicFormComponent_ng_template_3_div_6_div_6_img_1_Template(rf, ctx) {
657
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_img_1_Template(rf, ctx) {
437
658
  if (rf & 1) {
438
- i0.ɵɵelement(0, "img", 35);
659
+ i0.ɵɵelement(0, "img", 41);
439
660
  }
440
661
  if (rf & 2) {
441
- const ctx_r82 = i0.ɵɵnextContext(4);
442
- i0.ɵɵproperty("src", ctx_r82.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
662
+ const ctx_r119 = i0.ɵɵnextContext(5);
663
+ i0.ɵɵproperty("src", ctx_r119.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
443
664
  }
444
665
  }
445
- function DynamicFormComponent_ng_template_3_div_6_div_6_Template(rf, ctx) {
666
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_Template(rf, ctx) {
446
667
  if (rf & 1) {
447
- const _r85 = i0.ɵɵgetCurrentView();
448
- i0.ɵɵelementStart(0, "div", 33);
449
- i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_div_6_div_6_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r85); const item_r81 = restoredCtx.$implicit; const ctx_r84 = i0.ɵɵnextContext(2); const field_r13 = ctx_r84.$implicit; const control_r14 = ctx_r84.control; const formgroup_r15 = ctx_r84.formGroup; const ctx_r83 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r83.updateSelectedValueForMultiSelect(field_r13, control_r14, formgroup_r15, [item_r81])); });
450
- i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_div_6_div_6_img_1_Template, 1, 1, "img", 34);
451
- i0.ɵɵelementStart(2, "p", 20);
668
+ const _r122 = i0.ɵɵgetCurrentView();
669
+ i0.ɵɵelementStart(0, "div", 39);
670
+ i0.ɵɵlistener("click", function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r122); const item_r118 = restoredCtx.$implicit; const ctx_r121 = i0.ɵɵnextContext(3); const field_r13 = ctx_r121.$implicit; const control_r14 = ctx_r121.control; const formgroup_r15 = ctx_r121.formGroup; const ctx_r120 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r120.updateSelectedValueForMultiSelect(field_r13, control_r14, formgroup_r15, [item_r118])); });
671
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_img_1_Template, 1, 1, "img", 40);
672
+ i0.ɵɵelementStart(2, "p", 23);
452
673
  i0.ɵɵtext(3);
453
674
  i0.ɵɵelementEnd()();
454
675
  }
455
676
  if (rf & 2) {
456
- const item_r81 = ctx.$implicit;
457
- const control_r14 = i0.ɵɵnextContext(2).control;
458
- const ctx_r79 = i0.ɵɵnextContext();
459
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c6, ctx_r79.isCheckBoxSelected(item_r81.label, control_r14.value)));
677
+ const item_r118 = ctx.$implicit;
678
+ const control_r14 = i0.ɵɵnextContext(3).control;
679
+ const ctx_r116 = i0.ɵɵnextContext();
680
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c15, ctx_r116.isCheckBoxSelected(item_r118.label, control_r14.value)));
460
681
  i0.ɵɵadvance(1);
461
- i0.ɵɵproperty("ngIf", ctx_r79.isCheckBoxSelected(item_r81.label, control_r14.value) && ctx_r79.activeBtnIconUrl);
682
+ i0.ɵɵproperty("ngIf", ctx_r116.isCheckBoxSelected(item_r118.label, control_r14.value) && ctx_r116.activeBtnIconUrl);
462
683
  i0.ɵɵadvance(2);
463
- i0.ɵɵtextInterpolate(item_r81.label);
684
+ i0.ɵɵtextInterpolate(item_r118.label);
464
685
  }
465
686
  }
466
- function DynamicFormComponent_ng_template_3_div_6_ng_container_7_Template(rf, ctx) {
687
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_ng_container_7_Template(rf, ctx) {
467
688
  if (rf & 1) {
468
689
  i0.ɵɵelementContainer(0, 6);
469
690
  }
470
691
  if (rf & 2) {
471
- const control_r14 = i0.ɵɵnextContext(2).control;
692
+ const control_r14 = i0.ɵɵnextContext(3).control;
472
693
  i0.ɵɵnextContext();
473
694
  const _r3 = i0.ɵɵreference(6);
474
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
695
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
475
696
  }
476
697
  }
477
- function DynamicFormComponent_ng_template_3_div_6_Template(rf, ctx) {
698
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_Template(rf, ctx) {
478
699
  if (rf & 1) {
479
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
700
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
480
701
  i0.ɵɵtext(2);
481
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_6_span_3_Template, 2, 0, "span", 14);
702
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_span_3_Template, 2, 0, "span", 10);
482
703
  i0.ɵɵelementEnd();
483
704
  i0.ɵɵelement(4, "div", 15);
484
- i0.ɵɵelementStart(5, "div", 31);
485
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_6_div_6_Template, 4, 5, "div", 32);
705
+ i0.ɵɵelementStart(5, "div", 37);
706
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_Template, 4, 5, "div", 38);
486
707
  i0.ɵɵelementEnd();
487
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_6_ng_container_7_Template, 1, 4, "ng-container", 17);
708
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_ng_container_7_Template, 1, 4, "ng-container", 17);
488
709
  i0.ɵɵelementEnd();
489
710
  }
490
711
  if (rf & 2) {
491
- const ctx_r88 = i0.ɵɵnextContext();
492
- const formgroup_r15 = ctx_r88.formGroup;
493
- const field_r13 = ctx_r88.$implicit;
494
- const control_r14 = ctx_r88.control;
495
- const ctx_r22 = i0.ɵɵnextContext();
496
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r22.removeSepratorForSubFields ? "none" : ""));
712
+ const ctx_r125 = i0.ɵɵnextContext(2);
713
+ const formgroup_r15 = ctx_r125.formGroup;
714
+ const field_r13 = ctx_r125.$implicit;
715
+ const control_r14 = ctx_r125.control;
716
+ const ctx_r112 = i0.ɵɵnextContext();
717
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(5, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r112.removeSepratorForSubFields ? "none" : ""));
497
718
  i0.ɵɵadvance(2);
498
719
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
499
720
  i0.ɵɵadvance(1);
@@ -504,44 +725,75 @@ function DynamicFormComponent_ng_template_3_div_6_Template(rf, ctx) {
504
725
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
505
726
  }
506
727
  }
507
- function DynamicFormComponent_ng_template_3_div_7_span_3_Template(rf, ctx) {
728
+ function DynamicFormComponent_ng_template_3_ng_container_6_Template(rf, ctx) {
729
+ if (rf & 1) {
730
+ i0.ɵɵelementContainerStart(0);
731
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_Template, 2, 6, "ng-container", 11);
732
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_Template, 8, 7, "ng-template", null, 42, i0.ɵɵtemplateRefExtractor);
733
+ i0.ɵɵelementContainerEnd();
734
+ }
735
+ if (rf & 2) {
736
+ const _r111 = i0.ɵɵreference(3);
737
+ const ctx_r22 = i0.ɵɵnextContext(2);
738
+ i0.ɵɵadvance(1);
739
+ i0.ɵɵproperty("ngIf", ctx_r22.customMultiSelectCheckbox)("ngIfElse", _r111);
740
+ }
741
+ }
742
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_ng_template_1_Template(rf, ctx) { }
743
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_Template(rf, ctx) {
744
+ if (rf & 1) {
745
+ i0.ɵɵelementContainerStart(0);
746
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
747
+ i0.ɵɵelementContainerEnd();
748
+ }
749
+ if (rf & 2) {
750
+ const ctx_r130 = i0.ɵɵnextContext(2);
751
+ const field_r13 = ctx_r130.$implicit;
752
+ const control_r14 = ctx_r130.control;
753
+ const formgroup_r15 = ctx_r130.formGroup;
754
+ const ctx_r126 = i0.ɵɵnextContext();
755
+ i0.ɵɵadvance(1);
756
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r126.customMultiSelectDropdown)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
757
+ }
758
+ }
759
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_span_3_Template(rf, ctx) {
508
760
  if (rf & 1) {
509
761
  i0.ɵɵelementStart(0, "span");
510
762
  i0.ɵɵtext(1, " *");
511
763
  i0.ɵɵelementEnd();
512
764
  }
513
765
  }
514
- function DynamicFormComponent_ng_template_3_div_7_ng_container_5_Template(rf, ctx) {
766
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_ng_container_5_Template(rf, ctx) {
515
767
  if (rf & 1) {
516
768
  i0.ɵɵelementContainer(0, 6);
517
769
  }
518
770
  if (rf & 2) {
519
- const control_r14 = i0.ɵɵnextContext(2).control;
771
+ const control_r14 = i0.ɵɵnextContext(3).control;
520
772
  i0.ɵɵnextContext();
521
773
  const _r3 = i0.ɵɵreference(6);
522
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
774
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
523
775
  }
524
776
  }
525
- function DynamicFormComponent_ng_template_3_div_7_Template(rf, ctx) {
777
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_Template(rf, ctx) {
526
778
  if (rf & 1) {
527
- const _r94 = i0.ɵɵgetCurrentView();
528
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
779
+ const _r136 = i0.ɵɵgetCurrentView();
780
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
529
781
  i0.ɵɵtext(2);
530
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_7_span_3_Template, 2, 0, "span", 14);
782
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_span_3_Template, 2, 0, "span", 10);
531
783
  i0.ɵɵelementEnd();
532
- i0.ɵɵelementStart(4, "mis-multi-select-dropdown", 36);
533
- i0.ɵɵlistener("onChange", function DynamicFormComponent_ng_template_3_div_7_Template_mis_multi_select_dropdown_onChange_4_listener($event) { i0.ɵɵrestoreView(_r94); const ctx_r93 = i0.ɵɵnextContext(); const field_r13 = ctx_r93.$implicit; const control_r14 = ctx_r93.control; const formgroup_r15 = ctx_r93.formGroup; const ctx_r92 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r92.updateSelectedValueForMultiSelect(field_r13, control_r14, formgroup_r15, $event)); });
784
+ i0.ɵɵelementStart(4, "mis-multi-select-dropdown", 44);
785
+ i0.ɵɵlistener("onChange", function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_Template_mis_multi_select_dropdown_onChange_4_listener($event) { i0.ɵɵrestoreView(_r136); const ctx_r135 = i0.ɵɵnextContext(2); const field_r13 = ctx_r135.$implicit; const control_r14 = ctx_r135.control; const formgroup_r15 = ctx_r135.formGroup; const ctx_r134 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r134.updateSelectedValueForMultiSelect(field_r13, control_r14, formgroup_r15, $event)); });
534
786
  i0.ɵɵelementEnd();
535
- i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_div_7_ng_container_5_Template, 1, 4, "ng-container", 17);
787
+ i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_ng_container_5_Template, 1, 4, "ng-container", 17);
536
788
  i0.ɵɵelementEnd();
537
789
  }
538
790
  if (rf & 2) {
539
- const ctx_r95 = i0.ɵɵnextContext();
540
- const formgroup_r15 = ctx_r95.formGroup;
541
- const field_r13 = ctx_r95.$implicit;
542
- const control_r14 = ctx_r95.control;
543
- const ctx_r23 = i0.ɵɵnextContext();
544
- i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c3, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r23.removeSepratorForSubFields ? "none" : ""));
791
+ const ctx_r137 = i0.ɵɵnextContext(2);
792
+ const formgroup_r15 = ctx_r137.formGroup;
793
+ const field_r13 = ctx_r137.$implicit;
794
+ const control_r14 = ctx_r137.control;
795
+ const ctx_r128 = i0.ɵɵnextContext();
796
+ i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c12, (formgroup_r15 == null ? null : formgroup_r15.controls == null ? null : formgroup_r15.controls.subFields == null ? null : formgroup_r15.controls.subFields.controls == null ? null : formgroup_r15.controls.subFields.controls.length) && ctx_r128.removeSepratorForSubFields ? "none" : ""));
545
797
  i0.ɵɵadvance(2);
546
798
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
547
799
  i0.ɵɵadvance(1);
@@ -552,16 +804,30 @@ function DynamicFormComponent_ng_template_3_div_7_Template(rf, ctx) {
552
804
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
553
805
  }
554
806
  }
807
+ function DynamicFormComponent_ng_template_3_ng_container_7_Template(rf, ctx) {
808
+ if (rf & 1) {
809
+ i0.ɵɵelementContainerStart(0);
810
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_Template, 2, 6, "ng-container", 11);
811
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_Template, 6, 13, "ng-template", null, 43, i0.ɵɵtemplateRefExtractor);
812
+ i0.ɵɵelementContainerEnd();
813
+ }
814
+ if (rf & 2) {
815
+ const _r127 = i0.ɵɵreference(3);
816
+ const ctx_r23 = i0.ɵɵnextContext(2);
817
+ i0.ɵɵadvance(1);
818
+ i0.ɵɵproperty("ngIf", ctx_r23.customMultiSelectDropdown)("ngIfElse", _r127);
819
+ }
820
+ }
555
821
  function DynamicFormComponent_ng_template_3_Template(rf, ctx) {
556
822
  if (rf & 1) {
557
- i0.ɵɵtemplate(0, DynamicFormComponent_ng_template_3_div_0_Template, 7, 13, "div", 10);
558
- i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_div_1_Template, 7, 11, "div", 10);
559
- i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_div_2_Template, 9, 11, "div", 11);
560
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_3_Template, 6, 7, "div", 11);
561
- i0.ɵɵtemplate(4, DynamicFormComponent_ng_template_3_div_4_Template, 8, 14, "div", 11);
562
- i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_div_5_Template, 8, 7, "div", 10);
563
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_6_Template, 8, 7, "div", 10);
564
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_7_Template, 6, 13, "div", 11);
823
+ i0.ɵɵtemplate(0, DynamicFormComponent_ng_template_3_ng_container_0_Template, 4, 2, "ng-container", 10);
824
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_1_Template, 4, 2, "ng-container", 10);
825
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_2_Template, 4, 2, "ng-container", 10);
826
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_3_Template, 4, 2, "ng-container", 10);
827
+ i0.ɵɵtemplate(4, DynamicFormComponent_ng_template_3_ng_container_4_Template, 4, 2, "ng-container", 10);
828
+ i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_ng_container_5_Template, 4, 2, "ng-container", 10);
829
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_6_Template, 4, 2, "ng-container", 10);
830
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_7_Template, 4, 2, "ng-container", 10);
565
831
  }
566
832
  if (rf & 2) {
567
833
  const field_r13 = ctx.$implicit;
@@ -585,29 +851,29 @@ function DynamicFormComponent_ng_template_3_Template(rf, ctx) {
585
851
  function DynamicFormComponent_ng_template_5_ng_container_1_Template(rf, ctx) {
586
852
  if (rf & 1) {
587
853
  i0.ɵɵelementContainerStart(0);
588
- i0.ɵɵelementStart(1, "p", 38);
854
+ i0.ɵɵelementStart(1, "p", 46);
589
855
  i0.ɵɵtext(2);
590
856
  i0.ɵɵelementEnd();
591
- i0.ɵɵelement(3, "div", 39);
857
+ i0.ɵɵelement(3, "div", 47);
592
858
  i0.ɵɵelementContainerEnd();
593
859
  }
594
860
  if (rf & 2) {
595
- const error_r98 = ctx.$implicit;
861
+ const error_r140 = ctx.$implicit;
596
862
  i0.ɵɵadvance(2);
597
- i0.ɵɵtextInterpolate1(" ", " \u2022 \u00A0" + error_r98.value, " ");
863
+ i0.ɵɵtextInterpolate1(" ", " \u2022 \u00A0" + error_r140.value, " ");
598
864
  }
599
865
  }
600
866
  function DynamicFormComponent_ng_template_5_Template(rf, ctx) {
601
867
  if (rf & 1) {
602
- i0.ɵɵelementStart(0, "div", 37);
868
+ i0.ɵɵelementStart(0, "div", 45);
603
869
  i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_5_ng_container_1_Template, 4, 1, "ng-container", 9);
604
870
  i0.ɵɵpipe(2, "keyvalue");
605
871
  i0.ɵɵelementEnd();
606
872
  }
607
873
  if (rf & 2) {
608
- const errors_r96 = ctx.$implicit;
874
+ const errors_r138 = ctx.$implicit;
609
875
  i0.ɵɵadvance(1);
610
- i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, errors_r96));
876
+ i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, errors_r138));
611
877
  }
612
878
  }
613
879
  class DynamicFormComponent {
@@ -859,7 +1125,29 @@ class DynamicFormComponent {
859
1125
  }
860
1126
  }
861
1127
  DynamicFormComponent.ɵfac = function DynamicFormComponent_Factory(t) { return new (t || DynamicFormComponent)(); };
862
- DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicFormComponent, selectors: [["mis-dynamic-form"]], inputs: { formFields: "formFields", formValues: "formValues", activeBtnIconUrl: "activeBtnIconUrl", calendarIconUrl: "calendarIconUrl", removeIconUrl: "removeIconUrl", removeSepratorForSubFields: "removeSepratorForSubFields" }, outputs: { formUpdated: "formUpdated", formValid: "formValid", formInitialized: "formInitialized", fieldRemoved: "fieldRemoved" }, decls: 7, vars: 2, consts: [[3, "formGroup"], ["formArrayName", "dynamicFields"], [3, "formGroupName", 4, "ngFor", "ngForOf"], ["dynamicField", ""], ["dynamicFieldErrors", ""], [3, "formGroupName"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "sub-dynamic-form", 4, "ngIf"], [1, "sub-dynamic-form"], [4, "ngFor", "ngForOf"], ["class", "dynamic-field multi-line-field-container", 3, "ngStyle", 4, "ngIf"], ["class", "dynamic-field single-line-field-container", 3, "ngStyle", 4, "ngIf"], [1, "dynamic-field", "multi-line-field-container", 3, "ngStyle"], [1, "h7", "field-title-sm"], [4, "ngIf"], [2, "flex-basis", "100%"], [1, "input-field", "ip-text", 3, "type", "formControl", "ngStyle", "placeholder", "min", "ngModelChange"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["type", "text", 1, "input-field", "ip-textarea", 3, "ngStyle", "placeholder", "formControl", "ngModelChange"], [1, "dynamic-field", "single-line-field-container", 3, "ngStyle"], [1, "h6"], [1, "date-picker-container"], ["readonly", "", "misTzDp", "", 1, "date-picker", 3, "dpConfig", "selectedDate", "offsetY", "value", "dateChange"], ["dp", ""], ["alt", "data-picker", "class", "date-picker-icon", 3, "src", "click", 4, "ngIf"], ["alt", "data-picker", 1, "date-picker-icon", 3, "src", "click"], [3, "control", "valueChanged"], [3, "ngClass"], [3, "searchEnabled", "width", "data", "selectedItem", "onChange"], ["class", "remove-icon", 3, "src", "click", 4, "ngIf"], [1, "remove-icon", 3, "src", "click"], ["id", "checkboxes-container"], ["class", "radio-checkbox-common", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "radio-checkbox-common", 3, "ngClass", "click"], ["alt", "", 3, "src", 4, "ngIf"], ["alt", "", 3, "src"], [3, "width", "showSelectedCount", "dropdownListWidth", "searchEnabled", "hideApplyButton", "data", "selectedItems", "onChange"], ["id", "error-messages-container"], [1, "h8"], [2, "flex-basis", "100%", "height", "0"]], template: function DynamicFormComponent_Template(rf, ctx) {
1128
+ DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicFormComponent, selectors: [["mis-dynamic-form"]], contentQueries: function DynamicFormComponent_ContentQueries(rf, ctx, dirIndex) {
1129
+ if (rf & 1) {
1130
+ i0.ɵɵcontentQuery(dirIndex, _c0, 5);
1131
+ i0.ɵɵcontentQuery(dirIndex, _c1, 5);
1132
+ i0.ɵɵcontentQuery(dirIndex, _c2, 5);
1133
+ i0.ɵɵcontentQuery(dirIndex, _c3, 5);
1134
+ i0.ɵɵcontentQuery(dirIndex, _c4, 5);
1135
+ i0.ɵɵcontentQuery(dirIndex, _c5, 5);
1136
+ i0.ɵɵcontentQuery(dirIndex, _c6, 5);
1137
+ i0.ɵɵcontentQuery(dirIndex, _c7, 5);
1138
+ }
1139
+ if (rf & 2) {
1140
+ let _t;
1141
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customInputTextNumber = _t.first);
1142
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customInputTextarea = _t.first);
1143
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customInputDate = _t.first);
1144
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customBooleanToggle = _t.first);
1145
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customSingleSelectDropdown = _t.first);
1146
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customSingleSelectRadio = _t.first);
1147
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customMultiSelectCheckbox = _t.first);
1148
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customMultiSelectDropdown = _t.first);
1149
+ }
1150
+ }, inputs: { formFields: "formFields", formValues: "formValues", activeBtnIconUrl: "activeBtnIconUrl", calendarIconUrl: "calendarIconUrl", removeIconUrl: "removeIconUrl", removeSepratorForSubFields: "removeSepratorForSubFields" }, outputs: { formUpdated: "formUpdated", formValid: "formValid", formInitialized: "formInitialized", fieldRemoved: "fieldRemoved" }, decls: 7, vars: 2, consts: [[3, "formGroup"], ["formArrayName", "dynamicFields"], [3, "formGroupName", 4, "ngFor", "ngForOf"], ["dynamicField", ""], ["dynamicFieldErrors", ""], [3, "formGroupName"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "sub-dynamic-form", 4, "ngIf"], [1, "sub-dynamic-form"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["defaultInputTextNumber", ""], [1, "dynamic-field", "multi-line-field-container", 3, "ngStyle"], [1, "h7", "field-title-sm"], [2, "flex-basis", "100%"], [1, "input-field", "ip-text", 3, "type", "formControl", "ngStyle", "placeholder", "min", "ngModelChange"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], ["defaultInputTextarea", ""], ["type", "text", 1, "input-field", "ip-textarea", 3, "ngStyle", "placeholder", "formControl", "ngModelChange"], ["defaultInputDate", ""], ["class", "dynamic-field single-line-field-container", 3, "ngStyle", 4, "ngIf"], [1, "dynamic-field", "single-line-field-container", 3, "ngStyle"], [1, "h6"], [1, "date-picker-container"], ["readonly", "", "misTzDp", "", 1, "date-picker", 3, "dpConfig", "selectedDate", "offsetY", "value", "dateChange"], ["dp", ""], ["alt", "data-picker", "class", "date-picker-icon", 3, "src", "click", 4, "ngIf"], ["alt", "data-picker", 1, "date-picker-icon", 3, "src", "click"], ["defaultBooleanToggle", ""], [3, "control", "valueChanged"], ["defaultSingleSelectDropdown", ""], [3, "ngClass"], [3, "searchEnabled", "width", "data", "selectedItem", "onChange"], ["class", "remove-icon", 3, "src", "click", 4, "ngIf"], [1, "remove-icon", 3, "src", "click"], ["defaultSingleSelectRadio", ""], ["id", "checkboxes-container"], ["class", "radio-checkbox-common", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [1, "radio-checkbox-common", 3, "ngClass", "click"], ["alt", "", 3, "src", 4, "ngIf"], ["alt", "", 3, "src"], ["defaultMultiSelectCheckbox", ""], ["defaultMultiSelectDropdown", ""], [3, "width", "showSelectedCount", "dropdownListWidth", "searchEnabled", "hideApplyButton", "data", "selectedItems", "onChange"], ["id", "error-messages-container"], [1, "h8"], [2, "flex-basis", "100%", "height", "0"]], template: function DynamicFormComponent_Template(rf, ctx) {
863
1151
  if (rf & 1) {
864
1152
  i0.ɵɵelementStart(0, "form", 0);
865
1153
  i0.ɵɵelementContainerStart(1, 1);
@@ -878,7 +1166,7 @@ DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dynami
878
1166
  (function () {
879
1167
  (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicFormComponent, [{
880
1168
  type: Component,
881
- args: [{ selector: "mis-dynamic-form", template: "<form [formGroup]=\"dynamicForm\">\n <ng-container formArrayName=\"dynamicFields\">\n <ng-container [formGroupName]=\"i\" *ngFor=\"let fieldControl of getDynamicFieldsControls().controls; let i = index\">\n <ng-container\n [ngTemplateOutlet]=\"dynamicField\"\n [ngTemplateOutletContext]=\"{\n $implicit: formFields[i],\n formGroup: fieldControl,\n control: fieldControl.controls.value\n }\"\n >\n </ng-container>\n <div class=\"sub-dynamic-form\" *ngIf=\"fieldControl.value && (!!formFields[i]?.subFields && formFields[i]?.subFields?.length > 0 && matchParentConfig(formFields[i]?.subFields, fieldControl.controls.value.value.value))\">\n <ng-container *ngFor=\"let subFieldControl of fieldControl.controls.subFields.controls; let j = index\">\n <ng-container\n [ngTemplateOutlet]=\"dynamicField\"\n [ngTemplateOutletContext]=\"{\n $implicit: findSelectedSubFieldConfig(formFields[i]?.subFields, fieldControl.controls.value.value.value,j),\n control: subFieldControl\n }\">\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n</form>\n\n\n<ng-template #dynamicField let-field let-control=\"control\" let-formgroup=\"formGroup\">\n\n <!-- fieldType: 'input' fieldInputType: 'text' | 'number' -->\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'input' && (field.fieldInputType === 'text' || field.fieldInputType === 'number')\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }} <span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <input class=\"input-field ip-text\" [type]=\"field.fieldInputType\" [formControl]=\"control\"\n (ngModelChange)=\"updateSubDynamicFields(field, formgroup, $event)\" \n [ngStyle]=\"{'border': control.touched && control.errors ? '1px solid #B00020': ''}\"\n [placeholder]=\"field.placeholderText ? field.placeholderText : 'Input Text'\" \n [min]=\"field.fieldInputType === 'number' ? 0 : '' \"/>\n <ng-container *ngIf=\"control.touched && control.errors\"\n [ngTemplateOutlet]=\"dynamicFieldErrors\" \n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\"\n >\n </ng-container>\n </div>\n\n <!-- fieldType: 'input' fieldInputType: 'textarea' -->\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'input' && field.fieldInputType === 'textarea'\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <textarea class=\"input-field ip-textarea\" type=\"text\"\n [ngStyle]=\"{'border': control.touched && control.errors ? '1px solid #B00020': ''}\"\n [placeholder]=\"field.placeholderText ? field.placeholderText : 'Input Text'\" [formControl]=\"control\" (ngModelChange)=\"updateSubDynamicFields(field, formgroup, $event)\"></textarea>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n <!-- fieldType: 'input' fieldInputType: 'date' -->\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'input' && field.fieldInputType === 'date'\">\n <p class=\"h6\">\n {{ field.title }} <span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div class=\"date-picker-container\">\n <input class=\"date-picker\" readonly misTzDp [dpConfig]=\"field.fieldConfig\"\n (dateChange)=\"control.setValue($event)\" [selectedDate]=\"control.value\" [offsetY]=\"0\"\n [value]=\"control.value\" #dp />\n <img alt=\"data-picker\" *ngIf=\"calendarIconUrl\" class=\"date-picker-icon\" [src]=\"calendarIconUrl\"\n (click)=\"dp.click()\" />\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n <!-- fieldType: 'boolean' fieldInputType: 'toggle' -->\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'boolean' && field.fieldInputType === 'toggle'\">\n <p class=\"h6\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <mis-switch [control]=\"control\" (valueChanged)=\"updateSubDynamicFields(field, formgroup, $event)\"></mis-switch>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n <!-- fieldType: 'singleSelect' fieldInputType: 'dropdown' -->\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'singleSelect' && field.fieldInputType === 'dropdown'\">\n <p class=\"h6\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div [ngClass]=\"{'removeable-container' : field?.isRemoveable}\">\n <mis-dropdown [searchEnabled]=\"false\" [width]=\"'140px'\" [data]=\"field.itemsList\" [selectedItem]=\"control.value\"\n (onChange)=\"updateSelectedValueForSingleSelect(field, control, formgroup, $event);\">\n </mis-dropdown>\n <img *ngIf=\"field.isRemoveable && removeIconUrl\" class=\"remove-icon\" [src]=\"removeIconUrl\" (click)=\"fieldRemoved.emit(field)\">\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n <!-- fieldType: 'singleSelect' fieldInputType: 'radio' -->\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'singleSelect' && field.fieldInputType === 'radio'\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <div id=\"checkboxes-container\">\n <div class=\"radio-checkbox-common\" *ngFor=\"let item of field.itemsList\"\n [ngClass]=\"{ 'checkbox-active': item.label === control.value?.label }\"\n (click)=\"updateSelectedValueForSingleSelect(field, control, formgroup, item);\">\n <img *ngIf=\"(item.label === control.value?.label) && activeBtnIconUrl\" [src]=\"activeBtnIconUrl\" alt=\"\" />\n <p class=\"h6\">{{ item.label }}</p>\n </div>\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n <!-- fieldType: 'multiSelect' fieldInputType: 'checkbox' -->\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'multiSelect' && field.fieldInputType === 'checkbox'\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <div id=\"checkboxes-container\">\n <div class=\"radio-checkbox-common\" *ngFor=\"let item of field.itemsList\"\n [ngClass]=\"{ 'checkbox-active': isCheckBoxSelected(item.label, control.value) }\"\n (click)=\"updateSelectedValueForMultiSelect(field, control, formgroup, [item])\">\n <img *ngIf=\"isCheckBoxSelected(item.label, control.value) && activeBtnIconUrl\" [src]=\"activeBtnIconUrl\"\n alt=\"\" />\n <p class=\"h6\">{{ item.label }}</p>\n </div>\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n <!-- fieldType: 'multiSelect' fieldInputType: 'dropdown' -->\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'multiSelect' && field.fieldInputType === 'dropdown'\">\n <p class=\"h6\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <mis-multi-select-dropdown [width]=\"'140px'\" [showSelectedCount]=\"true\" [dropdownListWidth]=\"'256px'\"\n [searchEnabled]=\"false\" [hideApplyButton]=\"true\" [data]=\"field.itemsList\"\n [selectedItems]=\"control.value\" (onChange)=\"updateSelectedValueForMultiSelect(field, control, formgroup, $event);\"></mis-multi-select-dropdown>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n\n</ng-template>\n\n<ng-template #dynamicFieldErrors let-errors>\n <div id=\"error-messages-container\">\n <ng-container *ngFor=\"let error of errors | keyvalue\">\n <p class=\"h8\">\n {{\" \u2022 &nbsp;\" + error.value}}\n </p>\n <div style=\"flex-basis: 100%; height: 0\"></div>\n </ng-container>\n </div>\n</ng-template>", styles: ["p{margin:0;cursor:default}::ng-deep .main-container{margin:0;max-width:100%}.sub-dynamic-form{padding-left:24px;border-bottom:1px solid var(--grey-seperators)}.dynamic-field ::ng-deep .container{height:32px!important}.single-line-field-container{display:flex;justify-content:space-between;align-items:center;padding:28px 16px;border-bottom:1px solid var(--grey-seperators)}.multi-line-field-container{display:flex;justify-content:flex-start;align-items:flex-start;padding:28px 16px;flex-wrap:wrap;border-bottom:1px solid var(--grey-seperators)}.field-title-sm{margin-bottom:8px;cursor:default}.input-field{width:100%;background-color:var(--grey-bg-1);border:1px solid var(--grey-seperators);border-radius:6px}.ip-text{height:44px;padding:8px 12px}.ip-textarea{max-height:94px;padding:8px}input:focus{outline:none}input::placeholder{color:var(--grey-seperators)}textarea:focus{outline:none}.date-picker-container{position:relative;width:140px}.date-picker-container .date-picker{cursor:pointer;height:32px;width:100%;font-size:14px;border-radius:6px;padding:0 12px;border:1px solid var(--grey-seperators);inset:10px auto auto 80px;background-color:var(--text-white)}.date-picker-container .date-picker:hover{background-color:var(--grey-hover)}.date-picker-container .date-picker-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer}form .dynamic-field:last-child{border-bottom:none!important}#checkboxes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.radio-checkbox-common{display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:8px;margin-bottom:8px;background-color:var(--text-white);padding:12px 16px;border:1px solid var(--text-muted);border-radius:8px}.radio-checkbox-common p{color:var(--text-muted);cursor:pointer}.radio-checkbox-common img{margin-right:8px}.checkbox-active{background-color:var(--pmry-500)}.checkbox-active p{color:var(--text-white)}#error-messages-container{margin-top:4px;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}#error-messages-container p{color:var(--sem-error)}.removeable-container{display:flex;justify-content:center;align-items:center}.removeable-container .remove-icon{cursor:pointer;margin-left:8px;max-width:24px}span{color:var(--sem-error)}\n"] }]
1169
+ args: [{ selector: "mis-dynamic-form", template: "<form [formGroup]=\"dynamicForm\">\n <ng-container formArrayName=\"dynamicFields\">\n <ng-container [formGroupName]=\"i\" *ngFor=\"let fieldControl of getDynamicFieldsControls().controls; let i = index\">\n <ng-container\n [ngTemplateOutlet]=\"dynamicField\"\n [ngTemplateOutletContext]=\"{\n $implicit: formFields[i],\n formGroup: fieldControl,\n control: fieldControl.controls.value\n }\"\n >\n </ng-container>\n <div class=\"sub-dynamic-form\" *ngIf=\"fieldControl.value && (!!formFields[i]?.subFields && formFields[i]?.subFields?.length > 0 && matchParentConfig(formFields[i]?.subFields, fieldControl.controls.value.value.value))\">\n <ng-container *ngFor=\"let subFieldControl of fieldControl.controls.subFields.controls; let j = index\">\n <ng-container\n [ngTemplateOutlet]=\"dynamicField\"\n [ngTemplateOutletContext]=\"{\n $implicit: findSelectedSubFieldConfig(formFields[i]?.subFields, fieldControl.controls.value.value.value,j),\n control: subFieldControl\n }\">\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n </ng-container>\n</form>\n\n\n<ng-template #dynamicField let-field let-control=\"control\" let-formgroup=\"formGroup\">\n\n <!-- fieldType: 'input' fieldInputType: 'text' | 'number' -->\n <ng-container *ngIf=\"field.fieldType === 'input' && (field.fieldInputType === 'text' || field.fieldInputType === 'number')\">\n <ng-container *ngIf=\"customInputTextNumber; else defaultInputTextNumber\">\n <ng-template\n [ngTemplateOutlet]=\"customInputTextNumber\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultInputTextNumber>\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h7 field-title-sm\">\n {{ field?.title }} <span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <input class=\"input-field ip-text\" [type]=\"field.fieldInputType\" [formControl]=\"control\"\n (ngModelChange)=\"updateSubDynamicFields(field, formgroup, $event)\" \n [ngStyle]=\"{'border': control.touched && control.errors ? '1px solid #B00020': ''}\"\n [placeholder]=\"field.placeholderText ? field.placeholderText : 'Input Text'\" \n [min]=\"field.fieldInputType === 'number' ? 0 : '' \"/>\n <ng-container *ngIf=\"control.touched && control.errors\"\n [ngTemplateOutlet]=\"dynamicFieldErrors\" \n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\"\n >\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n \n <!-- fieldType: 'input' fieldInputType: 'textarea' -->\n <ng-container *ngIf=\"field.fieldType === 'input' && field.fieldInputType === 'textarea'\">\n <ng-container *ngIf=\"customInputTextarea; else defaultInputTextarea\">\n <ng-template\n [ngTemplateOutlet]=\"customInputTextarea\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultInputTextarea>\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <textarea class=\"input-field ip-textarea\" type=\"text\"\n [ngStyle]=\"{'border': control.touched && control.errors ? '1px solid #B00020': ''}\"\n [placeholder]=\"field.placeholderText ? field.placeholderText : 'Input Text'\" [formControl]=\"control\" (ngModelChange)=\"updateSubDynamicFields(field, formgroup, $event)\"></textarea>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n \n <!-- fieldType: 'input' fieldInputType: 'date' -->\n <ng-container *ngIf=\"field.fieldType === 'input' && field.fieldInputType === 'date'\">\n <ng-container *ngIf=\"customInputDate; else defaultInputDate\">\n <ng-template\n [ngTemplateOutlet]=\"customInputDate\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultInputDate>\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\"\n *ngIf=\"field.fieldType === 'input' && field.fieldInputType === 'date'\">\n <p class=\"h6\">\n {{ field.title }} <span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div class=\"date-picker-container\">\n <input class=\"date-picker\" readonly misTzDp [dpConfig]=\"field.fieldConfig\"\n (dateChange)=\"control.setValue($event)\" [selectedDate]=\"control.value\" [offsetY]=\"0\"\n [value]=\"control.value\" #dp />\n <img alt=\"data-picker\" *ngIf=\"calendarIconUrl\" class=\"date-picker-icon\" [src]=\"calendarIconUrl\"\n (click)=\"dp.click()\" />\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n <!-- fieldType: 'boolean' fieldInputType: 'toggle' -->\n <ng-container *ngIf=\"field.fieldType === 'boolean' && field.fieldInputType === 'toggle'\">\n <ng-container *ngIf=\"customBooleanToggle; else defaultBooleanToggle\">\n <ng-template\n [ngTemplateOutlet]=\"customBooleanToggle\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultBooleanToggle>\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h6\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <mis-switch [control]=\"control\" (valueChanged)=\"updateSubDynamicFields(field, formgroup, $event)\"></mis-switch>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div> \n </ng-template>\n </ng-container>\n\n <!-- fieldType: 'singleSelect' fieldInputType: 'dropdown' -->\n <ng-container *ngIf=\"field.fieldType === 'singleSelect' && field.fieldInputType === 'dropdown'\">\n <ng-container *ngIf=\"customSingleSelectDropdown; else defaultSingleSelectDropdown\">\n <ng-template\n [ngTemplateOutlet]=\"customSingleSelectDropdown\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultSingleSelectDropdown>\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h6\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div [ngClass]=\"{'removeable-container' : field?.isRemoveable}\">\n <mis-dropdown [searchEnabled]=\"false\" [width]=\"'140px'\" [data]=\"field.itemsList\" [selectedItem]=\"control.value\"\n (onChange)=\"updateSelectedValueForSingleSelect(field, control, formgroup, $event);\">\n </mis-dropdown>\n <img *ngIf=\"field.isRemoveable && removeIconUrl\" class=\"remove-icon\" [src]=\"removeIconUrl\" (click)=\"fieldRemoved.emit(field)\">\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container >\n \n\n <!-- fieldType: 'singleSelect' fieldInputType: 'radio' -->\n <ng-container *ngIf=\"field.fieldType === 'singleSelect' && field.fieldInputType === 'radio'\">\n <ng-container *ngIf=\"customSingleSelectRadio; else defaultSingleSelectRadio\">\n <ng-template\n [ngTemplateOutlet]=\"customSingleSelectRadio\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultSingleSelectRadio>\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <div id=\"checkboxes-container\">\n <div class=\"radio-checkbox-common\" *ngFor=\"let item of field.itemsList\"\n [ngClass]=\"{ 'checkbox-active': item.label === control.value?.label }\"\n (click)=\"updateSelectedValueForSingleSelect(field, control, formgroup, item);\">\n <img *ngIf=\"(item.label === control.value?.label) && activeBtnIconUrl\" [src]=\"activeBtnIconUrl\" alt=\"\" />\n <p class=\"h6\">{{ item.label }}</p>\n </div>\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n \n\n <!-- fieldType: 'multiSelect' fieldInputType: 'checkbox' -->\n <ng-container *ngIf=\"field.fieldType === 'multiSelect' && field.fieldInputType === 'checkbox'\">\n <ng-container *ngIf=\"customMultiSelectCheckbox; else defaultMultiSelectCheckbox\">\n <ng-template\n [ngTemplateOutlet]=\"customMultiSelectCheckbox\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultMultiSelectCheckbox>\n <div class=\"dynamic-field multi-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h7 field-title-sm\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <div style=\"flex-basis: 100%\"></div>\n <div id=\"checkboxes-container\">\n <div class=\"radio-checkbox-common\" *ngFor=\"let item of field.itemsList\"\n [ngClass]=\"{ 'checkbox-active': isCheckBoxSelected(item.label, control.value) }\"\n (click)=\"updateSelectedValueForMultiSelect(field, control, formgroup, [item])\">\n <img *ngIf=\"isCheckBoxSelected(item.label, control.value) && activeBtnIconUrl\" [src]=\"activeBtnIconUrl\"\n alt=\"\" />\n <p class=\"h6\">{{ item.label }}</p>\n </div>\n </div>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n\n <!-- fieldType: 'multiSelect' fieldInputType: 'dropdown' -->\n <ng-container *ngIf=\"field.fieldType === 'multiSelect' && field.fieldInputType === 'dropdown'\">\n <ng-container *ngIf=\"customMultiSelectDropdown; else defaultMultiSelectDropdown\">\n <ng-template\n [ngTemplateOutlet]=\"customMultiSelectDropdown\"\n [ngTemplateOutletContext]=\"{ field: field, control: control, formgroup: formgroup }\"\n ></ng-template>\n </ng-container>\n <ng-template #defaultMultiSelectDropdown>\n <div class=\"dynamic-field single-line-field-container\"\n [ngStyle]=\"{'border-bottom': (formgroup?.controls?.subFields?.controls?.length && removeSepratorForSubFields) ? 'none':''}\">\n <p class=\"h6\">\n {{ field.title }}<span *ngIf=\"field.validators && field.validators.length > 0\"> *</span>\n </p>\n <mis-multi-select-dropdown [width]=\"'140px'\" [showSelectedCount]=\"true\" [dropdownListWidth]=\"'256px'\"\n [searchEnabled]=\"false\" [hideApplyButton]=\"true\" [data]=\"field.itemsList\"\n [selectedItems]=\"control.value\" (onChange)=\"updateSelectedValueForMultiSelect(field, control, formgroup, $event);\"></mis-multi-select-dropdown>\n <ng-container *ngIf=\"control.touched && control.errors\" [ngTemplateOutlet]=\"dynamicFieldErrors\"\n [ngTemplateOutletContext]=\"{ $implicit: control.errors }\">\n </ng-container>\n </div>\n </ng-template>\n </ng-container>\n\n</ng-template>\n\n<ng-template #dynamicFieldErrors let-errors>\n <div id=\"error-messages-container\">\n <ng-container *ngFor=\"let error of errors | keyvalue\">\n <p class=\"h8\">\n {{\" \u2022 &nbsp;\" + error.value}}\n </p>\n <div style=\"flex-basis: 100%; height: 0\"></div>\n </ng-container>\n </div>\n</ng-template>", styles: ["p{margin:0;cursor:default}::ng-deep .main-container{margin:0;max-width:100%}.sub-dynamic-form{padding-left:24px;border-bottom:1px solid var(--grey-seperators)}.dynamic-field ::ng-deep .container{height:32px!important}.single-line-field-container{display:flex;justify-content:space-between;align-items:center;padding:28px 16px;border-bottom:1px solid var(--grey-seperators)}.multi-line-field-container{display:flex;justify-content:flex-start;align-items:flex-start;padding:28px 16px;flex-wrap:wrap;border-bottom:1px solid var(--grey-seperators)}.field-title-sm{margin-bottom:8px;cursor:default}.input-field{width:100%;background-color:var(--grey-bg-1);border:1px solid var(--grey-seperators);border-radius:6px}.ip-text{height:44px;padding:8px 12px}.ip-textarea{max-height:94px;padding:8px}input:focus{outline:none}input::placeholder{color:var(--grey-seperators)}textarea:focus{outline:none}.date-picker-container{position:relative;width:140px}.date-picker-container .date-picker{cursor:pointer;height:32px;width:100%;font-size:14px;border-radius:6px;padding:0 12px;border:1px solid var(--grey-seperators);inset:10px auto auto 80px;background-color:var(--text-white)}.date-picker-container .date-picker:hover{background-color:var(--grey-hover)}.date-picker-container .date-picker-icon{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer}form .dynamic-field:last-child{border-bottom:none!important}#checkboxes-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.radio-checkbox-common{display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:8px;margin-bottom:8px;background-color:var(--text-white);padding:12px 16px;border:1px solid var(--text-muted);border-radius:8px}.radio-checkbox-common p{color:var(--text-muted);cursor:pointer}.radio-checkbox-common img{margin-right:8px}.checkbox-active{background-color:var(--pmry-500)}.checkbox-active p{color:var(--text-white)}#error-messages-container{margin-top:4px;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}#error-messages-container p{color:var(--sem-error)}.removeable-container{display:flex;justify-content:center;align-items:center}.removeable-container .remove-icon{cursor:pointer;margin-left:8px;max-width:24px}span{color:var(--sem-error)}\n"] }]
882
1170
  }], function () { return []; }, { formFields: [{
883
1171
  type: Input
884
1172
  }], formValues: [{
@@ -899,6 +1187,30 @@ DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dynami
899
1187
  type: Output
900
1188
  }], fieldRemoved: [{
901
1189
  type: Output
1190
+ }], customInputTextNumber: [{
1191
+ type: ContentChild,
1192
+ args: ["customInputTextNumber", { static: false }]
1193
+ }], customInputTextarea: [{
1194
+ type: ContentChild,
1195
+ args: ["customInputTextarea", { static: false }]
1196
+ }], customInputDate: [{
1197
+ type: ContentChild,
1198
+ args: ["customInputDate", { static: false }]
1199
+ }], customBooleanToggle: [{
1200
+ type: ContentChild,
1201
+ args: ["customBooleanToggle", { static: false }]
1202
+ }], customSingleSelectDropdown: [{
1203
+ type: ContentChild,
1204
+ args: ["customSingleSelectDropdown", { static: false }]
1205
+ }], customSingleSelectRadio: [{
1206
+ type: ContentChild,
1207
+ args: ["customSingleSelectRadio", { static: false }]
1208
+ }], customMultiSelectCheckbox: [{
1209
+ type: ContentChild,
1210
+ args: ["customMultiSelectCheckbox", { static: false }]
1211
+ }], customMultiSelectDropdown: [{
1212
+ type: ContentChild,
1213
+ args: ["customMultiSelectDropdown", { static: false }]
902
1214
  }] });
903
1215
  })();
904
1216
  const dynamicFieldValidator = (validators) => {