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/fesm2020/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) { if (rf & 1) {
21
29
  i0.ɵɵelementContainerStart(0);
22
30
  i0.ɵɵelementContainer(1, 6);
@@ -30,7 +38,7 @@ function DynamicFormComponent_ng_container_2_div_2_ng_container_1_Template(rf, c
30
38
  const ctx_r8 = i0.ɵɵnextContext();
31
39
  const _r1 = i0.ɵɵreference(4);
32
40
  i0.ɵɵadvance(1);
33
- 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));
41
+ 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));
34
42
  } }
35
43
  function DynamicFormComponent_ng_container_2_div_2_Template(rf, ctx) { if (rf & 1) {
36
44
  i0.ɵɵelementStart(0, "div", 8);
@@ -41,7 +49,7 @@ function DynamicFormComponent_ng_container_2_div_2_Template(rf, ctx) { if (rf &
41
49
  i0.ɵɵadvance(1);
42
50
  i0.ɵɵproperty("ngForOf", fieldControl_r5.controls.subFields.controls);
43
51
  } }
44
- const _c1 = function (a0, a1, a2) { return { $implicit: a0, formGroup: a1, control: a2 }; };
52
+ const _c9 = function (a0, a1, a2) { return { $implicit: a0, formGroup: a1, control: a2 }; };
45
53
  function DynamicFormComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
46
54
  i0.ɵɵelementContainerStart(0, 5);
47
55
  i0.ɵɵelementContainer(1, 6);
@@ -54,137 +62,202 @@ function DynamicFormComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
54
62
  const _r1 = i0.ɵɵreference(4);
55
63
  i0.ɵɵproperty("formGroupName", i_r6);
56
64
  i0.ɵɵadvance(1);
57
- i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction3(4, _c1, ctx_r0.formFields[i_r6], fieldControl_r5, fieldControl_r5.controls.value));
65
+ i0.ɵɵproperty("ngTemplateOutlet", _r1)("ngTemplateOutletContext", i0.ɵɵpureFunction3(4, _c9, ctx_r0.formFields[i_r6], fieldControl_r5, fieldControl_r5.controls.value));
58
66
  i0.ɵɵadvance(1);
59
67
  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)));
60
68
  } }
61
- function DynamicFormComponent_ng_template_3_div_0_span_3_Template(rf, ctx) { if (rf & 1) {
69
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_ng_template_1_Template(rf, ctx) { }
70
+ const _c10 = function (a0, a1, a2) { return { field: a0, control: a1, formgroup: a2 }; };
71
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
72
+ i0.ɵɵelementContainerStart(0);
73
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
74
+ i0.ɵɵelementContainerEnd();
75
+ } if (rf & 2) {
76
+ const ctx_r28 = i0.ɵɵnextContext(2);
77
+ const field_r13 = ctx_r28.$implicit;
78
+ const control_r14 = ctx_r28.control;
79
+ const formgroup_r15 = ctx_r28.formGroup;
80
+ const ctx_r24 = i0.ɵɵnextContext();
81
+ i0.ɵɵadvance(1);
82
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r24.customInputTextNumber)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
83
+ } }
84
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
62
85
  i0.ɵɵelementStart(0, "span");
63
86
  i0.ɵɵtext(1, " *");
64
87
  i0.ɵɵelementEnd();
65
88
  } }
66
- const _c2 = function (a0) { return { $implicit: a0 }; };
67
- function DynamicFormComponent_ng_template_3_div_0_ng_container_6_Template(rf, ctx) { if (rf & 1) {
89
+ const _c11 = function (a0) { return { $implicit: a0 }; };
90
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_ng_container_6_Template(rf, ctx) { if (rf & 1) {
68
91
  i0.ɵɵelementContainer(0, 6);
69
92
  } if (rf & 2) {
70
- const control_r14 = i0.ɵɵnextContext(2).control;
93
+ const control_r14 = i0.ɵɵnextContext(3).control;
71
94
  i0.ɵɵnextContext();
72
95
  const _r3 = i0.ɵɵreference(6);
73
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
96
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
74
97
  } }
75
- const _c3 = function (a0) { return { "border-bottom": a0 }; };
76
- const _c4 = function (a0) { return { "border": a0 }; };
77
- function DynamicFormComponent_ng_template_3_div_0_Template(rf, ctx) { if (rf & 1) {
78
- const _r29 = i0.ɵɵgetCurrentView();
79
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
98
+ const _c12 = function (a0) { return { "border-bottom": a0 }; };
99
+ const _c13 = function (a0) { return { "border": a0 }; };
100
+ function DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
101
+ const _r34 = i0.ɵɵgetCurrentView();
102
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
80
103
  i0.ɵɵtext(2);
81
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_0_span_3_Template, 2, 0, "span", 14);
104
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_span_3_Template, 2, 0, "span", 10);
82
105
  i0.ɵɵelementEnd();
83
106
  i0.ɵɵelement(4, "div", 15);
84
107
  i0.ɵɵelementStart(5, "input", 16);
85
- 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)); });
108
+ 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)); });
86
109
  i0.ɵɵelementEnd();
87
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_0_ng_container_6_Template, 1, 4, "ng-container", 17);
110
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_ng_container_6_Template, 1, 4, "ng-container", 17);
88
111
  i0.ɵɵelementEnd();
89
112
  } if (rf & 2) {
90
- const ctx_r30 = i0.ɵɵnextContext();
91
- const formgroup_r15 = ctx_r30.formGroup;
92
- const field_r13 = ctx_r30.$implicit;
93
- const control_r14 = ctx_r30.control;
94
- const ctx_r16 = i0.ɵɵnextContext();
95
- 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" : ""));
113
+ const ctx_r35 = i0.ɵɵnextContext(2);
114
+ const formgroup_r15 = ctx_r35.formGroup;
115
+ const field_r13 = ctx_r35.$implicit;
116
+ const control_r14 = ctx_r35.control;
117
+ const ctx_r26 = i0.ɵɵnextContext();
118
+ 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" : ""));
96
119
  i0.ɵɵadvance(2);
97
- i0.ɵɵtextInterpolate1(" ", field_r13.title, " ");
120
+ i0.ɵɵtextInterpolate1(" ", field_r13 == null ? null : field_r13.title, " ");
98
121
  i0.ɵɵadvance(1);
99
122
  i0.ɵɵproperty("ngIf", field_r13.validators && field_r13.validators.length > 0);
100
123
  i0.ɵɵadvance(2);
101
- 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 : "");
124
+ 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 : "");
102
125
  i0.ɵɵadvance(1);
103
126
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
104
127
  } }
105
- function DynamicFormComponent_ng_template_3_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
128
+ function DynamicFormComponent_ng_template_3_ng_container_0_Template(rf, ctx) { if (rf & 1) {
129
+ i0.ɵɵelementContainerStart(0);
130
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_0_ng_container_1_Template, 2, 6, "ng-container", 11);
131
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_0_ng_template_2_Template, 7, 13, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
132
+ i0.ɵɵelementContainerEnd();
133
+ } if (rf & 2) {
134
+ const _r25 = i0.ɵɵreference(3);
135
+ const ctx_r16 = i0.ɵɵnextContext(2);
136
+ i0.ɵɵadvance(1);
137
+ i0.ɵɵproperty("ngIf", ctx_r16.customInputTextNumber)("ngIfElse", _r25);
138
+ } }
139
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_ng_template_1_Template(rf, ctx) { }
140
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
141
+ i0.ɵɵelementContainerStart(0);
142
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
143
+ i0.ɵɵelementContainerEnd();
144
+ } if (rf & 2) {
145
+ const ctx_r40 = i0.ɵɵnextContext(2);
146
+ const field_r13 = ctx_r40.$implicit;
147
+ const control_r14 = ctx_r40.control;
148
+ const formgroup_r15 = ctx_r40.formGroup;
149
+ const ctx_r36 = i0.ɵɵnextContext();
150
+ i0.ɵɵadvance(1);
151
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r36.customInputTextarea)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
152
+ } }
153
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
106
154
  i0.ɵɵelementStart(0, "span");
107
155
  i0.ɵɵtext(1, " *");
108
156
  i0.ɵɵelementEnd();
109
157
  } }
110
- function DynamicFormComponent_ng_template_3_div_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
158
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_ng_container_6_Template(rf, ctx) { if (rf & 1) {
111
159
  i0.ɵɵelementContainer(0, 6);
112
160
  } if (rf & 2) {
113
- const control_r14 = i0.ɵɵnextContext(2).control;
161
+ const control_r14 = i0.ɵɵnextContext(3).control;
114
162
  i0.ɵɵnextContext();
115
163
  const _r3 = i0.ɵɵreference(6);
116
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
164
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
117
165
  } }
118
- function DynamicFormComponent_ng_template_3_div_1_Template(rf, ctx) { if (rf & 1) {
119
- const _r36 = i0.ɵɵgetCurrentView();
120
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
166
+ function DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_Template(rf, ctx) { if (rf & 1) {
167
+ const _r46 = i0.ɵɵgetCurrentView();
168
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
121
169
  i0.ɵɵtext(2);
122
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_1_span_3_Template, 2, 0, "span", 14);
170
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_span_3_Template, 2, 0, "span", 10);
123
171
  i0.ɵɵelementEnd();
124
172
  i0.ɵɵelement(4, "div", 15);
125
- i0.ɵɵelementStart(5, "textarea", 18);
126
- 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)); });
173
+ i0.ɵɵelementStart(5, "textarea", 19);
174
+ 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)); });
127
175
  i0.ɵɵelementEnd();
128
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_1_ng_container_6_Template, 1, 4, "ng-container", 17);
176
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_ng_container_6_Template, 1, 4, "ng-container", 17);
129
177
  i0.ɵɵelementEnd();
130
178
  } if (rf & 2) {
131
- const ctx_r37 = i0.ɵɵnextContext();
132
- const formgroup_r15 = ctx_r37.formGroup;
133
- const field_r13 = ctx_r37.$implicit;
134
- const control_r14 = ctx_r37.control;
135
- const ctx_r17 = i0.ɵɵnextContext();
136
- 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" : ""));
179
+ const ctx_r47 = i0.ɵɵnextContext(2);
180
+ const formgroup_r15 = ctx_r47.formGroup;
181
+ const field_r13 = ctx_r47.$implicit;
182
+ const control_r14 = ctx_r47.control;
183
+ const ctx_r38 = i0.ɵɵnextContext();
184
+ 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" : ""));
137
185
  i0.ɵɵadvance(2);
138
186
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
139
187
  i0.ɵɵadvance(1);
140
188
  i0.ɵɵproperty("ngIf", field_r13.validators && field_r13.validators.length > 0);
141
189
  i0.ɵɵadvance(2);
142
- 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);
190
+ 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);
143
191
  i0.ɵɵadvance(1);
144
192
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
145
193
  } }
146
- function DynamicFormComponent_ng_template_3_div_2_span_3_Template(rf, ctx) { if (rf & 1) {
194
+ function DynamicFormComponent_ng_template_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
195
+ i0.ɵɵelementContainerStart(0);
196
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_1_ng_container_1_Template, 2, 6, "ng-container", 11);
197
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_1_ng_template_2_Template, 7, 11, "ng-template", null, 18, i0.ɵɵtemplateRefExtractor);
198
+ i0.ɵɵelementContainerEnd();
199
+ } if (rf & 2) {
200
+ const _r37 = i0.ɵɵreference(3);
201
+ const ctx_r17 = i0.ɵɵnextContext(2);
202
+ i0.ɵɵadvance(1);
203
+ i0.ɵɵproperty("ngIf", ctx_r17.customInputTextarea)("ngIfElse", _r37);
204
+ } }
205
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_ng_template_1_Template(rf, ctx) { }
206
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
207
+ i0.ɵɵelementContainerStart(0);
208
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
209
+ i0.ɵɵelementContainerEnd();
210
+ } if (rf & 2) {
211
+ const ctx_r52 = i0.ɵɵnextContext(2);
212
+ const field_r13 = ctx_r52.$implicit;
213
+ const control_r14 = ctx_r52.control;
214
+ const formgroup_r15 = ctx_r52.formGroup;
215
+ const ctx_r48 = i0.ɵɵnextContext();
216
+ i0.ɵɵadvance(1);
217
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r48.customInputDate)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
218
+ } }
219
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_span_3_Template(rf, ctx) { if (rf & 1) {
147
220
  i0.ɵɵelementStart(0, "span");
148
221
  i0.ɵɵtext(1, " *");
149
222
  i0.ɵɵelementEnd();
150
223
  } }
151
- function DynamicFormComponent_ng_template_3_div_2_img_7_Template(rf, ctx) { if (rf & 1) {
152
- const _r43 = i0.ɵɵgetCurrentView();
153
- i0.ɵɵelementStart(0, "img", 25);
154
- 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()); });
224
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_img_7_Template(rf, ctx) { if (rf & 1) {
225
+ const _r59 = i0.ɵɵgetCurrentView();
226
+ i0.ɵɵelementStart(0, "img", 28);
227
+ 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()); });
155
228
  i0.ɵɵelementEnd();
156
229
  } if (rf & 2) {
157
- const ctx_r40 = i0.ɵɵnextContext(3);
158
- i0.ɵɵproperty("src", ctx_r40.calendarIconUrl, i0.ɵɵsanitizeUrl);
230
+ const ctx_r56 = i0.ɵɵnextContext(5);
231
+ i0.ɵɵproperty("src", ctx_r56.calendarIconUrl, i0.ɵɵsanitizeUrl);
159
232
  } }
160
- function DynamicFormComponent_ng_template_3_div_2_ng_container_8_Template(rf, ctx) { if (rf & 1) {
233
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_ng_container_8_Template(rf, ctx) { if (rf & 1) {
161
234
  i0.ɵɵelementContainer(0, 6);
162
235
  } if (rf & 2) {
163
- const control_r14 = i0.ɵɵnextContext(2).control;
236
+ const control_r14 = i0.ɵɵnextContext(4).control;
164
237
  i0.ɵɵnextContext();
165
238
  const _r3 = i0.ɵɵreference(6);
166
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
239
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
167
240
  } }
168
- function DynamicFormComponent_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1) {
169
- const _r47 = i0.ɵɵgetCurrentView();
170
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
241
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
242
+ const _r63 = i0.ɵɵgetCurrentView();
243
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
171
244
  i0.ɵɵtext(2);
172
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_2_span_3_Template, 2, 0, "span", 14);
245
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_span_3_Template, 2, 0, "span", 10);
173
246
  i0.ɵɵelementEnd();
174
- i0.ɵɵelementStart(4, "div", 21)(5, "input", 22, 23);
175
- 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)); });
247
+ i0.ɵɵelementStart(4, "div", 24)(5, "input", 25, 26);
248
+ 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)); });
176
249
  i0.ɵɵelementEnd();
177
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_2_img_7_Template, 1, 1, "img", 24);
250
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_img_7_Template, 1, 1, "img", 27);
178
251
  i0.ɵɵelementEnd();
179
- i0.ɵɵtemplate(8, DynamicFormComponent_ng_template_3_div_2_ng_container_8_Template, 1, 4, "ng-container", 17);
252
+ i0.ɵɵtemplate(8, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_ng_container_8_Template, 1, 4, "ng-container", 17);
180
253
  i0.ɵɵelementEnd();
181
254
  } if (rf & 2) {
182
- const ctx_r48 = i0.ɵɵnextContext();
183
- const formgroup_r15 = ctx_r48.formGroup;
184
- const field_r13 = ctx_r48.$implicit;
185
- const control_r14 = ctx_r48.control;
186
- const ctx_r18 = i0.ɵɵnextContext();
187
- 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" : ""));
255
+ const ctx_r64 = i0.ɵɵnextContext(3);
256
+ const formgroup_r15 = ctx_r64.formGroup;
257
+ const field_r13 = ctx_r64.$implicit;
258
+ const control_r14 = ctx_r64.control;
259
+ const ctx_r53 = i0.ɵɵnextContext();
260
+ 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" : ""));
188
261
  i0.ɵɵadvance(2);
189
262
  i0.ɵɵtextInterpolate1(" ", field_r13.title, " ");
190
263
  i0.ɵɵadvance(1);
@@ -192,41 +265,72 @@ function DynamicFormComponent_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1
192
265
  i0.ɵɵadvance(2);
193
266
  i0.ɵɵproperty("dpConfig", field_r13.fieldConfig)("selectedDate", control_r14.value)("offsetY", 0)("value", control_r14.value);
194
267
  i0.ɵɵadvance(2);
195
- i0.ɵɵproperty("ngIf", ctx_r18.calendarIconUrl);
268
+ i0.ɵɵproperty("ngIf", ctx_r53.calendarIconUrl);
196
269
  i0.ɵɵadvance(1);
197
270
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
198
271
  } }
199
- function DynamicFormComponent_ng_template_3_div_3_span_3_Template(rf, ctx) { if (rf & 1) {
272
+ function DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_Template(rf, ctx) { if (rf & 1) {
273
+ i0.ɵɵtemplate(0, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_div_0_Template, 9, 11, "div", 21);
274
+ } if (rf & 2) {
275
+ const field_r13 = i0.ɵɵnextContext(2).$implicit;
276
+ i0.ɵɵproperty("ngIf", field_r13.fieldType === "input" && field_r13.fieldInputType === "date");
277
+ } }
278
+ function DynamicFormComponent_ng_template_3_ng_container_2_Template(rf, ctx) { if (rf & 1) {
279
+ i0.ɵɵelementContainerStart(0);
280
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_2_ng_container_1_Template, 2, 6, "ng-container", 11);
281
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_2_ng_template_2_Template, 1, 1, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor);
282
+ i0.ɵɵelementContainerEnd();
283
+ } if (rf & 2) {
284
+ const _r49 = i0.ɵɵreference(3);
285
+ const ctx_r18 = i0.ɵɵnextContext(2);
286
+ i0.ɵɵadvance(1);
287
+ i0.ɵɵproperty("ngIf", ctx_r18.customInputDate)("ngIfElse", _r49);
288
+ } }
289
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_ng_template_1_Template(rf, ctx) { }
290
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_Template(rf, ctx) { if (rf & 1) {
291
+ i0.ɵɵelementContainerStart(0);
292
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
293
+ i0.ɵɵelementContainerEnd();
294
+ } if (rf & 2) {
295
+ const ctx_r70 = i0.ɵɵnextContext(2);
296
+ const field_r13 = ctx_r70.$implicit;
297
+ const control_r14 = ctx_r70.control;
298
+ const formgroup_r15 = ctx_r70.formGroup;
299
+ const ctx_r66 = i0.ɵɵnextContext();
300
+ i0.ɵɵadvance(1);
301
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r66.customBooleanToggle)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
302
+ } }
303
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
200
304
  i0.ɵɵelementStart(0, "span");
201
305
  i0.ɵɵtext(1, " *");
202
306
  i0.ɵɵelementEnd();
203
307
  } }
204
- function DynamicFormComponent_ng_template_3_div_3_ng_container_5_Template(rf, ctx) { if (rf & 1) {
308
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_ng_container_5_Template(rf, ctx) { if (rf & 1) {
205
309
  i0.ɵɵelementContainer(0, 6);
206
310
  } if (rf & 2) {
207
- const control_r14 = i0.ɵɵnextContext(2).control;
311
+ const control_r14 = i0.ɵɵnextContext(3).control;
208
312
  i0.ɵɵnextContext();
209
313
  const _r3 = i0.ɵɵreference(6);
210
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
314
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
211
315
  } }
212
- function DynamicFormComponent_ng_template_3_div_3_Template(rf, ctx) { if (rf & 1) {
213
- const _r54 = i0.ɵɵgetCurrentView();
214
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
316
+ function DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
317
+ const _r76 = i0.ɵɵgetCurrentView();
318
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
215
319
  i0.ɵɵtext(2);
216
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_3_span_3_Template, 2, 0, "span", 14);
320
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_span_3_Template, 2, 0, "span", 10);
217
321
  i0.ɵɵelementEnd();
218
- i0.ɵɵelementStart(4, "mis-switch", 26);
219
- 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)); });
322
+ i0.ɵɵelementStart(4, "mis-switch", 30);
323
+ 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)); });
220
324
  i0.ɵɵelementEnd();
221
- i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_div_3_ng_container_5_Template, 1, 4, "ng-container", 17);
325
+ i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_ng_container_5_Template, 1, 4, "ng-container", 17);
222
326
  i0.ɵɵelementEnd();
223
327
  } if (rf & 2) {
224
- const ctx_r55 = i0.ɵɵnextContext();
225
- const formgroup_r15 = ctx_r55.formGroup;
226
- const field_r13 = ctx_r55.$implicit;
227
- const control_r14 = ctx_r55.control;
228
- const ctx_r19 = i0.ɵɵnextContext();
229
- 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" : ""));
328
+ const ctx_r77 = i0.ɵɵnextContext(2);
329
+ const formgroup_r15 = ctx_r77.formGroup;
330
+ const field_r13 = ctx_r77.$implicit;
331
+ const control_r14 = ctx_r77.control;
332
+ const ctx_r68 = i0.ɵɵnextContext();
333
+ 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" : ""));
230
334
  i0.ɵɵadvance(2);
231
335
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
232
336
  i0.ɵɵadvance(1);
@@ -236,118 +340,168 @@ function DynamicFormComponent_ng_template_3_div_3_Template(rf, ctx) { if (rf & 1
236
340
  i0.ɵɵadvance(1);
237
341
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
238
342
  } }
239
- function DynamicFormComponent_ng_template_3_div_4_span_3_Template(rf, ctx) { if (rf & 1) {
343
+ function DynamicFormComponent_ng_template_3_ng_container_3_Template(rf, ctx) { if (rf & 1) {
344
+ i0.ɵɵelementContainerStart(0);
345
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_3_ng_container_1_Template, 2, 6, "ng-container", 11);
346
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_3_ng_template_2_Template, 6, 7, "ng-template", null, 29, i0.ɵɵtemplateRefExtractor);
347
+ i0.ɵɵelementContainerEnd();
348
+ } if (rf & 2) {
349
+ const _r67 = i0.ɵɵreference(3);
350
+ const ctx_r19 = i0.ɵɵnextContext(2);
351
+ i0.ɵɵadvance(1);
352
+ i0.ɵɵproperty("ngIf", ctx_r19.customBooleanToggle)("ngIfElse", _r67);
353
+ } }
354
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_ng_template_1_Template(rf, ctx) { }
355
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
356
+ i0.ɵɵelementContainerStart(0);
357
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
358
+ i0.ɵɵelementContainerEnd();
359
+ } if (rf & 2) {
360
+ const ctx_r82 = i0.ɵɵnextContext(2);
361
+ const field_r13 = ctx_r82.$implicit;
362
+ const control_r14 = ctx_r82.control;
363
+ const formgroup_r15 = ctx_r82.formGroup;
364
+ const ctx_r78 = i0.ɵɵnextContext();
365
+ i0.ɵɵadvance(1);
366
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r78.customSingleSelectDropdown)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
367
+ } }
368
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
240
369
  i0.ɵɵelementStart(0, "span");
241
370
  i0.ɵɵtext(1, " *");
242
371
  i0.ɵɵelementEnd();
243
372
  } }
244
- function DynamicFormComponent_ng_template_3_div_4_img_6_Template(rf, ctx) { if (rf & 1) {
245
- const _r61 = i0.ɵɵgetCurrentView();
246
- i0.ɵɵelementStart(0, "img", 30);
247
- 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)); });
373
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_img_6_Template(rf, ctx) { if (rf & 1) {
374
+ const _r88 = i0.ɵɵgetCurrentView();
375
+ i0.ɵɵelementStart(0, "img", 35);
376
+ 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)); });
248
377
  i0.ɵɵelementEnd();
249
378
  } if (rf & 2) {
250
- const ctx_r57 = i0.ɵɵnextContext(3);
251
- i0.ɵɵproperty("src", ctx_r57.removeIconUrl, i0.ɵɵsanitizeUrl);
379
+ const ctx_r84 = i0.ɵɵnextContext(4);
380
+ i0.ɵɵproperty("src", ctx_r84.removeIconUrl, i0.ɵɵsanitizeUrl);
252
381
  } }
253
- function DynamicFormComponent_ng_template_3_div_4_ng_container_7_Template(rf, ctx) { if (rf & 1) {
382
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_ng_container_7_Template(rf, ctx) { if (rf & 1) {
254
383
  i0.ɵɵelementContainer(0, 6);
255
384
  } if (rf & 2) {
256
- const control_r14 = i0.ɵɵnextContext(2).control;
385
+ const control_r14 = i0.ɵɵnextContext(3).control;
257
386
  i0.ɵɵnextContext();
258
387
  const _r3 = i0.ɵɵreference(6);
259
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
388
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
260
389
  } }
261
- const _c5 = function (a0) { return { "removeable-container": a0 }; };
262
- function DynamicFormComponent_ng_template_3_div_4_Template(rf, ctx) { if (rf & 1) {
263
- const _r65 = i0.ɵɵgetCurrentView();
264
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
390
+ const _c14 = function (a0) { return { "removeable-container": a0 }; };
391
+ function DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
392
+ const _r92 = i0.ɵɵgetCurrentView();
393
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
265
394
  i0.ɵɵtext(2);
266
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_4_span_3_Template, 2, 0, "span", 14);
395
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_span_3_Template, 2, 0, "span", 10);
267
396
  i0.ɵɵelementEnd();
268
- i0.ɵɵelementStart(4, "div", 27)(5, "mis-dropdown", 28);
269
- 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)); });
397
+ i0.ɵɵelementStart(4, "div", 32)(5, "mis-dropdown", 33);
398
+ 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)); });
270
399
  i0.ɵɵelementEnd();
271
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_4_img_6_Template, 1, 1, "img", 29);
400
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_img_6_Template, 1, 1, "img", 34);
272
401
  i0.ɵɵelementEnd();
273
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_4_ng_container_7_Template, 1, 4, "ng-container", 17);
402
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_ng_container_7_Template, 1, 4, "ng-container", 17);
274
403
  i0.ɵɵelementEnd();
275
404
  } if (rf & 2) {
276
- const ctx_r66 = i0.ɵɵnextContext();
277
- const formgroup_r15 = ctx_r66.formGroup;
278
- const field_r13 = ctx_r66.$implicit;
279
- const control_r14 = ctx_r66.control;
280
- const ctx_r20 = i0.ɵɵnextContext();
281
- 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" : ""));
405
+ const ctx_r93 = i0.ɵɵnextContext(2);
406
+ const formgroup_r15 = ctx_r93.formGroup;
407
+ const field_r13 = ctx_r93.$implicit;
408
+ const control_r14 = ctx_r93.control;
409
+ const ctx_r80 = i0.ɵɵnextContext();
410
+ 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" : ""));
282
411
  i0.ɵɵadvance(2);
283
412
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
284
413
  i0.ɵɵadvance(1);
285
414
  i0.ɵɵproperty("ngIf", field_r13.validators && field_r13.validators.length > 0);
286
415
  i0.ɵɵadvance(1);
287
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c5, field_r13 == null ? null : field_r13.isRemoveable));
416
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(12, _c14, field_r13 == null ? null : field_r13.isRemoveable));
288
417
  i0.ɵɵadvance(1);
289
418
  i0.ɵɵproperty("searchEnabled", false)("width", "140px")("data", field_r13.itemsList)("selectedItem", control_r14.value);
290
419
  i0.ɵɵadvance(1);
291
- i0.ɵɵproperty("ngIf", field_r13.isRemoveable && ctx_r20.removeIconUrl);
420
+ i0.ɵɵproperty("ngIf", field_r13.isRemoveable && ctx_r80.removeIconUrl);
292
421
  i0.ɵɵadvance(1);
293
422
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
294
423
  } }
295
- function DynamicFormComponent_ng_template_3_div_5_span_3_Template(rf, ctx) { if (rf & 1) {
424
+ function DynamicFormComponent_ng_template_3_ng_container_4_Template(rf, ctx) { if (rf & 1) {
425
+ i0.ɵɵelementContainerStart(0);
426
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_4_ng_container_1_Template, 2, 6, "ng-container", 11);
427
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_4_ng_template_2_Template, 8, 14, "ng-template", null, 31, i0.ɵɵtemplateRefExtractor);
428
+ i0.ɵɵelementContainerEnd();
429
+ } if (rf & 2) {
430
+ const _r79 = i0.ɵɵreference(3);
431
+ const ctx_r20 = i0.ɵɵnextContext(2);
432
+ i0.ɵɵadvance(1);
433
+ i0.ɵɵproperty("ngIf", ctx_r20.customSingleSelectDropdown)("ngIfElse", _r79);
434
+ } }
435
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_ng_template_1_Template(rf, ctx) { }
436
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
437
+ i0.ɵɵelementContainerStart(0);
438
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
439
+ i0.ɵɵelementContainerEnd();
440
+ } if (rf & 2) {
441
+ const ctx_r98 = i0.ɵɵnextContext(2);
442
+ const field_r13 = ctx_r98.$implicit;
443
+ const control_r14 = ctx_r98.control;
444
+ const formgroup_r15 = ctx_r98.formGroup;
445
+ const ctx_r94 = i0.ɵɵnextContext();
446
+ i0.ɵɵadvance(1);
447
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r94.customSingleSelectRadio)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
448
+ } }
449
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
296
450
  i0.ɵɵelementStart(0, "span");
297
451
  i0.ɵɵtext(1, " *");
298
452
  i0.ɵɵelementEnd();
299
453
  } }
300
- function DynamicFormComponent_ng_template_3_div_5_div_6_img_1_Template(rf, ctx) { if (rf & 1) {
301
- i0.ɵɵelement(0, "img", 35);
454
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_img_1_Template(rf, ctx) { if (rf & 1) {
455
+ i0.ɵɵelement(0, "img", 41);
302
456
  } if (rf & 2) {
303
- const ctx_r71 = i0.ɵɵnextContext(4);
304
- i0.ɵɵproperty("src", ctx_r71.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
457
+ const ctx_r103 = i0.ɵɵnextContext(5);
458
+ i0.ɵɵproperty("src", ctx_r103.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
305
459
  } }
306
- const _c6 = function (a0) { return { "checkbox-active": a0 }; };
307
- function DynamicFormComponent_ng_template_3_div_5_div_6_Template(rf, ctx) { if (rf & 1) {
308
- const _r74 = i0.ɵɵgetCurrentView();
309
- i0.ɵɵelementStart(0, "div", 33);
310
- 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)); });
311
- i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_div_5_div_6_img_1_Template, 1, 1, "img", 34);
312
- i0.ɵɵelementStart(2, "p", 20);
460
+ const _c15 = function (a0) { return { "checkbox-active": a0 }; };
461
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_Template(rf, ctx) { if (rf & 1) {
462
+ const _r106 = i0.ɵɵgetCurrentView();
463
+ i0.ɵɵelementStart(0, "div", 39);
464
+ 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)); });
465
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_img_1_Template, 1, 1, "img", 40);
466
+ i0.ɵɵelementStart(2, "p", 23);
313
467
  i0.ɵɵtext(3);
314
468
  i0.ɵɵelementEnd()();
315
469
  } if (rf & 2) {
316
- const item_r70 = ctx.$implicit;
317
- const control_r14 = i0.ɵɵnextContext(2).control;
318
- const ctx_r68 = i0.ɵɵnextContext();
319
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c6, item_r70.label === (control_r14.value == null ? null : control_r14.value.label)));
470
+ const item_r102 = ctx.$implicit;
471
+ const control_r14 = i0.ɵɵnextContext(3).control;
472
+ const ctx_r100 = i0.ɵɵnextContext();
473
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c15, item_r102.label === (control_r14.value == null ? null : control_r14.value.label)));
320
474
  i0.ɵɵadvance(1);
321
- i0.ɵɵproperty("ngIf", item_r70.label === (control_r14.value == null ? null : control_r14.value.label) && ctx_r68.activeBtnIconUrl);
475
+ i0.ɵɵproperty("ngIf", item_r102.label === (control_r14.value == null ? null : control_r14.value.label) && ctx_r100.activeBtnIconUrl);
322
476
  i0.ɵɵadvance(2);
323
- i0.ɵɵtextInterpolate(item_r70.label);
477
+ i0.ɵɵtextInterpolate(item_r102.label);
324
478
  } }
325
- function DynamicFormComponent_ng_template_3_div_5_ng_container_7_Template(rf, ctx) { if (rf & 1) {
479
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_ng_container_7_Template(rf, ctx) { if (rf & 1) {
326
480
  i0.ɵɵelementContainer(0, 6);
327
481
  } if (rf & 2) {
328
- const control_r14 = i0.ɵɵnextContext(2).control;
482
+ const control_r14 = i0.ɵɵnextContext(3).control;
329
483
  i0.ɵɵnextContext();
330
484
  const _r3 = i0.ɵɵreference(6);
331
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
485
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
332
486
  } }
333
- function DynamicFormComponent_ng_template_3_div_5_Template(rf, ctx) { if (rf & 1) {
334
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
487
+ function DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
488
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
335
489
  i0.ɵɵtext(2);
336
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_5_span_3_Template, 2, 0, "span", 14);
490
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_span_3_Template, 2, 0, "span", 10);
337
491
  i0.ɵɵelementEnd();
338
492
  i0.ɵɵelement(4, "div", 15);
339
- i0.ɵɵelementStart(5, "div", 31);
340
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_5_div_6_Template, 4, 5, "div", 32);
493
+ i0.ɵɵelementStart(5, "div", 37);
494
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_div_6_Template, 4, 5, "div", 38);
341
495
  i0.ɵɵelementEnd();
342
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_5_ng_container_7_Template, 1, 4, "ng-container", 17);
496
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_ng_container_7_Template, 1, 4, "ng-container", 17);
343
497
  i0.ɵɵelementEnd();
344
498
  } if (rf & 2) {
345
- const ctx_r77 = i0.ɵɵnextContext();
346
- const formgroup_r15 = ctx_r77.formGroup;
347
- const field_r13 = ctx_r77.$implicit;
348
- const control_r14 = ctx_r77.control;
349
- const ctx_r21 = i0.ɵɵnextContext();
350
- 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" : ""));
499
+ const ctx_r109 = i0.ɵɵnextContext(2);
500
+ const formgroup_r15 = ctx_r109.formGroup;
501
+ const field_r13 = ctx_r109.$implicit;
502
+ const control_r14 = ctx_r109.control;
503
+ const ctx_r96 = i0.ɵɵnextContext();
504
+ 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" : ""));
351
505
  i0.ɵɵadvance(2);
352
506
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
353
507
  i0.ɵɵadvance(1);
@@ -357,61 +511,86 @@ function DynamicFormComponent_ng_template_3_div_5_Template(rf, ctx) { if (rf & 1
357
511
  i0.ɵɵadvance(1);
358
512
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
359
513
  } }
360
- function DynamicFormComponent_ng_template_3_div_6_span_3_Template(rf, ctx) { if (rf & 1) {
514
+ function DynamicFormComponent_ng_template_3_ng_container_5_Template(rf, ctx) { if (rf & 1) {
515
+ i0.ɵɵelementContainerStart(0);
516
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_5_ng_container_1_Template, 2, 6, "ng-container", 11);
517
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_5_ng_template_2_Template, 8, 7, "ng-template", null, 36, i0.ɵɵtemplateRefExtractor);
518
+ i0.ɵɵelementContainerEnd();
519
+ } if (rf & 2) {
520
+ const _r95 = i0.ɵɵreference(3);
521
+ const ctx_r21 = i0.ɵɵnextContext(2);
522
+ i0.ɵɵadvance(1);
523
+ i0.ɵɵproperty("ngIf", ctx_r21.customSingleSelectRadio)("ngIfElse", _r95);
524
+ } }
525
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_ng_template_1_Template(rf, ctx) { }
526
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_Template(rf, ctx) { if (rf & 1) {
527
+ i0.ɵɵelementContainerStart(0);
528
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
529
+ i0.ɵɵelementContainerEnd();
530
+ } if (rf & 2) {
531
+ const ctx_r114 = i0.ɵɵnextContext(2);
532
+ const field_r13 = ctx_r114.$implicit;
533
+ const control_r14 = ctx_r114.control;
534
+ const formgroup_r15 = ctx_r114.formGroup;
535
+ const ctx_r110 = i0.ɵɵnextContext();
536
+ i0.ɵɵadvance(1);
537
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r110.customMultiSelectCheckbox)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
538
+ } }
539
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
361
540
  i0.ɵɵelementStart(0, "span");
362
541
  i0.ɵɵtext(1, " *");
363
542
  i0.ɵɵelementEnd();
364
543
  } }
365
- function DynamicFormComponent_ng_template_3_div_6_div_6_img_1_Template(rf, ctx) { if (rf & 1) {
366
- i0.ɵɵelement(0, "img", 35);
544
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_img_1_Template(rf, ctx) { if (rf & 1) {
545
+ i0.ɵɵelement(0, "img", 41);
367
546
  } if (rf & 2) {
368
- const ctx_r82 = i0.ɵɵnextContext(4);
369
- i0.ɵɵproperty("src", ctx_r82.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
547
+ const ctx_r119 = i0.ɵɵnextContext(5);
548
+ i0.ɵɵproperty("src", ctx_r119.activeBtnIconUrl, i0.ɵɵsanitizeUrl);
370
549
  } }
371
- function DynamicFormComponent_ng_template_3_div_6_div_6_Template(rf, ctx) { if (rf & 1) {
372
- const _r85 = i0.ɵɵgetCurrentView();
373
- i0.ɵɵelementStart(0, "div", 33);
374
- 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])); });
375
- i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_div_6_div_6_img_1_Template, 1, 1, "img", 34);
376
- i0.ɵɵelementStart(2, "p", 20);
550
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_Template(rf, ctx) { if (rf & 1) {
551
+ const _r122 = i0.ɵɵgetCurrentView();
552
+ i0.ɵɵelementStart(0, "div", 39);
553
+ 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])); });
554
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_img_1_Template, 1, 1, "img", 40);
555
+ i0.ɵɵelementStart(2, "p", 23);
377
556
  i0.ɵɵtext(3);
378
557
  i0.ɵɵelementEnd()();
379
558
  } if (rf & 2) {
380
- const item_r81 = ctx.$implicit;
381
- const control_r14 = i0.ɵɵnextContext(2).control;
382
- const ctx_r79 = i0.ɵɵnextContext();
383
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c6, ctx_r79.isCheckBoxSelected(item_r81.label, control_r14.value)));
559
+ const item_r118 = ctx.$implicit;
560
+ const control_r14 = i0.ɵɵnextContext(3).control;
561
+ const ctx_r116 = i0.ɵɵnextContext();
562
+ i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c15, ctx_r116.isCheckBoxSelected(item_r118.label, control_r14.value)));
384
563
  i0.ɵɵadvance(1);
385
- i0.ɵɵproperty("ngIf", ctx_r79.isCheckBoxSelected(item_r81.label, control_r14.value) && ctx_r79.activeBtnIconUrl);
564
+ i0.ɵɵproperty("ngIf", ctx_r116.isCheckBoxSelected(item_r118.label, control_r14.value) && ctx_r116.activeBtnIconUrl);
386
565
  i0.ɵɵadvance(2);
387
- i0.ɵɵtextInterpolate(item_r81.label);
566
+ i0.ɵɵtextInterpolate(item_r118.label);
388
567
  } }
389
- function DynamicFormComponent_ng_template_3_div_6_ng_container_7_Template(rf, ctx) { if (rf & 1) {
568
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_ng_container_7_Template(rf, ctx) { if (rf & 1) {
390
569
  i0.ɵɵelementContainer(0, 6);
391
570
  } if (rf & 2) {
392
- const control_r14 = i0.ɵɵnextContext(2).control;
571
+ const control_r14 = i0.ɵɵnextContext(3).control;
393
572
  i0.ɵɵnextContext();
394
573
  const _r3 = i0.ɵɵreference(6);
395
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
574
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
396
575
  } }
397
- function DynamicFormComponent_ng_template_3_div_6_Template(rf, ctx) { if (rf & 1) {
398
- i0.ɵɵelementStart(0, "div", 12)(1, "p", 13);
576
+ function DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_Template(rf, ctx) { if (rf & 1) {
577
+ i0.ɵɵelementStart(0, "div", 13)(1, "p", 14);
399
578
  i0.ɵɵtext(2);
400
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_6_span_3_Template, 2, 0, "span", 14);
579
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_span_3_Template, 2, 0, "span", 10);
401
580
  i0.ɵɵelementEnd();
402
581
  i0.ɵɵelement(4, "div", 15);
403
- i0.ɵɵelementStart(5, "div", 31);
404
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_6_div_6_Template, 4, 5, "div", 32);
582
+ i0.ɵɵelementStart(5, "div", 37);
583
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_div_6_Template, 4, 5, "div", 38);
405
584
  i0.ɵɵelementEnd();
406
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_6_ng_container_7_Template, 1, 4, "ng-container", 17);
585
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_ng_container_7_Template, 1, 4, "ng-container", 17);
407
586
  i0.ɵɵelementEnd();
408
587
  } if (rf & 2) {
409
- const ctx_r88 = i0.ɵɵnextContext();
410
- const formgroup_r15 = ctx_r88.formGroup;
411
- const field_r13 = ctx_r88.$implicit;
412
- const control_r14 = ctx_r88.control;
413
- const ctx_r22 = i0.ɵɵnextContext();
414
- 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" : ""));
588
+ const ctx_r125 = i0.ɵɵnextContext(2);
589
+ const formgroup_r15 = ctx_r125.formGroup;
590
+ const field_r13 = ctx_r125.$implicit;
591
+ const control_r14 = ctx_r125.control;
592
+ const ctx_r112 = i0.ɵɵnextContext();
593
+ 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" : ""));
415
594
  i0.ɵɵadvance(2);
416
595
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
417
596
  i0.ɵɵadvance(1);
@@ -421,37 +600,62 @@ function DynamicFormComponent_ng_template_3_div_6_Template(rf, ctx) { if (rf & 1
421
600
  i0.ɵɵadvance(1);
422
601
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
423
602
  } }
424
- function DynamicFormComponent_ng_template_3_div_7_span_3_Template(rf, ctx) { if (rf & 1) {
603
+ function DynamicFormComponent_ng_template_3_ng_container_6_Template(rf, ctx) { if (rf & 1) {
604
+ i0.ɵɵelementContainerStart(0);
605
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_6_ng_container_1_Template, 2, 6, "ng-container", 11);
606
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_6_ng_template_2_Template, 8, 7, "ng-template", null, 42, i0.ɵɵtemplateRefExtractor);
607
+ i0.ɵɵelementContainerEnd();
608
+ } if (rf & 2) {
609
+ const _r111 = i0.ɵɵreference(3);
610
+ const ctx_r22 = i0.ɵɵnextContext(2);
611
+ i0.ɵɵadvance(1);
612
+ i0.ɵɵproperty("ngIf", ctx_r22.customMultiSelectCheckbox)("ngIfElse", _r111);
613
+ } }
614
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_ng_template_1_Template(rf, ctx) { }
615
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
616
+ i0.ɵɵelementContainerStart(0);
617
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_ng_template_1_Template, 0, 0, "ng-template", 6);
618
+ i0.ɵɵelementContainerEnd();
619
+ } if (rf & 2) {
620
+ const ctx_r130 = i0.ɵɵnextContext(2);
621
+ const field_r13 = ctx_r130.$implicit;
622
+ const control_r14 = ctx_r130.control;
623
+ const formgroup_r15 = ctx_r130.formGroup;
624
+ const ctx_r126 = i0.ɵɵnextContext();
625
+ i0.ɵɵadvance(1);
626
+ i0.ɵɵproperty("ngTemplateOutlet", ctx_r126.customMultiSelectDropdown)("ngTemplateOutletContext", i0.ɵɵpureFunction3(2, _c10, field_r13, control_r14, formgroup_r15));
627
+ } }
628
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
425
629
  i0.ɵɵelementStart(0, "span");
426
630
  i0.ɵɵtext(1, " *");
427
631
  i0.ɵɵelementEnd();
428
632
  } }
429
- function DynamicFormComponent_ng_template_3_div_7_ng_container_5_Template(rf, ctx) { if (rf & 1) {
633
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_ng_container_5_Template(rf, ctx) { if (rf & 1) {
430
634
  i0.ɵɵelementContainer(0, 6);
431
635
  } if (rf & 2) {
432
- const control_r14 = i0.ɵɵnextContext(2).control;
636
+ const control_r14 = i0.ɵɵnextContext(3).control;
433
637
  i0.ɵɵnextContext();
434
638
  const _r3 = i0.ɵɵreference(6);
435
- i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2, control_r14.errors));
639
+ i0.ɵɵproperty("ngTemplateOutlet", _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c11, control_r14.errors));
436
640
  } }
437
- function DynamicFormComponent_ng_template_3_div_7_Template(rf, ctx) { if (rf & 1) {
438
- const _r94 = i0.ɵɵgetCurrentView();
439
- i0.ɵɵelementStart(0, "div", 19)(1, "p", 20);
641
+ function DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_Template(rf, ctx) { if (rf & 1) {
642
+ const _r136 = i0.ɵɵgetCurrentView();
643
+ i0.ɵɵelementStart(0, "div", 22)(1, "p", 23);
440
644
  i0.ɵɵtext(2);
441
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_7_span_3_Template, 2, 0, "span", 14);
645
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_span_3_Template, 2, 0, "span", 10);
442
646
  i0.ɵɵelementEnd();
443
- i0.ɵɵelementStart(4, "mis-multi-select-dropdown", 36);
444
- 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)); });
647
+ i0.ɵɵelementStart(4, "mis-multi-select-dropdown", 44);
648
+ 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)); });
445
649
  i0.ɵɵelementEnd();
446
- i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_div_7_ng_container_5_Template, 1, 4, "ng-container", 17);
650
+ i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_ng_container_5_Template, 1, 4, "ng-container", 17);
447
651
  i0.ɵɵelementEnd();
448
652
  } if (rf & 2) {
449
- const ctx_r95 = i0.ɵɵnextContext();
450
- const formgroup_r15 = ctx_r95.formGroup;
451
- const field_r13 = ctx_r95.$implicit;
452
- const control_r14 = ctx_r95.control;
453
- const ctx_r23 = i0.ɵɵnextContext();
454
- 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" : ""));
653
+ const ctx_r137 = i0.ɵɵnextContext(2);
654
+ const formgroup_r15 = ctx_r137.formGroup;
655
+ const field_r13 = ctx_r137.$implicit;
656
+ const control_r14 = ctx_r137.control;
657
+ const ctx_r128 = i0.ɵɵnextContext();
658
+ 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" : ""));
455
659
  i0.ɵɵadvance(2);
456
660
  i0.ɵɵtextInterpolate1(" ", field_r13.title, "");
457
661
  i0.ɵɵadvance(1);
@@ -461,15 +665,26 @@ function DynamicFormComponent_ng_template_3_div_7_Template(rf, ctx) { if (rf & 1
461
665
  i0.ɵɵadvance(1);
462
666
  i0.ɵɵproperty("ngIf", control_r14.touched && control_r14.errors);
463
667
  } }
668
+ function DynamicFormComponent_ng_template_3_ng_container_7_Template(rf, ctx) { if (rf & 1) {
669
+ i0.ɵɵelementContainerStart(0);
670
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_7_ng_container_1_Template, 2, 6, "ng-container", 11);
671
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_7_ng_template_2_Template, 6, 13, "ng-template", null, 43, i0.ɵɵtemplateRefExtractor);
672
+ i0.ɵɵelementContainerEnd();
673
+ } if (rf & 2) {
674
+ const _r127 = i0.ɵɵreference(3);
675
+ const ctx_r23 = i0.ɵɵnextContext(2);
676
+ i0.ɵɵadvance(1);
677
+ i0.ɵɵproperty("ngIf", ctx_r23.customMultiSelectDropdown)("ngIfElse", _r127);
678
+ } }
464
679
  function DynamicFormComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
465
- i0.ɵɵtemplate(0, DynamicFormComponent_ng_template_3_div_0_Template, 7, 13, "div", 10);
466
- i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_div_1_Template, 7, 11, "div", 10);
467
- i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_div_2_Template, 9, 11, "div", 11);
468
- i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_div_3_Template, 6, 7, "div", 11);
469
- i0.ɵɵtemplate(4, DynamicFormComponent_ng_template_3_div_4_Template, 8, 14, "div", 11);
470
- i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_div_5_Template, 8, 7, "div", 10);
471
- i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_div_6_Template, 8, 7, "div", 10);
472
- i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_div_7_Template, 6, 13, "div", 11);
680
+ i0.ɵɵtemplate(0, DynamicFormComponent_ng_template_3_ng_container_0_Template, 4, 2, "ng-container", 10);
681
+ i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_3_ng_container_1_Template, 4, 2, "ng-container", 10);
682
+ i0.ɵɵtemplate(2, DynamicFormComponent_ng_template_3_ng_container_2_Template, 4, 2, "ng-container", 10);
683
+ i0.ɵɵtemplate(3, DynamicFormComponent_ng_template_3_ng_container_3_Template, 4, 2, "ng-container", 10);
684
+ i0.ɵɵtemplate(4, DynamicFormComponent_ng_template_3_ng_container_4_Template, 4, 2, "ng-container", 10);
685
+ i0.ɵɵtemplate(5, DynamicFormComponent_ng_template_3_ng_container_5_Template, 4, 2, "ng-container", 10);
686
+ i0.ɵɵtemplate(6, DynamicFormComponent_ng_template_3_ng_container_6_Template, 4, 2, "ng-container", 10);
687
+ i0.ɵɵtemplate(7, DynamicFormComponent_ng_template_3_ng_container_7_Template, 4, 2, "ng-container", 10);
473
688
  } if (rf & 2) {
474
689
  const field_r13 = ctx.$implicit;
475
690
  i0.ɵɵproperty("ngIf", field_r13.fieldType === "input" && (field_r13.fieldInputType === "text" || field_r13.fieldInputType === "number"));
@@ -490,25 +705,25 @@ function DynamicFormComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
490
705
  } }
491
706
  function DynamicFormComponent_ng_template_5_ng_container_1_Template(rf, ctx) { if (rf & 1) {
492
707
  i0.ɵɵelementContainerStart(0);
493
- i0.ɵɵelementStart(1, "p", 38);
708
+ i0.ɵɵelementStart(1, "p", 46);
494
709
  i0.ɵɵtext(2);
495
710
  i0.ɵɵelementEnd();
496
- i0.ɵɵelement(3, "div", 39);
711
+ i0.ɵɵelement(3, "div", 47);
497
712
  i0.ɵɵelementContainerEnd();
498
713
  } if (rf & 2) {
499
- const error_r98 = ctx.$implicit;
714
+ const error_r140 = ctx.$implicit;
500
715
  i0.ɵɵadvance(2);
501
- i0.ɵɵtextInterpolate1(" ", " \u2022 \u00A0" + error_r98.value, " ");
716
+ i0.ɵɵtextInterpolate1(" ", " \u2022 \u00A0" + error_r140.value, " ");
502
717
  } }
503
718
  function DynamicFormComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
504
- i0.ɵɵelementStart(0, "div", 37);
719
+ i0.ɵɵelementStart(0, "div", 45);
505
720
  i0.ɵɵtemplate(1, DynamicFormComponent_ng_template_5_ng_container_1_Template, 4, 1, "ng-container", 9);
506
721
  i0.ɵɵpipe(2, "keyvalue");
507
722
  i0.ɵɵelementEnd();
508
723
  } if (rf & 2) {
509
- const errors_r96 = ctx.$implicit;
724
+ const errors_r138 = ctx.$implicit;
510
725
  i0.ɵɵadvance(1);
511
- i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, errors_r96));
726
+ i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(2, 1, errors_r138));
512
727
  } }
513
728
  class DynamicFormComponent {
514
729
  constructor() {
@@ -752,7 +967,26 @@ class DynamicFormComponent {
752
967
  }
753
968
  }
754
969
  DynamicFormComponent.ɵfac = function DynamicFormComponent_Factory(t) { return new (t || DynamicFormComponent)(); };
755
- 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) { if (rf & 1) {
970
+ DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DynamicFormComponent, selectors: [["mis-dynamic-form"]], contentQueries: function DynamicFormComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
971
+ i0.ɵɵcontentQuery(dirIndex, _c0, 5);
972
+ i0.ɵɵcontentQuery(dirIndex, _c1, 5);
973
+ i0.ɵɵcontentQuery(dirIndex, _c2, 5);
974
+ i0.ɵɵcontentQuery(dirIndex, _c3, 5);
975
+ i0.ɵɵcontentQuery(dirIndex, _c4, 5);
976
+ i0.ɵɵcontentQuery(dirIndex, _c5, 5);
977
+ i0.ɵɵcontentQuery(dirIndex, _c6, 5);
978
+ i0.ɵɵcontentQuery(dirIndex, _c7, 5);
979
+ } if (rf & 2) {
980
+ let _t;
981
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customInputTextNumber = _t.first);
982
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customInputTextarea = _t.first);
983
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customInputDate = _t.first);
984
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customBooleanToggle = _t.first);
985
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customSingleSelectDropdown = _t.first);
986
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customSingleSelectRadio = _t.first);
987
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customMultiSelectCheckbox = _t.first);
988
+ i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.customMultiSelectDropdown = _t.first);
989
+ } }, 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) { if (rf & 1) {
756
990
  i0.ɵɵelementStart(0, "form", 0);
757
991
  i0.ɵɵelementContainerStart(1, 1);
758
992
  i0.ɵɵtemplate(2, DynamicFormComponent_ng_container_2_Template, 3, 8, "ng-container", 2);
@@ -767,7 +1001,7 @@ DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dynami
767
1001
  } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i1.NgStyle, i2.ɵNgNoValidate, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormControlDirective, i2.FormGroupDirective, i2.FormGroupName, i2.FormArrayName, i3.DropdownComponent, i4.SwitchComponent, i5.MultiSelectDropdownComponent, i6.TzDatepickerDirective, i1.KeyValuePipe], styles: ["p[_ngcontent-%COMP%]{margin:0;cursor:default} .main-container{margin:0;max-width:100%}.sub-dynamic-form[_ngcontent-%COMP%]{padding-left:24px;border-bottom:1px solid var(--grey-seperators)}.dynamic-field[_ngcontent-%COMP%] .container{height:32px!important}.single-line-field-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;padding:28px 16px;border-bottom:1px solid var(--grey-seperators)}.multi-line-field-container[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]{margin-bottom:8px;cursor:default}.input-field[_ngcontent-%COMP%]{width:100%;background-color:var(--grey-bg-1);border:1px solid var(--grey-seperators);border-radius:6px}.ip-text[_ngcontent-%COMP%]{height:44px;padding:8px 12px}.ip-textarea[_ngcontent-%COMP%]{max-height:94px;padding:8px}input[_ngcontent-%COMP%]:focus{outline:none}input[_ngcontent-%COMP%]::placeholder{color:var(--grey-seperators)}textarea[_ngcontent-%COMP%]:focus{outline:none}.date-picker-container[_ngcontent-%COMP%]{position:relative;width:140px}.date-picker-container[_ngcontent-%COMP%] .date-picker[_ngcontent-%COMP%]{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[_ngcontent-%COMP%] .date-picker[_ngcontent-%COMP%]:hover{background-color:var(--grey-hover)}.date-picker-container[_ngcontent-%COMP%] .date-picker-icon[_ngcontent-%COMP%]{position:absolute;top:50%;right:12px;transform:translateY(-50%);cursor:pointer}form[_ngcontent-%COMP%] .dynamic-field[_ngcontent-%COMP%]:last-child{border-bottom:none!important}#checkboxes-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.radio-checkbox-common[_ngcontent-%COMP%]{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[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:var(--text-muted);cursor:pointer}.radio-checkbox-common[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{margin-right:8px}.checkbox-active[_ngcontent-%COMP%]{background-color:var(--pmry-500)}.checkbox-active[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:var(--text-white)}#error-messages-container[_ngcontent-%COMP%]{margin-top:4px;width:100%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}#error-messages-container[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{color:var(--sem-error)}.removeable-container[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}.removeable-container[_ngcontent-%COMP%] .remove-icon[_ngcontent-%COMP%]{cursor:pointer;margin-left:8px;max-width:24px}span[_ngcontent-%COMP%]{color:var(--sem-error)}"] });
768
1002
  (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicFormComponent, [{
769
1003
  type: Component,
770
- 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"] }]
1004
+ 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"] }]
771
1005
  }], function () { return []; }, { formFields: [{
772
1006
  type: Input
773
1007
  }], formValues: [{
@@ -788,6 +1022,30 @@ DynamicFormComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Dynami
788
1022
  type: Output
789
1023
  }], fieldRemoved: [{
790
1024
  type: Output
1025
+ }], customInputTextNumber: [{
1026
+ type: ContentChild,
1027
+ args: ["customInputTextNumber", { static: false }]
1028
+ }], customInputTextarea: [{
1029
+ type: ContentChild,
1030
+ args: ["customInputTextarea", { static: false }]
1031
+ }], customInputDate: [{
1032
+ type: ContentChild,
1033
+ args: ["customInputDate", { static: false }]
1034
+ }], customBooleanToggle: [{
1035
+ type: ContentChild,
1036
+ args: ["customBooleanToggle", { static: false }]
1037
+ }], customSingleSelectDropdown: [{
1038
+ type: ContentChild,
1039
+ args: ["customSingleSelectDropdown", { static: false }]
1040
+ }], customSingleSelectRadio: [{
1041
+ type: ContentChild,
1042
+ args: ["customSingleSelectRadio", { static: false }]
1043
+ }], customMultiSelectCheckbox: [{
1044
+ type: ContentChild,
1045
+ args: ["customMultiSelectCheckbox", { static: false }]
1046
+ }], customMultiSelectDropdown: [{
1047
+ type: ContentChild,
1048
+ args: ["customMultiSelectDropdown", { static: false }]
791
1049
  }] }); })();
792
1050
  const dynamicFieldValidator = (validators) => {
793
1051
  return (control) => {