@eui/ecl 22.0.0-alpha.27 → 22.0.0-alpha.29

package/types/eui-ecl-components-ecl-radio.d.ts

@@ -1,6 +1,6 @@
-import { ECLBaseDirective } from '@eui/ecl/core';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { DoCheck, ChangeDetectorRef } from '@angular/core';
+import { ECLBaseDirective } from '@eui/ecl/core';
 import { NgControl } from '@angular/forms';
 
 /**
@@ -12,16 +12,18 @@ import { NgControl } from '@angular/forms';
 declare class EclRadioHelpComponent extends ECLBaseDirective {
     /**
      * Adds styling for a disabled help text.
+     *
+     * Exposed as a model so the parent `eclRadio` directive can synchronize
+     * the disabled state onto the projected help text.
      */
-    isDisabled: boolean;
+    readonly isDisabled: _angular_core.ModelSignal<boolean>;
     /**
      * Returns the CSS classes applied to the host element.
      * Includes the base ecl-radio__help class.
      */
-    get cssClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclRadioHelpComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EclRadioHelpComponent, "[eclRadioHelp]", never, { "isDisabled": { "alias": "isDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_isDisabled: unknown;
+    readonly cssClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclRadioHelpComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclRadioHelpComponent, "[eclRadioHelp]", never, { "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "isDisabled": "isDisabledChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -30,44 +32,77 @@ declare class EclRadioHelpComponent extends ECLBaseDirective {
  * Should be applied to native radio input elements to enhance them
  * with ECL styles and support for invalid, disabled and binary states.
  */
-declare class EclRadioDirective extends ECLBaseDirective implements DoCheck {
+declare class EclRadioDirective extends ECLBaseDirective {
     /**
      * Adds the `ecl-radio--binary` class when true.
      */
-    readonly isBinary: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly isBinary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Consumer-provided disabled state, bound as an attribute on the host element.
+     */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Consumer-provided invalid state, bound as an attribute on the host element.
+     */
+    readonly invalidInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
+     * Disabled state derived from the child `eclRadioInput` form control, if any.
+     * Overrides the consumer-provided value when the control drives the state.
+     */
+    private readonly controlDisabled;
+    /**
+     * Invalid state derived from the child `eclRadioInput` form control, if any.
+     * Overrides the consumer-provided value when the control drives the state.
+     */
+    private readonly controlInvalid;
+    /**
+     * Effective disabled state, preferring the form-control-driven value when present.
      * Adds the `ecl-radio--disabled` class to the host element when true.
+     *
+     * Precedence: when a child `eclRadioInput` is bound to a form control it calls
+     * `setControlState`, making `controlDisabled` a concrete boolean that takes over.
+     * While `controlDisabled` is `undefined` (no form control in play), the `??`
+     * falls back to the consumer-provided `disabledInput` attribute value.
      */
-    isDisabled: boolean;
+    readonly isDisabled: _angular_core.Signal<boolean>;
     /**
+     * Effective invalid state, preferring the form-control-driven value when present.
      * Adds the `ecl-radio--invalid` class to the host element when true.
+     *
+     * Precedence: when a child `eclRadioInput` is bound to a form control it calls
+     * `setControlState`, making `controlInvalid` a concrete boolean that takes over.
+     * While `controlInvalid` is `undefined` (no form control in play), the `??`
+     * falls back to the consumer-provided `invalidInput` attribute value.
      */
-    isInvalid: boolean;
+    readonly isInvalid: _angular_core.Signal<boolean>;
     /**
      * Reference to the projected EclRadioLabelComponent, if present.
      * Used to synchronize disabled and invalid states with the label.
      */
-    readonly eclRadioLabelComponent: i0.Signal<any>;
+    readonly eclRadioLabelComponent: _angular_core.Signal<any>;
     /**
      * Reference to the projected EclRadioHelpComponent, if present.
      * Used to synchronize the disabled state with the help text.
      */
-    readonly eclRadioHelpComponent: i0.Signal<any>;
+    readonly eclRadioHelpComponent: _angular_core.Signal<any>;
+    constructor();
     /**
      * Returns the CSS classes to apply on the host element.
      * Includes the base `ecl-radio` class and the binary modifier if applicable.
      */
     get cssClasses(): string;
     /**
-     * Angular lifecycle hook called during every change detection run.
-     * Used to update child components with the current disabled and invalid states.
+     * Called by the child `eclRadioInput` directive to propagate the disabled and
+     * invalid states derived from the associated form control.
      */
-    ngDoCheck(): void;
-    private updateChildElements;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclRadioDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclRadioDirective, "[eclRadio]", never, { "isBinary": { "alias": "isBinary"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isInvalid": { "alias": "isInvalid"; "required": false; }; }, {}, ["eclRadioLabelComponent", "eclRadioHelpComponent"], never, true, never>;
-    static ngAcceptInputType_isDisabled: unknown;
-    static ngAcceptInputType_isInvalid: unknown;
+    setControlState(isInvalid: boolean, isDisabled: boolean): void;
+    /**
+     * Keeps the projected label and help components in sync with the
+     * directive's disabled and invalid states whenever they change.
+     */
+    private synchronizeChildElements;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclRadioDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclRadioDirective, "[eclRadio]", never, { "isBinary": { "alias": "isBinary"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "invalidInput": { "alias": "isInvalid"; "required": false; "isSignal": true; }; }, {}, ["eclRadioLabelComponent", "eclRadioHelpComponent"], never, true, never>;
 }
 
 /**
@@ -87,8 +122,8 @@ declare class EclRadioInputDirective extends ECLBaseDirective implements DoCheck
      */
     get cssClasses(): string;
     ngDoCheck(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclRadioInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EclRadioInputDirective, "input[eclRadioInput]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclRadioInputDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EclRadioInputDirective, "input[eclRadioInput]", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -100,21 +135,25 @@ declare class EclRadioInputDirective extends ECLBaseDirective implements DoCheck
 declare class EclRadioLabelComponent extends ECLBaseDirective {
     /**
      * Adds styling for an invalid state.
+     *
+     * Exposed as a model so the parent `eclRadio` directive can synchronize
+     * the invalid state onto the label.
      */
-    isInvalid: boolean;
+    readonly isInvalid: _angular_core.ModelSignal<boolean>;
     /**
      * Adds styling for a disabled state.
+     *
+     * Exposed as a model so the parent `eclRadio` directive can synchronize
+     * the disabled state onto the label.
      */
-    isDisabled: boolean;
+    readonly isDisabled: _angular_core.ModelSignal<boolean>;
     /**
      * Returns the CSS classes applied to the host element.
      * Includes the base `ecl-radio__label` class.
      */
     get cssClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EclRadioLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EclRadioLabelComponent, "[eclRadioLabel]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, {}, never, ["*"], true, never>;
-    static ngAcceptInputType_isInvalid: unknown;
-    static ngAcceptInputType_isDisabled: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EclRadioLabelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EclRadioLabelComponent, "[eclRadioLabel]", never, { "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; }, { "isInvalid": "isInvalidChange"; "isDisabled": "isDisabledChange"; }, never, ["*"], true, never>;
 }
 
 declare const EUI_ECL_RADIO: readonly [typeof EclRadioDirective, typeof EclRadioInputDirective, typeof EclRadioLabelComponent, typeof EclRadioHelpComponent];

package/types/eui-ecl-components-ecl-radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-radio.d.ts","sources":["../../components/ecl-radio/ecl-radio-help.component.ts","../../components/ecl-radio/ecl-radio.directive.ts","../../components/ecl-radio/ecl-radio-input.directive.ts","../../components/ecl-radio/ecl-radio-label.component.ts","../../components/ecl-radio/index.ts"],"mappings":";;;;;AAGA;;;;;AAKG;AACH,cAKa,qBAAsB,SAAQ,gBAAgB;AACvD;;AAEG;AAGH;AAEA;;;AAGG;;yCAXM,qBAAqB;2CAArB,qBAAqB;;AAgBjC;;ACzBD;;;;;AAKG;AACH,cAGa,iBAAkB,SAAQ,gBAAiB,YAAW,OAAO;AACtE;;AAEG;uBACcA,EAAA,CAAA,wBAAA;AAEjB;;AAEG;AAGH;AAEA;;AAEG;AAGH;AAEA;;;AAGG;qCAC4BA,EAAA,CAAA,MAAA;AAE/B;;;AAGG;oCAC2BA,EAAA,CAAA,MAAA;AAE9B;;;AAGG;;AAMH;;;AAGG;AACH;AAIA;yCAjDS,iBAAiB;2CAAjB,iBAAiB;;;AA6D7B;;ACtED;;;;;;AAMG;AACH,cAGa,sBAAuB,SAAQ,gBAAiB,YAAW,OAAO;AAC3E,cAAQ,iBAAA;yBACW,SAAA;kBACP,iBAAA;AAEZ;;;AAGG;;AAMH;yCAdS,sBAAsB;2CAAtB,sBAAsB;AAsBlC;;AClCD;;;;;AAKG;AACH,cAMa,sBAAuB,SAAQ,gBAAgB;AACxD;;AAEG;AACqC;AAExC;;AAEG;AACqC;AAExC;;;AAGG;;yCAdM,sBAAsB;2CAAtB,sBAAsB;;;AAmBlC;;ACxBD,cAAa,aAAa,mBAAA,iBAAA,SAAA,sBAAA,SAAA,sBAAA,SAAA,qBAAA;;;;","names":["_angular_core"]}
+{"version":3,"file":"eui-ecl-components-ecl-radio.d.ts","sources":["../../components/ecl-radio/ecl-radio-help.component.ts","../../components/ecl-radio/ecl-radio.directive.ts","../../components/ecl-radio/ecl-radio-input.directive.ts","../../components/ecl-radio/ecl-radio-label.component.ts","../../components/ecl-radio/index.ts"],"mappings":";;;;;AAGA;;;;;AAKG;AACH,cASa,qBAAsB,SAAQ,gBAAgB;AACvD;;;;;AAKG;yBACgB,aAAA,CAAA,WAAA;AAEnB;;;AAGG;yBACgB,aAAA,CAAA,MAAA;oDAbV,qBAAqB;sDAArB,qBAAqB;AAcjC;;AC3BD;;;;;AAKG;AACH,cAQa,iBAAkB,SAAQ,gBAAgB;AACnD;;AAEG;uBACc,aAAA,CAAA,wBAAA;AAEjB;;AAEG;4BACmB,aAAA,CAAA,wBAAA;AAEtB;;AAEG;2BACkB,aAAA,CAAA,wBAAA;AAErB;;;AAGG;AACH;AAEA;;;AAGG;AACH;AAEA;;;;;;;;AAQG;yBACgB,aAAA,CAAA,MAAA;AAEnB;;;;;;;;AAQG;wBACe,aAAA,CAAA,MAAA;AAElB;;;AAGG;qCAC4B,aAAA,CAAA,MAAA;AAE/B;;;AAGG;oCAC2B,aAAA,CAAA,MAAA;;AAO9B;;;AAGG;;AAKH;;;AAGG;;AAMH;;;AAGG;AACH;oDAxFS,iBAAiB;sDAAjB,iBAAiB;AAyG7B;;ACvHD;;;;;;AAMG;AACH,cAMa,sBAAuB,SAAQ,gBAAiB,YAAW,OAAO;AAC3E,cAAQ,iBAAA;yBACW,SAAA;kBACP,iBAAA;AAEZ;;;AAGG;;AAKH;oDAbS,sBAAsB;sDAAtB,sBAAsB;AAuBlC;;ACtCD;;;;;AAKG;AACH,cASa,sBAAuB,SAAQ,gBAAgB;AACxD;;;;;AAKG;wBACe,aAAA,CAAA,WAAA;AAElB;;;;;AAKG;yBACgB,aAAA,CAAA,WAAA;AAEnB;;;AAGG;;oDApBM,sBAAsB;sDAAtB,sBAAsB;AAwBlC;;AChCD,cAAa,aAAa,mBAAA,iBAAA,SAAA,sBAAA,SAAA,sBAAA,SAAA,qBAAA;;;;","names":[]}