@ascentgl/ads-ui 21.114.0 → 21.114.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "21.114.0",
+  "version": "21.114.2",
   "peerDependencies": {
     "@angular/animations": ">=21.0.0",
     "date-fns": ">=4.1.0",

package/types/ascentgl-ads-ui.d.ts

@@ -216,7 +216,7 @@ declare class AdsButtonComponent {
     /** Whether the button is a smaller version */
     size: i0.InputSignal<Size>;
     /** Sets the "type" attribute on the button */
-    type: i0.InputSignal<"button" | "submit" | "reset">;
+    type: i0.InputSignal<"submit" | "button" | "reset">;
     /** Makes the button take 100% width of its container */
     fullWidth: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonComponent, never>;
@@ -1196,13 +1196,32 @@ declare abstract class AbstractBaseComponent implements OnChanges, AfterViewInit
     canShowSuccess(): boolean;
     /**
      * @ignore
-     * Robustly checks whether a control has a required validator.
-     * Angular's `hasValidator(Validators.required)` uses reference equality, which fails
-     * when validators are provided as an array (e.g., `[Validators.required]`) because
-     * Angular composes them into a wrapper function with a different reference.
-     * This method also checks by running the validator against an empty value.
+     * Detects stale 'required' errors produced by Angular's RequiredValidator directive
+     * that is still enabled in the current change detection cycle but will be disabled
+     * once the `[required]` binding is re-evaluated on the child `<input>` element.
+     *
+     * This happens because `[ngClass]` on `mat-form-field` (parent) is evaluated BEFORE
+     * `[required]` on `<input>` (child), so `canShowError()` sees errors from the
+     * still-enabled directive even though `Validators.required` was already removed
+     * programmatically via `removeValidators`.
      */
-    private hasRequiredValidatorCheck;
+    protected hasOnlyStaleRequiredError(control: AbstractControl): boolean;
+    /**
+     * @ignore
+     * Checks whether a control has a required validator.
+     *
+     * Uses Angular's `hasValidator(Validators.required)` which checks `_rawValidators`
+     * by reference. In Angular 21 this handles all standard usage patterns:
+     *   - `new FormControl(null, Validators.required)`
+     *   - `new FormControl(null, [Validators.required, ...])`
+     *   - `control.addValidators(Validators.required)`
+     *
+     * NOTE: We intentionally do NOT fall back to running the composed validator against
+     * an empty value. That approach creates a circular dependency with Angular's
+     * `RequiredValidator` directive (which is auto-instantiated by `[required][formControl]`
+     * in the template and merged into the control's validators by `setUpValidators`).
+     */
+    protected hasRequiredValidatorCheck(control: AbstractControl): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractBaseComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractBaseComponent, never, never, { "skipValidationWhenEmpty": { "alias": "skipValidationWhenEmpty"; "required": false; }; "showValidationError": { "alias": "showValidationError"; "required": false; }; "control": { "alias": "control"; "required": false; }; "immediateValidation": { "alias": "immediateValidation"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "successMessage": { "alias": "successMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "width": { "alias": "width"; "required": false; }; "shrink": { "alias": "shrink"; "required": false; }; }, {}, never, never, true, never>;
 }
@@ -4279,7 +4298,7 @@ interface Option {
     code: string;
     iso: CountryCode;
 }
-declare class AdsInternationalPhoneFieldComponent extends AbstractInputComponent implements OnInit, AfterViewInit {
+declare class AdsInternationalPhoneFieldComponent extends AbstractInputComponent implements OnInit, DoCheck, AfterViewInit {
     /** Optional "id" attribute for dropdown field */
     dropdownId: string;
     /** Country code to display in the dropdown */
@@ -4319,6 +4338,8 @@ declare class AdsInternationalPhoneFieldComponent extends AbstractInputComponent
     /** @ignore */
     private parsePhoneNumber;
     /** @ignore */
+    ngDoCheck(): void;
+    /** @ignore */
     ngAfterViewInit(): void;
     /** @ignore */
     getFlag(option: Option): string;
@@ -4332,6 +4353,8 @@ declare class AdsInternationalPhoneFieldComponent extends AbstractInputComponent
     canShowSuccess(): boolean;
     /** @ignore */
     displayFirstError(control?: FormControl): string;
+    /** @ignore */
+    private syncRequiredValidator;
     private validateMask;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsInternationalPhoneFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsInternationalPhoneFieldComponent, "ads-international-phone-field", never, { "dropdownId": { "alias": "dropdownId"; "required": false; }; "selectedCountry": { "alias": "selectedCountry"; "required": false; "isSignal": true; }; "closeOnOutOfView": { "alias": "closeOnOutOfView"; "required": false; }; "outOfViewRootMargin": { "alias": "outOfViewRootMargin"; "required": false; }; }, {}, never, never, false, never>;