@ascentgl/ads-ui 0.0.172 → 0.0.173

package/fesm2022/ascentgl-ads-ui.mjs

@@ -7592,6 +7592,11 @@ class AdsInternationalPhoneFieldComponent extends AbstractInputComponent {
             originalReset(...args);
             this.handleReset();
         };
+        const originalSetValue = this.valueControl.setValue.bind(this.valueControl);
+        this.valueControl.setValue = ((value, options) => {
+            originalSetValue(value, options);
+            this.handleSetValue(value);
+        });
         this.valueControl.statusChanges.subscribe((status) => {
             if (status === 'DISABLED') {
                 this.disableControls();
@@ -7614,16 +7619,27 @@ class AdsInternationalPhoneFieldComponent extends AbstractInputComponent {
         this.inputControl.valueChanges.subscribe(() => this.provideValueToTheValueControl());
         this.dropdownControl.valueChanges.subscribe(() => this.provideValueToTheValueControl());
     }
+    /** @ignore */
     disableControls() {
         this.dropdownControl.disable({ emitEvent: false });
         this.inputControl.disable({ emitEvent: false });
     }
+    /** @ignore */
     handleReset() {
         this.dropdownControl.setValue(this.countryOptions[0], { emitEvent: false });
         this.inputControl.setValue(null, { emitEvent: false });
     }
     /** @ignore */
-    parsePhoneNumber(fullNumber) {
+    handleSetValue(value) {
+        if (value) {
+            this.parsePhoneNumber(value, false);
+        }
+        else {
+            this.inputControl.setValue(null, { emitEvent: false });
+        }
+    }
+    /** @ignore */
+    parsePhoneNumber(fullNumber, emitEvent = true) {
         const trimmed = fullNumber.trim().replace(/\s+/g, ''); // Remove spaces
         const knownCodes = ['+52', '+1']; // Add more as needed
         knownCodes.sort((a, b) => b.length - a.length); // Match the longest first
@@ -7633,14 +7649,14 @@ class AdsInternationalPhoneFieldComponent extends AbstractInputComponent {
         const numberWithoutCode = trimmed.slice(countryCode.length).trim();
         switch (countryCode) {
             case '+52':
-                this.dropdownControl.setValue(this.countryOptions[1]);
-                this.inputControl.setValue(numberWithoutCode);
+                this.dropdownControl.setValue(this.countryOptions[1], { emitEvent });
+                this.inputControl.setValue(numberWithoutCode, { emitEvent });
                 break;
             case '+1': {
                 const country = this.getNorthAmericanCountry(fullNumber);
                 if (country) {
-                    this.dropdownControl.setValue(country);
-                    this.inputControl.setValue(numberWithoutCode);
+                    this.dropdownControl.setValue(country, { emitEvent });
+                    this.inputControl.setValue(numberWithoutCode, { emitEvent });
                 }
                 break;
             }