iptdevs-design-system 3.1.971 → 3.1.973

package/fesm2020/iptdevs-design-system.mjs

@@ -1882,21 +1882,27 @@ class updateUserFormComponent {
         this.parametersLoaded = false;
         // userUpdated = false;
         this.initialFormValue = [];
+        this.pendingInit = false;
         this.isStudent = false;
         this.justifyOptions = [];
         this.initForm();
     }
     ngOnInit() {
         this.getParameters();
-        this.trackIdTypeChanges();
+        // this.trackIdTypeChanges();
     }
     ngOnChanges(changes) {
         if (changes['visibleModal'] && changes['visibleModal'].currentValue) {
             // console.log("entro a getParameters por visible modal, donde el change es:", changes['visibleModal']);
-            this.initializeForm();
-            this.setJustifyOptions();
-            this.trackIdTypeChanges();
-            this.cdr.detectChanges();
+            if (this.parametersLoaded) {
+                this.initializeForm();
+                this.setJustifyOptions();
+                this.trackIdTypeChanges();
+                this.cdr.detectChanges();
+            }
+            else {
+                this.pendingInit = true;
+            }
         }
     }
     ngOnDestroy() {
@@ -1935,7 +1941,9 @@ class updateUserFormComponent {
                 this.parametersLoaded = true;
                 this.setParameters();
                 this.initializeForm();
+                this.trackIdTypeChanges();
                 this.cdr.detectChanges();
+                this.pendingInit = false;
             },
             error: (err) => {
                 console.error('Error fetching parameters:', err);
@@ -1950,10 +1958,6 @@ class updateUserFormComponent {
         this.civilStatus = this.parametersAll?.civilStatus;
         this.states = this.parametersAll?.State;
         this.cities = this.parametersAll?.city;
-        // this.genders = [
-        //   { code: 1, name: 'Masculino' },
-        //   { code: 2, name: 'Femenino' }
-        // ];
         if (this.parametersAll && this.parametersAll.gender) {
             // Transformar gender en un arreglo de { code, name }
             this.genders = this.parametersAll.gender.map((gender) => ({
@@ -2116,10 +2120,10 @@ class updateUserFormComponent {
                     parent_email: this.DataStudent.cods?.parent?.email || ''
                 });
             }
+            this.updateIdCardValidators(this.DataStudent.id_card_type);
             this.updateUserForm.reset();
             this.updateUserForm.patchValue(formValue);
             this.initialFormValue = { ...this.updateUserForm.value };
-            this.updateIdCardValidators(this.DataStudent.id_card_type);
             if (formValue.country) {
                 // console.log("en populateForm se envio dato para setearse country");
                 this.countries = this.parametersAll?.country;
@@ -2133,7 +2137,7 @@ class updateUserFormComponent {
             }
             if (formValue.id_card_type) {
                 this.idTypes = this.parametersAll?.TypeIdCardByCountryCol;
-                this.selectGender(this.DataStudent.id_card_type);
+                this.selectIdType('id_card_type', this.DataStudent.id_card_type);
             }
             if (formValue.phone_indicative) {
                 this.indicatives = this.parametersAll?.indicatives;
@@ -2168,6 +2172,9 @@ class updateUserFormComponent {
         this.closeModalIS.emit(false);
     }
     trackIdTypeChanges() {
+        if (this.idTypeSubscription) {
+            this.idTypeSubscription.unsubscribe(); // Unsub old sub before new one (safe for recreation)
+        }
         this.idTypeSubscription = this.updateUserForm.get('id_card_type')?.valueChanges.subscribe(value => {
             this.updateIdCardValidators(value);
         });