@fovestta2/web-angular 1.1.5 → 1.1.6

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 (5) hide show
  1. package/esm2022/lib/add-update-form/add-update-form.component.mjs +103 -83
  2. package/fesm2022/fovestta2-web-angular.mjs +102 -82
  3. package/fesm2022/fovestta2-web-angular.mjs.map +1 -1
  4. package/lib/add-update-form/add-update-form.component.d.ts +5 -5
  5. package/package.json +1 -1
package/fesm2022/fovestta2-web-angular.mjs CHANGED
@@ -3369,9 +3369,21 @@ class AddUpdateFormComponent {
3369
3369
  return this.form.get(name);
3370
3370
  }
3371
3371
  // 2. HELPER: Convert your FieldValidation[] to the library's ValidationSchema
3372
- getSchema(column) {
3372
+ getSchema(column, group) {
3373
3373
  const rules = [];
3374
3374
  const errorPriority = [];
3375
+ const isRequired = typeof column.required === 'function'
3376
+ ? column.required(group)
3377
+ : column.required;
3378
+ if (isRequired) {
3379
+ rules.push({
3380
+ name: 'required',
3381
+ params: { enabled: true },
3382
+ errorKey: 'ERR_REQUIRED',
3383
+ message: column.validations?.find(v => v.type === 'required')?.message
3384
+ });
3385
+ errorPriority.push('required');
3386
+ }
3375
3387
  if (column.validations) {
3376
3388
  column.validations.forEach((v) => {
3377
3389
  switch (v.type) {
@@ -3505,13 +3517,19 @@ class AddUpdateFormComponent {
3505
3517
  ];
3506
3518
  });
3507
3519
  const group = this.fb.group(groupConfig);
3508
- // Apply Validators
3520
+ // Apply Validators and Initial States
3509
3521
  section.fields.forEach((column) => {
3510
3522
  const validators = this.buildValidators(column.validations, group);
3523
+ const control = group.get(column.name);
3511
3524
  if (validators.length > 0) {
3512
- group.get(column.name)?.setValidators(validators);
3513
- group.get(column.name)?.updateValueAndValidity();
3525
+ control?.setValidators(validators);
3526
+ control?.updateValueAndValidity({ emitEvent: false });
3514
3527
  }
3528
+ const isDisabled = this.isFieldDisabled(column, group);
3529
+ if (isDisabled && control?.enabled)
3530
+ control.disable({ emitEvent: false });
3531
+ else if (!isDisabled && control?.disabled)
3532
+ control.enable({ emitEvent: false });
3515
3533
  });
3516
3534
  return group;
3517
3535
  }
@@ -3633,9 +3651,10 @@ class AddUpdateFormComponent {
3633
3651
  this.valueChangeSubscriptions.forEach((sub) => sub.unsubscribe());
3634
3652
  this.valueChangeSubscriptions = [];
3635
3653
  }
3636
- handleFieldChange(fieldName, eventValue, control) {
3654
+ handleFieldChange(fieldName, eventValue, control, group) {
3637
3655
  const column = this.getColumnByName(fieldName);
3638
3656
  const formControl = control || this.form.get(fieldName);
3657
+ const formGroup = group || this.form;
3639
3658
  // Format month-year fields (especially expiryDate) to YYYY-MM
3640
3659
  if (column?.type === 'month-year' && eventValue) {
3641
3660
  const formattedValue = this.formatMonthYearValue(eventValue);
@@ -3659,7 +3678,7 @@ class AddUpdateFormComponent {
3659
3678
  }
3660
3679
  // Call onChange with the selected value
3661
3680
  if (onChangeFn) {
3662
- onChangeFn(selectedValue, this.form);
3681
+ onChangeFn(selectedValue, formGroup);
3663
3682
  }
3664
3683
  // Restore the value for the field that triggered the change if it was cleared by onChange
3665
3684
  // This is critical: if onChange clears the field that was just changed, we restore it
@@ -3702,7 +3721,7 @@ class AddUpdateFormComponent {
3702
3721
  }
3703
3722
  return value;
3704
3723
  }
3705
- handleMonthYearChange(fieldName, value, control) {
3724
+ handleMonthYearChange(fieldName, value, control, group) {
3706
3725
  // Format the input value to YYYY-MM format
3707
3726
  let formattedValue = value;
3708
3727
  // If it's in MM-YYYY format, convert to YYYY-MM
@@ -3728,7 +3747,7 @@ class AddUpdateFormComponent {
3728
3747
  if (formControl && formattedValue !== value) {
3729
3748
  formControl.setValue(formattedValue, { emitEvent: false });
3730
3749
  }
3731
- this.handleFieldChange(fieldName, formattedValue, control);
3750
+ this.handleFieldChange(fieldName, formattedValue, control, group);
3732
3751
  }
3733
3752
  handleMonthYearBlur(fieldName) {
3734
3753
  const formControl = this.form.get(fieldName);
@@ -3864,8 +3883,9 @@ class AddUpdateFormComponent {
3864
3883
  }
3865
3884
  }
3866
3885
  }
3867
- onFileChange(event, fieldName) {
3886
+ onFileChange(event, fieldName, group) {
3868
3887
  const file = event.target.files[0];
3888
+ const formGroup = group || this.form;
3869
3889
  if (file) {
3870
3890
  this.fileNames.set(fieldName, file.name);
3871
3891
  const reader = new FileReader();
@@ -3877,7 +3897,7 @@ class AddUpdateFormComponent {
3877
3897
  // Trigger onChange handler for file fields
3878
3898
  const column = this.getColumnByName(fieldName);
3879
3899
  if (column?.onChange) {
3880
- column.onChange(base64String, this.form);
3900
+ column.onChange(base64String, formGroup);
3881
3901
  }
3882
3902
  };
3883
3903
  }
@@ -4042,12 +4062,12 @@ class AddUpdateFormComponent {
4042
4062
  [placeholder]="column.placeholder || ''"
4043
4063
  type="text"
4044
4064
  [control]="control"
4045
- [schema]="getSchema(column)"
4065
+ [schema]="getSchema(column, group)"
4046
4066
  [disabled]="isFieldDisabled(column, group)"
4047
4067
  [readonly]="false"
4048
4068
  [allowAlphabetsOnly]="column.allowAlphabetsOnly || false"
4049
4069
  [maxLength]="column.maxLength || null"
4050
- (valueChange)="handleFieldChange(column.name, $event, control)"
4070
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4051
4071
  >
4052
4072
  </fv-entry-field>
4053
4073
  </ng-container>
@@ -4059,9 +4079,9 @@ class AddUpdateFormComponent {
4059
4079
  [label]="column.label"
4060
4080
  [placeholder]="column.placeholder || ''"
4061
4081
  [control]="control"
4062
- [schema]="getSchema(column)"
4082
+ [schema]="getSchema(column, group)"
4063
4083
  [disabled]="isFieldDisabled(column, group)"
4064
- (valueChange)="handleFieldChange(column.name, $event, control)"
4084
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4065
4085
  >
4066
4086
  </fv-email-field>
4067
4087
  </ng-container>
@@ -4073,9 +4093,9 @@ class AddUpdateFormComponent {
4073
4093
  [label]="column.label"
4074
4094
  [placeholder]="column.placeholder || ''"
4075
4095
  [control]="control"
4076
- [schema]="getSchema(column)"
4096
+ [schema]="getSchema(column, group)"
4077
4097
  [disabled]="isFieldDisabled(column, group)"
4078
- (valueChange)="handleFieldChange(column.name, $event, control)"
4098
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4079
4099
  >
4080
4100
  </fv-password-field>
4081
4101
  </ng-container>
@@ -4087,9 +4107,9 @@ class AddUpdateFormComponent {
4087
4107
  [label]="column.label"
4088
4108
  [placeholder]="column.placeholder || ''"
4089
4109
  [control]="control"
4090
- [schema]="getSchema(column)"
4110
+ [schema]="getSchema(column, group)"
4091
4111
  [disabled]="isFieldDisabled(column, group)"
4092
- (valueChange)="handleFieldChange(column.name, $event, control)"
4112
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4093
4113
  >
4094
4114
  </fv-number-field>
4095
4115
  </ng-container>
@@ -4102,9 +4122,9 @@ class AddUpdateFormComponent {
4102
4122
  [placeholder]="column.placeholder || 'Select option'"
4103
4123
  [options]="column.options || []"
4104
4124
  [control]="control"
4105
- [schema]="getSchema(column)"
4125
+ [schema]="getSchema(column, group)"
4106
4126
  [disabled]="isFieldDisabled(column, group)"
4107
- (valueChange)="handleFieldChange(column.name, $event, control)"
4127
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4108
4128
  >
4109
4129
  </fv-dropdown>
4110
4130
  </ng-container>
@@ -4116,7 +4136,7 @@ class AddUpdateFormComponent {
4116
4136
  [label]="column.label"
4117
4137
  [control]="control"
4118
4138
  [disabled]="isFieldDisabled(column, group)"
4119
- (valueChange)="handleFieldChange(column.name, $event, control)"
4139
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4120
4140
  >
4121
4141
  </fv-checkbox>
4122
4142
  </ng-container>
@@ -4128,7 +4148,7 @@ class AddUpdateFormComponent {
4128
4148
  [label]="column.label"
4129
4149
  [control]="control"
4130
4150
  [disabled]="isFieldDisabled(column, group)"
4131
- (valueChange)="handleFieldChange(column.name, $event, control)"
4151
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4132
4152
  >
4133
4153
  </fv-toggle>
4134
4154
  </ng-container>
@@ -4140,7 +4160,7 @@ class AddUpdateFormComponent {
4140
4160
  [control]="control"
4141
4161
  [disabled]="isFieldDisabled(column, group)"
4142
4162
  [layout]="column.layout || 'vertical'"
4143
- (valueChange)="handleFieldChange(column.name, $event, control)"
4163
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4144
4164
  >
4145
4165
  </fv-radio-group>
4146
4166
  </ng-container>
@@ -4149,9 +4169,9 @@ class AddUpdateFormComponent {
4149
4169
  <fv-date-field
4150
4170
  [label]="column.label"
4151
4171
  [control]="control"
4152
- [schema]="getSchema(column)"
4172
+ [schema]="getSchema(column, group)"
4153
4173
  [disabled]="isFieldDisabled(column, group)"
4154
- (valueChange)="handleFieldChange(column.name, $event, control)"
4174
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4155
4175
  >
4156
4176
  </fv-date-field>
4157
4177
  </ng-container>
@@ -4162,9 +4182,9 @@ class AddUpdateFormComponent {
4162
4182
  <fv-month-year-field
4163
4183
  [label]="column.label"
4164
4184
  [control]="control"
4165
- [schema]="getSchema(column)"
4185
+ [schema]="getSchema(column, group)"
4166
4186
  [disabled]="isFieldDisabled(column, group)"
4167
- (valueChange)="handleMonthYearChange(column.name, $event, control)"
4187
+ (valueChange)="handleMonthYearChange(column.name, $event, control, group)"
4168
4188
  >
4169
4189
  </fv-month-year-field>
4170
4190
  </ng-container>
@@ -4176,9 +4196,9 @@ class AddUpdateFormComponent {
4176
4196
  [label]="column.label"
4177
4197
  [placeholder]="column.placeholder || ''"
4178
4198
  [control]="control"
4179
- [schema]="getSchema(column)"
4199
+ [schema]="getSchema(column, group)"
4180
4200
  [disabled]="isFieldDisabled(column, group)"
4181
- (valueChange)="handleFieldChange(column.name, $event, control)"
4201
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4182
4202
  >
4183
4203
  </fv-rich-text-editor>
4184
4204
  </ng-container>
@@ -4189,9 +4209,9 @@ class AddUpdateFormComponent {
4189
4209
  [label]="column.label"
4190
4210
  [placeholder]="column.placeholder || 'Select image'"
4191
4211
  [control]="control"
4192
- [schema]="getSchema(column)"
4212
+ [schema]="getSchema(column, group)"
4193
4213
  [disabled]="isFieldDisabled(column, group)"
4194
- (valueChange)="onFileChange($event, column.name)"
4214
+ (valueChange)="onFileChange($event, column.name, group)"
4195
4215
  >
4196
4216
  </fv-image-selector>
4197
4217
  </ng-container>
@@ -4202,9 +4222,9 @@ class AddUpdateFormComponent {
4202
4222
  [placeholder]="column.placeholder || 'Select file'"
4203
4223
  [accept]="column.accept || '*/*'"
4204
4224
  [control]="control"
4205
- [schema]="getSchema(column)"
4225
+ [schema]="getSchema(column, group)"
4206
4226
  [disabled]="isFieldDisabled(column, group)"
4207
- (valueChange)="onFileChange($event, column.name)"
4227
+ (valueChange)="onFileChange($event, column.name, group)"
4208
4228
  >
4209
4229
  </fv-file-selector>
4210
4230
  </ng-template>
@@ -4218,39 +4238,39 @@ class AddUpdateFormComponent {
4218
4238
  [placeholder]="column.placeholder || 'Search by Code or Name'"
4219
4239
  [options]="column.options ? mapSearchOptions(column.options) : []"
4220
4240
  [control]="control"
4221
- [schema]="getSchema(column)"
4241
+ [schema]="getSchema(column, group)"
4222
4242
  [disabled]="isFieldDisabled(column, group)"
4223
- (valueChange)="handleFieldChange(column.name, $event, control)"
4243
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4224
4244
  >
4225
4245
  </fv-name-code>
4226
4246
  </ng-container>
4227
4247
 
4228
4248
  <ng-container *ngIf="column.type === 'phone' && !column.hidden">
4229
- <fv-phone-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-phone-field>
4249
+ <fv-phone-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-phone-field>
4230
4250
  </ng-container>
4231
4251
 
4232
4252
  <ng-container *ngIf="column.type === 'uan' && !column.hidden">
4233
- <fv-uan-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-uan-field>
4253
+ <fv-uan-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-uan-field>
4234
4254
  </ng-container>
4235
4255
 
4236
4256
  <ng-container *ngIf="column.type === 'pf' && !column.hidden">
4237
- <fv-pf-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-pf-field>
4257
+ <fv-pf-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-pf-field>
4238
4258
  </ng-container>
4239
4259
 
4240
4260
  <ng-container *ngIf="column.type === 'esi' && !column.hidden">
4241
- <fv-esi-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-esi-field>
4261
+ <fv-esi-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-esi-field>
4242
4262
  </ng-container>
4243
4263
 
4244
4264
  <ng-container *ngIf="column.type === 'ifsc' && !column.hidden">
4245
- <fv-ifsc-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-ifsc-field>
4265
+ <fv-ifsc-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-ifsc-field>
4246
4266
  </ng-container>
4247
4267
 
4248
4268
  <ng-container *ngIf="column.type === 'micr' && !column.hidden">
4249
- <fv-micr-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-micr-field>
4269
+ <fv-micr-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-micr-field>
4250
4270
  </ng-container>
4251
4271
 
4252
4272
  <ng-container *ngIf="column.type === 'iban' && !column.hidden">
4253
- <fv-iban-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-iban-field>
4273
+ <fv-iban-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-iban-field>
4254
4274
  </ng-container>
4255
4275
 
4256
4276
  <ng-container *ngIf="column.type === 'service-period' && !column.hidden">
@@ -4269,9 +4289,9 @@ class AddUpdateFormComponent {
4269
4289
  [placeholder]="column.placeholder || 'Upload'"
4270
4290
  [accept]="column.accept || 'application/pdf,image/*'"
4271
4291
  [control]="control"
4272
- [schema]="getSchema(column)"
4292
+ [schema]="getSchema(column, group)"
4273
4293
  [disabled]="isFieldDisabled(column, group)"
4274
- (valueChange)="handleFieldChange(column.name, $event, control)"
4294
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4275
4295
  >
4276
4296
  </fv-document-field>
4277
4297
  </ng-container>
@@ -4281,9 +4301,9 @@ class AddUpdateFormComponent {
4281
4301
  [label]="column.label"
4282
4302
  [placeholder]="column.placeholder || '--:--'"
4283
4303
  [control]="control"
4284
- [schema]="getSchema(column)"
4304
+ [schema]="getSchema(column, group)"
4285
4305
  [disabled]="isFieldDisabled(column, group)"
4286
- (valueChange)="handleFieldChange(column.name, $event, control)"
4306
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4287
4307
  >
4288
4308
  </fv-time-field>
4289
4309
  </ng-container>
@@ -4404,12 +4424,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4404
4424
  [placeholder]="column.placeholder || ''"
4405
4425
  type="text"
4406
4426
  [control]="control"
4407
- [schema]="getSchema(column)"
4427
+ [schema]="getSchema(column, group)"
4408
4428
  [disabled]="isFieldDisabled(column, group)"
4409
4429
  [readonly]="false"
4410
4430
  [allowAlphabetsOnly]="column.allowAlphabetsOnly || false"
4411
4431
  [maxLength]="column.maxLength || null"
4412
- (valueChange)="handleFieldChange(column.name, $event, control)"
4432
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4413
4433
  >
4414
4434
  </fv-entry-field>
4415
4435
  </ng-container>
@@ -4421,9 +4441,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4421
4441
  [label]="column.label"
4422
4442
  [placeholder]="column.placeholder || ''"
4423
4443
  [control]="control"
4424
- [schema]="getSchema(column)"
4444
+ [schema]="getSchema(column, group)"
4425
4445
  [disabled]="isFieldDisabled(column, group)"
4426
- (valueChange)="handleFieldChange(column.name, $event, control)"
4446
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4427
4447
  >
4428
4448
  </fv-email-field>
4429
4449
  </ng-container>
@@ -4435,9 +4455,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4435
4455
  [label]="column.label"
4436
4456
  [placeholder]="column.placeholder || ''"
4437
4457
  [control]="control"
4438
- [schema]="getSchema(column)"
4458
+ [schema]="getSchema(column, group)"
4439
4459
  [disabled]="isFieldDisabled(column, group)"
4440
- (valueChange)="handleFieldChange(column.name, $event, control)"
4460
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4441
4461
  >
4442
4462
  </fv-password-field>
4443
4463
  </ng-container>
@@ -4449,9 +4469,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4449
4469
  [label]="column.label"
4450
4470
  [placeholder]="column.placeholder || ''"
4451
4471
  [control]="control"
4452
- [schema]="getSchema(column)"
4472
+ [schema]="getSchema(column, group)"
4453
4473
  [disabled]="isFieldDisabled(column, group)"
4454
- (valueChange)="handleFieldChange(column.name, $event, control)"
4474
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4455
4475
  >
4456
4476
  </fv-number-field>
4457
4477
  </ng-container>
@@ -4464,9 +4484,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4464
4484
  [placeholder]="column.placeholder || 'Select option'"
4465
4485
  [options]="column.options || []"
4466
4486
  [control]="control"
4467
- [schema]="getSchema(column)"
4487
+ [schema]="getSchema(column, group)"
4468
4488
  [disabled]="isFieldDisabled(column, group)"
4469
- (valueChange)="handleFieldChange(column.name, $event, control)"
4489
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4470
4490
  >
4471
4491
  </fv-dropdown>
4472
4492
  </ng-container>
@@ -4478,7 +4498,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4478
4498
  [label]="column.label"
4479
4499
  [control]="control"
4480
4500
  [disabled]="isFieldDisabled(column, group)"
4481
- (valueChange)="handleFieldChange(column.name, $event, control)"
4501
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4482
4502
  >
4483
4503
  </fv-checkbox>
4484
4504
  </ng-container>
@@ -4490,7 +4510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4490
4510
  [label]="column.label"
4491
4511
  [control]="control"
4492
4512
  [disabled]="isFieldDisabled(column, group)"
4493
- (valueChange)="handleFieldChange(column.name, $event, control)"
4513
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4494
4514
  >
4495
4515
  </fv-toggle>
4496
4516
  </ng-container>
@@ -4502,7 +4522,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4502
4522
  [control]="control"
4503
4523
  [disabled]="isFieldDisabled(column, group)"
4504
4524
  [layout]="column.layout || 'vertical'"
4505
- (valueChange)="handleFieldChange(column.name, $event, control)"
4525
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4506
4526
  >
4507
4527
  </fv-radio-group>
4508
4528
  </ng-container>
@@ -4511,9 +4531,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4511
4531
  <fv-date-field
4512
4532
  [label]="column.label"
4513
4533
  [control]="control"
4514
- [schema]="getSchema(column)"
4534
+ [schema]="getSchema(column, group)"
4515
4535
  [disabled]="isFieldDisabled(column, group)"
4516
- (valueChange)="handleFieldChange(column.name, $event, control)"
4536
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4517
4537
  >
4518
4538
  </fv-date-field>
4519
4539
  </ng-container>
@@ -4524,9 +4544,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4524
4544
  <fv-month-year-field
4525
4545
  [label]="column.label"
4526
4546
  [control]="control"
4527
- [schema]="getSchema(column)"
4547
+ [schema]="getSchema(column, group)"
4528
4548
  [disabled]="isFieldDisabled(column, group)"
4529
- (valueChange)="handleMonthYearChange(column.name, $event, control)"
4549
+ (valueChange)="handleMonthYearChange(column.name, $event, control, group)"
4530
4550
  >
4531
4551
  </fv-month-year-field>
4532
4552
  </ng-container>
@@ -4538,9 +4558,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4538
4558
  [label]="column.label"
4539
4559
  [placeholder]="column.placeholder || ''"
4540
4560
  [control]="control"
4541
- [schema]="getSchema(column)"
4561
+ [schema]="getSchema(column, group)"
4542
4562
  [disabled]="isFieldDisabled(column, group)"
4543
- (valueChange)="handleFieldChange(column.name, $event, control)"
4563
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4544
4564
  >
4545
4565
  </fv-rich-text-editor>
4546
4566
  </ng-container>
@@ -4551,9 +4571,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4551
4571
  [label]="column.label"
4552
4572
  [placeholder]="column.placeholder || 'Select image'"
4553
4573
  [control]="control"
4554
- [schema]="getSchema(column)"
4574
+ [schema]="getSchema(column, group)"
4555
4575
  [disabled]="isFieldDisabled(column, group)"
4556
- (valueChange)="onFileChange($event, column.name)"
4576
+ (valueChange)="onFileChange($event, column.name, group)"
4557
4577
  >
4558
4578
  </fv-image-selector>
4559
4579
  </ng-container>
@@ -4564,9 +4584,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4564
4584
  [placeholder]="column.placeholder || 'Select file'"
4565
4585
  [accept]="column.accept || '*/*'"
4566
4586
  [control]="control"
4567
- [schema]="getSchema(column)"
4587
+ [schema]="getSchema(column, group)"
4568
4588
  [disabled]="isFieldDisabled(column, group)"
4569
- (valueChange)="onFileChange($event, column.name)"
4589
+ (valueChange)="onFileChange($event, column.name, group)"
4570
4590
  >
4571
4591
  </fv-file-selector>
4572
4592
  </ng-template>
@@ -4580,39 +4600,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4580
4600
  [placeholder]="column.placeholder || 'Search by Code or Name'"
4581
4601
  [options]="column.options ? mapSearchOptions(column.options) : []"
4582
4602
  [control]="control"
4583
- [schema]="getSchema(column)"
4603
+ [schema]="getSchema(column, group)"
4584
4604
  [disabled]="isFieldDisabled(column, group)"
4585
- (valueChange)="handleFieldChange(column.name, $event, control)"
4605
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4586
4606
  >
4587
4607
  </fv-name-code>
4588
4608
  </ng-container>
4589
4609
 
4590
4610
  <ng-container *ngIf="column.type === 'phone' && !column.hidden">
4591
- <fv-phone-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-phone-field>
4611
+ <fv-phone-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-phone-field>
4592
4612
  </ng-container>
4593
4613
 
4594
4614
  <ng-container *ngIf="column.type === 'uan' && !column.hidden">
4595
- <fv-uan-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-uan-field>
4615
+ <fv-uan-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-uan-field>
4596
4616
  </ng-container>
4597
4617
 
4598
4618
  <ng-container *ngIf="column.type === 'pf' && !column.hidden">
4599
- <fv-pf-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-pf-field>
4619
+ <fv-pf-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-pf-field>
4600
4620
  </ng-container>
4601
4621
 
4602
4622
  <ng-container *ngIf="column.type === 'esi' && !column.hidden">
4603
- <fv-esi-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-esi-field>
4623
+ <fv-esi-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-esi-field>
4604
4624
  </ng-container>
4605
4625
 
4606
4626
  <ng-container *ngIf="column.type === 'ifsc' && !column.hidden">
4607
- <fv-ifsc-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-ifsc-field>
4627
+ <fv-ifsc-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-ifsc-field>
4608
4628
  </ng-container>
4609
4629
 
4610
4630
  <ng-container *ngIf="column.type === 'micr' && !column.hidden">
4611
- <fv-micr-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-micr-field>
4631
+ <fv-micr-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-micr-field>
4612
4632
  </ng-container>
4613
4633
 
4614
4634
  <ng-container *ngIf="column.type === 'iban' && !column.hidden">
4615
- <fv-iban-field [label]="column.label" [control]="control" [schema]="getSchema(column)" [disabled]="isFieldDisabled(column, group)"></fv-iban-field>
4635
+ <fv-iban-field [label]="column.label" [control]="control" [schema]="getSchema(column, group)" [disabled]="isFieldDisabled(column, group)"></fv-iban-field>
4616
4636
  </ng-container>
4617
4637
 
4618
4638
  <ng-container *ngIf="column.type === 'service-period' && !column.hidden">
@@ -4631,9 +4651,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4631
4651
  [placeholder]="column.placeholder || 'Upload'"
4632
4652
  [accept]="column.accept || 'application/pdf,image/*'"
4633
4653
  [control]="control"
4634
- [schema]="getSchema(column)"
4654
+ [schema]="getSchema(column, group)"
4635
4655
  [disabled]="isFieldDisabled(column, group)"
4636
- (valueChange)="handleFieldChange(column.name, $event, control)"
4656
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4637
4657
  >
4638
4658
  </fv-document-field>
4639
4659
  </ng-container>
@@ -4643,9 +4663,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
4643
4663
  [label]="column.label"
4644
4664
  [placeholder]="column.placeholder || '--:--'"
4645
4665
  [control]="control"
4646
- [schema]="getSchema(column)"
4666
+ [schema]="getSchema(column, group)"
4647
4667
  [disabled]="isFieldDisabled(column, group)"
4648
- (valueChange)="handleFieldChange(column.name, $event, control)"
4668
+ (valueChange)="handleFieldChange(column.name, $event, control, group)"
4649
4669
  >
4650
4670
  </fv-time-field>
4651
4671
  </ng-container>