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

package/docs/llms.txt

@@ -1,6 +1,6 @@
 # eui documentation
 
-> Generated by compodoc 2.0.0 at 2026-09-28T07:18:23.123Z, llm-md export.
+> Generated by compodoc 2.0.0 at 2026-09-28T12:10:29.742Z, llm-md export.
 
 ## Modules
 
@@ -2306,11 +2306,17 @@ Selector: `[eclRadioHelp]`
 Description: Component that displays help text for the ECL radio input. Supports styling for the disabled state and applies the proper ECL CSS classes. Should be placed inside a component using eclRadio.
 
 Inputs:
-- `isDisabled: boolean = false` — Adds styling for a disabled help text.
+- `isDisabled: boolean = false` — 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.
 - `class: string`
 - `e2eAttr: any`
 - `tabindex: number`
 
+Outputs:
+- `isDisabled: boolean = false` — 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.
+
+Properties:
+- `cssClasses: unknown = computed(() => [this.getCssClasses('ecl-radio__help')].join(' ').trim())` — Returns the CSS classes applied to the host element. Includes the base ecl-radio\_\_help class.
+
 Methods:
 - `getCssClasses(rootClass: string): string`
 
@@ -2322,12 +2328,16 @@ Selector: `[eclRadioLabel]`
 Description: Component representing a label for an ECL radio button. Used inside an element with the \[eclRadio\] directive to provide a styled label that can reflect the radio's state.
 
 Inputs:
-- `isDisabled: boolean = false` — Adds styling for a disabled state.
-- `isInvalid: boolean = false` — Adds styling for an invalid state.
+- `isDisabled: boolean = false` — Adds styling for a disabled state. Exposed as a model so the parent eclRadio directive can synchronize the disabled state onto the label.
+- `isInvalid: boolean = false` — Adds styling for an invalid state. Exposed as a model so the parent eclRadio directive can synchronize the invalid state onto the label.
 - `class: string`
 - `e2eAttr: any`
 - `tabindex: number`
 
+Outputs:
+- `isDisabled: boolean = false` — Adds styling for a disabled state. Exposed as a model so the parent eclRadio directive can synchronize the disabled state onto the label.
+- `isInvalid: boolean = false` — Adds styling for an invalid state. Exposed as a model so the parent eclRadio directive can synchronize the invalid state onto the label.
+
 Methods:
 - `getCssClasses(rootClass: string): string`
 
@@ -5492,8 +5502,8 @@ Selector: `[eclRadio]`
 Description: Directive that applies the ECL radio button styling and behavior. Should be applied to native radio input elements to enhance them with ECL styles and support for invalid, disabled and binary states.
 
 Inputs:
-- `isDisabled: boolean = false` — Adds the ecl-radio--disabled class to the host element when true.
-- `isInvalid: boolean = false` — Adds the ecl-radio--invalid class to the host element when true.
+- `isDisabled: boolean = false` — Consumer-provided disabled state, bound as an attribute on the host element.
+- `isInvalid: boolean = false` — Consumer-provided invalid state, bound as an attribute on the host element.
 - `isBinary: boolean = undefined` — Adds the ecl-radio--binary class when true.
 - `class: string`
 - `e2eAttr: any`
@@ -5502,8 +5512,11 @@ Inputs:
 Properties:
 - `eclRadioHelpComponent: unknown = contentChild(forwardRef(() => EclRadioHelpComponent))` — Reference to the projected EclRadioHelpComponent, if present. Used to synchronize the disabled state with the help text.
 - `eclRadioLabelComponent: unknown = contentChild(forwardRef(() => EclRadioLabelComponent))` — Reference to the projected EclRadioLabelComponent, if present. Used to synchronize disabled and invalid states with the label.
+- `isDisabled: unknown = computed(() => this.controlDisabled() ?? this.disabledInput())` — 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.
+- `isInvalid: unknown = computed(() => this.controlInvalid() ?? this.invalidInput())` — 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.
 
 Methods:
+- `setControlState(isInvalid: boolean, isDisabled: boolean): void` — Called by the child eclRadioInput directive to propagate the disabled and invalid states derived from the associated form control.
 - `getCssClasses(rootClass: string): string`
 
 ### EclRadioInputDirective

package/docs/properties.html

@@ -128,7 +128,7 @@
     </ol>
     <ul class="properties-list">
         <li>
-            <b>Version</b> : 22.0.0-alpha.28</li>
+            <b>Version</b> : 22.0.0-alpha.29</li>
     </ul>
 
 

package/fesm2022/eui-ecl-components-ecl-radio.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { booleanAttribute, HostBinding, Input, Component, ViewEncapsulation, input, contentChild, forwardRef, Directive, inject, ChangeDetectorRef } from '@angular/core';
+import { model, computed, Component, ViewEncapsulation, input, booleanAttribute, signal, contentChild, forwardRef, effect, Directive, inject, ChangeDetectorRef } from '@angular/core';
 import { ECLBaseDirective } from '@eui/ecl/core';
 import { NgControl } from '@angular/forms';
 
@@ -14,32 +14,29 @@ class EclRadioHelpComponent extends ECLBaseDirective {
         super(...arguments);
         /**
          * 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.
          */
-        this.isDisabled = false;
-    }
-    /**
-     * Returns the CSS classes applied to the host element.
-     * Includes the base ecl-radio__help class.
-     */
-    get cssClasses() {
-        return [super.getCssClasses('ecl-radio__help')].join(' ').trim();
+        this.isDisabled = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+        /**
+         * Returns the CSS classes applied to the host element.
+         * Includes the base ecl-radio__help class.
+         */
+        this.cssClasses = computed(() => [this.getCssClasses('ecl-radio__help')].join(' ').trim(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cssClasses" }] : /* istanbul ignore next */ []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioHelpComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.2", type: EclRadioHelpComponent, isStandalone: true, selector: "[eclRadioHelp]", inputs: { isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, host: { properties: { "class.ecl-radio__help--disabled": "this.isDisabled", "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclRadioHelpComponent, isStandalone: true, selector: "[eclRadioHelp]", inputs: { isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isDisabled: "isDisabledChange" }, host: { properties: { "class": "cssClasses()", "class.ecl-radio__help--disabled": "isDisabled()" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioHelpComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[eclRadioHelp]', template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { isDisabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-radio__help--disabled']
-            }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: '[eclRadioHelp]', host: {
+                        '[class]': 'cssClasses()',
+                        '[class.ecl-radio__help--disabled]': 'isDisabled()',
+                    }, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }, { type: i0.Output, args: ["isDisabledChange"] }] } });
 
 /**
  * Component representing a label for an ECL radio button.
@@ -52,12 +49,20 @@ class EclRadioLabelComponent extends ECLBaseDirective {
         super(...arguments);
         /**
          * Adds styling for an invalid state.
+         *
+         * Exposed as a model so the parent `eclRadio` directive can synchronize
+         * the invalid state onto the label.
          */
-        this.isInvalid = false;
+        this.isInvalid = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
         /**
          * Adds styling for a disabled state.
+         *
+         * Exposed as a model so the parent `eclRadio` directive can synchronize
+         * the disabled state onto the label.
          */
-        this.isDisabled = false;
+        this.isDisabled = model(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
     }
     /**
      * Returns the CSS classes applied to the host element.
@@ -67,21 +72,14 @@ class EclRadioLabelComponent extends ECLBaseDirective {
         return [super.getCssClasses('ecl-radio__label')].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "22.1.2", type: EclRadioLabelComponent, isStandalone: true, selector: "[eclRadioLabel]", inputs: { isInvalid: ["isInvalid", "isInvalid", booleanAttribute], isDisabled: ["isDisabled", "isDisabled", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-radio__box\" [class.ecl-radio__box--disabled]=\"isDisabled\" [class.ecl-radio__box--invalid]=\"isInvalid\">\n    <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.2", type: EclRadioLabelComponent, isStandalone: true, selector: "[eclRadioLabel]", inputs: { isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isInvalid: "isInvalidChange", isDisabled: "isDisabledChange" }, host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<span class=\"ecl-radio__box\" [class.ecl-radio__box--disabled]=\"isDisabled()\" [class.ecl-radio__box--invalid]=\"isInvalid()\">\n    <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n", encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[eclRadioLabel]', encapsulation: ViewEncapsulation.None, template: "<span class=\"ecl-radio__box\" [class.ecl-radio__box--disabled]=\"isDisabled\" [class.ecl-radio__box--invalid]=\"isInvalid\">\n    <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n" }]
-        }], propDecorators: { isInvalid: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], isDisabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: '[eclRadioLabel]', encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'cssClasses',
+                    }, template: "<span class=\"ecl-radio__box\" [class.ecl-radio__box--disabled]=\"isDisabled()\" [class.ecl-radio__box--invalid]=\"isInvalid()\">\n    <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { isInvalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }, { type: i0.Output, args: ["isInvalidChange"] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }, { type: i0.Output, args: ["isDisabledChange"] }] } });
 
 /**
  * Directive that applies the ECL radio button styling and behavior.
@@ -91,19 +89,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  */
 class EclRadioDirective extends ECLBaseDirective {
     constructor() {
-        super(...arguments);
+        super();
         /**
          * Adds the `ecl-radio--binary` class when true.
          */
         this.isBinary = input(undefined, { ...(ngDevMode ? { debugName: "isBinary" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
+         * Consumer-provided disabled state, bound as an attribute on the host element.
+         */
+        this.disabledInput = input(false, { ...(ngDevMode ? { debugName: "disabledInput" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'isDisabled' });
+        /**
+         * Consumer-provided invalid state, bound as an attribute on the host element.
+         */
+        this.invalidInput = input(false, { ...(ngDevMode ? { debugName: "invalidInput" } : /* istanbul ignore next */ {}), transform: booleanAttribute, alias: 'isInvalid' });
+        /**
+         * Disabled state derived from the child `eclRadioInput` form control, if any.
+         * Overrides the consumer-provided value when the control drives the state.
+         */
+        this.controlDisabled = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controlDisabled" }] : /* istanbul ignore next */ []));
+        /**
+         * Invalid state derived from the child `eclRadioInput` form control, if any.
+         * Overrides the consumer-provided value when the control drives the state.
+         */
+        this.controlInvalid = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "controlInvalid" }] : /* istanbul ignore next */ []));
+        /**
+         * 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.
          */
-        this.isDisabled = false;
+        this.isDisabled = computed(() => this.controlDisabled() ?? this.disabledInput(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
         /**
+         * 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.
          */
-        this.isInvalid = false;
+        this.isInvalid = computed(() => this.controlInvalid() ?? this.invalidInput(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
         /**
          * Reference to the projected EclRadioLabelComponent, if present.
          * Used to synchronize disabled and invalid states with the label.
@@ -116,6 +148,7 @@ class EclRadioDirective extends ECLBaseDirective {
          */
         this.eclRadioHelpComponent = contentChild(forwardRef(() => EclRadioHelpComponent), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "eclRadioHelpComponent" }] : /* istanbul ignore next */ []));
+        this.synchronizeChildElements();
     }
     /**
      * Returns the CSS classes to apply on the host element.
@@ -125,47 +158,46 @@ class EclRadioDirective extends ECLBaseDirective {
         return [super.getCssClasses('ecl-radio'), this.isBinary() ? 'ecl-radio--binary' : ''].join(' ').trim();
     }
     /**
-     * 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() {
-        this.updateChildElements();
+    setControlState(isInvalid, isDisabled) {
+        this.controlInvalid.set(isInvalid);
+        this.controlDisabled.set(isDisabled);
     }
-    updateChildElements() {
-        const eclRadioLabelComponent = this.eclRadioLabelComponent();
-        if (eclRadioLabelComponent) {
-            eclRadioLabelComponent.isInvalid = this.isInvalid;
-            eclRadioLabelComponent.isDisabled = this.isDisabled;
-        }
-        const eclRadioHelpComponent = this.eclRadioHelpComponent();
-        if (eclRadioHelpComponent) {
-            eclRadioHelpComponent.isDisabled = this.isDisabled;
-        }
+    /**
+     * Keeps the projected label and help components in sync with the
+     * directive's disabled and invalid states whenever they change.
+     */
+    synchronizeChildElements() {
+        effect(() => {
+            const isDisabled = this.isDisabled();
+            const isInvalid = this.isInvalid();
+            const eclRadioLabelComponent = this.eclRadioLabelComponent();
+            if (eclRadioLabelComponent) {
+                eclRadioLabelComponent.isInvalid.set(isInvalid);
+                eclRadioLabelComponent.isDisabled.set(isDisabled);
+            }
+            const eclRadioHelpComponent = this.eclRadioHelpComponent();
+            if (eclRadioHelpComponent) {
+                eclRadioHelpComponent.isDisabled.set(isDisabled);
+            }
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclRadioDirective, isStandalone: true, selector: "[eclRadio]", inputs: { isBinary: { classPropertyName: "isBinary", publicName: "isBinary", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, isInvalid: { classPropertyName: "isInvalid", publicName: "isInvalid", isSignal: false, isRequired: false, transformFunction: booleanAttribute } }, host: { properties: { "class.ecl-radio--disabled": "this.isDisabled", "class.ecl-radio--invalid": "this.isInvalid", "class": "this.cssClasses" } }, queries: [{ propertyName: "eclRadioLabelComponent", first: true, predicate: i0.forwardRef(() => EclRadioLabelComponent), descendants: true, isSignal: true }, { propertyName: "eclRadioHelpComponent", first: true, predicate: i0.forwardRef(() => EclRadioHelpComponent), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.2", type: EclRadioDirective, isStandalone: true, selector: "[eclRadio]", inputs: { isBinary: { classPropertyName: "isBinary", publicName: "isBinary", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, invalidInput: { classPropertyName: "invalidInput", publicName: "isInvalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClasses", "class.ecl-radio--disabled": "isDisabled()", "class.ecl-radio--invalid": "isInvalid()" } }, queries: [{ propertyName: "eclRadioLabelComponent", first: true, predicate: i0.forwardRef(() => EclRadioLabelComponent), descendants: true, isSignal: true }, { propertyName: "eclRadioHelpComponent", first: true, predicate: i0.forwardRef(() => EclRadioHelpComponent), descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[eclRadio]',
+                    host: {
+                        '[class]': 'cssClasses',
+                        '[class.ecl-radio--disabled]': 'isDisabled()',
+                        '[class.ecl-radio--invalid]': 'isInvalid()',
+                    },
                 }]
-        }], propDecorators: { isBinary: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBinary", required: false }] }], isDisabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-radio--disabled']
-            }], isInvalid: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
-            }, {
-                type: HostBinding,
-                args: ['class.ecl-radio--invalid']
-            }], eclRadioLabelComponent: [{ type: i0.ContentChild, args: [forwardRef(() => EclRadioLabelComponent), { isSignal: true }] }], eclRadioHelpComponent: [{ type: i0.ContentChild, args: [forwardRef(() => EclRadioHelpComponent), { isSignal: true }] }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }], ctorParameters: () => [], propDecorators: { isBinary: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBinary", required: false }] }], disabledInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], invalidInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInvalid", required: false }] }], eclRadioLabelComponent: [{ type: i0.ContentChild, args: [forwardRef(() => EclRadioLabelComponent), { isSignal: true }] }], eclRadioHelpComponent: [{ type: i0.ContentChild, args: [forwardRef(() => EclRadioHelpComponent), { isSignal: true }] }] } });
 
 /**
  * Directive that decorates native <input> elements to be styled as ECL radio inputs.
@@ -191,23 +223,22 @@ class EclRadioInputDirective extends ECLBaseDirective {
     ngDoCheck() {
         if (this.ngControl) {
             if (this.eclRadio) {
-                this.eclRadio.isInvalid = this.ngControl.invalid && this.ngControl.touched;
-                this.eclRadio.isDisabled = this.ngControl.disabled;
+                this.eclRadio.setControlState(this.ngControl.invalid && this.ngControl.touched, this.ngControl.disabled);
             }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioInputDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclRadioInputDirective, isStandalone: true, selector: "input[eclRadioInput]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.2", type: EclRadioInputDirective, isStandalone: true, selector: "input[eclRadioInput]", host: { properties: { "class": "cssClasses" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: EclRadioInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[eclRadioInput]',
+                    host: {
+                        '[class]': 'cssClasses',
+                    },
                 }]
-        }], propDecorators: { cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }] });
 
 const EUI_ECL_RADIO = [
     EclRadioDirective, EclRadioInputDirective, EclRadioLabelComponent, EclRadioHelpComponent,

package/fesm2022/eui-ecl-components-ecl-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-ecl-components-ecl-radio.mjs","sources":["../../components/ecl-radio/ecl-radio-help.component.ts","../../components/ecl-radio/ecl-radio-help.component.html","../../components/ecl-radio/ecl-radio-label.component.ts","../../components/ecl-radio/ecl-radio-label.component.html","../../components/ecl-radio/ecl-radio.directive.ts","../../components/ecl-radio/ecl-radio-input.directive.ts","../../components/ecl-radio/index.ts","../../components/ecl-radio/eui-ecl-components-ecl-radio.ts"],"sourcesContent":["import { Component, HostBinding, Input, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component that displays help text for the ECL radio input.\n *\n * Supports styling for the disabled state and applies the proper ECL CSS classes.\n * Should be placed inside a component using eclRadio.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclRadioHelp]',\n    templateUrl: './ecl-radio-help.component.html',\n})\nexport class EclRadioHelpComponent extends ECLBaseDirective {\n    /**\n     * Adds styling for a disabled help text.\n     */\n    @Input({ transform: booleanAttribute }) \n    @HostBinding('class.ecl-radio__help--disabled')\n    isDisabled = false;\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     * Includes the base ecl-radio__help class.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio__help')].join(' ').trim();\n    }\n}\n","<ng-content></ng-content>\n","import { Component, HostBinding, Input, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a label for an ECL radio button.\n *\n * Used inside an element with the [eclRadio] directive to provide\n * a styled label that can reflect the radio's state.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclRadioLabel]',\n    templateUrl: './ecl-radio-label.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EclRadioLabelComponent extends ECLBaseDirective {\n    /**\n     * Adds styling for an invalid state.\n     */\n    @Input({ transform: booleanAttribute }) isInvalid = false;\n\n    /**\n     * Adds styling for a disabled state.\n     */\n    @Input({ transform: booleanAttribute }) isDisabled = false;\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     * Includes the base `ecl-radio__label` class.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio__label')].join(' ').trim();\n    }\n}\n","<span class=\"ecl-radio__box\" [class.ecl-radio__box--disabled]=\"isDisabled\" [class.ecl-radio__box--invalid]=\"isInvalid\">\n    <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n","import { booleanAttribute, Directive, DoCheck, forwardRef, HostBinding, Input, input, contentChild } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRadioHelpComponent } from './ecl-radio-help.component';\nimport { EclRadioLabelComponent } from './ecl-radio-label.component';\n\n/**\n * Directive that applies the ECL radio button styling and behavior.\n *\n * Should be applied to native radio input elements to enhance them\n * with ECL styles and support for invalid, disabled and binary states.\n */\n@Directive({\n    selector: '[eclRadio]',\n})\nexport class EclRadioDirective extends ECLBaseDirective implements DoCheck {\n    /**\n     * Adds the `ecl-radio--binary` class when true.\n     */\n    readonly isBinary = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n\n    /**\n     * Adds the `ecl-radio--disabled` class to the host element when true.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('class.ecl-radio--disabled')\n    isDisabled = false;\n\n    /**\n     * Adds the `ecl-radio--invalid` class to the host element when true.\n     */\n    @Input({ transform: booleanAttribute })\n    @HostBinding('class.ecl-radio--invalid')\n    isInvalid = false;\n\n    /**\n     * Reference to the projected EclRadioLabelComponent, if present.\n     * Used to synchronize disabled and invalid states with the label.\n     */\n    readonly eclRadioLabelComponent = contentChild(forwardRef(() => EclRadioLabelComponent));\n\n    /**\n     * Reference to the projected EclRadioHelpComponent, if present.\n     * Used to synchronize the disabled state with the help text.\n     */\n    readonly eclRadioHelpComponent = contentChild(forwardRef(() => EclRadioHelpComponent));\n\n    /**\n     * Returns the CSS classes to apply on the host element.\n     * Includes the base `ecl-radio` class and the binary modifier if applicable.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio'), this.isBinary() ? 'ecl-radio--binary' : ''].join(' ').trim();\n    }\n\n    /**\n     * Angular lifecycle hook called during every change detection run.\n     * Used to update child components with the current disabled and invalid states.\n     */\n    ngDoCheck(): void {\n        this.updateChildElements();\n    }\n\n    private updateChildElements(): void {\n        const eclRadioLabelComponent = this.eclRadioLabelComponent();\n        if (eclRadioLabelComponent) {\n            eclRadioLabelComponent.isInvalid = this.isInvalid;\n            eclRadioLabelComponent.isDisabled = this.isDisabled;\n        }\n\n        const eclRadioHelpComponent = this.eclRadioHelpComponent();\n        if (eclRadioHelpComponent) {\n            eclRadioHelpComponent.isDisabled = this.isDisabled;\n        }\n    }\n}\n","import { Directive, HostBinding, ChangeDetectorRef, DoCheck, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { EclRadioDirective } from './ecl-radio.directive';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive that decorates native <input> elements to be styled as ECL radio inputs.\n *\n * Applies the proper ECL CSS classes and integrates with Angular forms\n * to reflect validation states (invalid, disabled) in the parent ECL radio directive.\n * Should be used together with the eclRadio directive.\n */\n@Directive({\n    selector: 'input[eclRadioInput]',\n})\nexport class EclRadioInputDirective extends ECLBaseDirective implements DoCheck {\n    eclRadio = inject(EclRadioDirective);\n    protected ngControl = inject(NgControl, { optional: true, self: true });\n    protected cd = inject(ChangeDetectorRef);\n\n    /**\n     * Returns the CSS classes applied to the host input element.\n     * Includes the base ecl-radio__input class.\n     */\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio__input')].join(' ').trim();\n    }\n\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            if (this.eclRadio) {\n                this.eclRadio.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n                this.eclRadio.isDisabled = this.ngControl.disabled;\n            }\n        }\n    }\n}\n","import { EclRadioHelpComponent } from './ecl-radio-help.component';\nimport { EclRadioInputDirective } from './ecl-radio-input.directive';\nimport { EclRadioLabelComponent } from './ecl-radio-label.component';\nimport { EclRadioDirective } from './ecl-radio.directive';\n\nexport * from './ecl-radio-input.directive';\nexport * from './ecl-radio.directive';\nexport * from './ecl-radio-label.component';\nexport * from './ecl-radio-help.component';\n\nexport const EUI_ECL_RADIO = [\n    EclRadioDirective, EclRadioInputDirective, EclRadioLabelComponent, EclRadioHelpComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-ecl-components-ecl-radio.mjs","sources":["../../components/ecl-radio/ecl-radio-help.component.ts","../../components/ecl-radio/ecl-radio-help.component.html","../../components/ecl-radio/ecl-radio-label.component.ts","../../components/ecl-radio/ecl-radio-label.component.html","../../components/ecl-radio/ecl-radio.directive.ts","../../components/ecl-radio/ecl-radio-input.directive.ts","../../components/ecl-radio/index.ts","../../components/ecl-radio/eui-ecl-components-ecl-radio.ts"],"sourcesContent":["import { Component, computed, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component that displays help text for the ECL radio input.\n *\n * Supports styling for the disabled state and applies the proper ECL CSS classes.\n * Should be placed inside a component using eclRadio.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclRadioHelp]',\n    templateUrl: './ecl-radio-help.component.html',\n    host: {\n        '[class]': 'cssClasses()',\n        '[class.ecl-radio__help--disabled]': 'isDisabled()',\n    },\n})\nexport class EclRadioHelpComponent extends ECLBaseDirective {\n    /**\n     * Adds styling for a disabled help text.\n     *\n     * Exposed as a model so the parent `eclRadio` directive can synchronize\n     * the disabled state onto the projected help text.\n     */\n    readonly isDisabled = model(false);\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     * Includes the base ecl-radio__help class.\n     */\n    readonly cssClasses = computed(() => [this.getCssClasses('ecl-radio__help')].join(' ').trim());\n}\n","<ng-content></ng-content>\n","import { Component, ViewEncapsulation, model } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Component representing a label for an ECL radio button.\n *\n * Used inside an element with the [eclRadio] directive to provide\n * a styled label that can reflect the radio's state.\n */\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[eclRadioLabel]',\n    templateUrl: './ecl-radio-label.component.html',\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclRadioLabelComponent extends ECLBaseDirective {\n    /**\n     * Adds styling for an invalid state.\n     *\n     * Exposed as a model so the parent `eclRadio` directive can synchronize\n     * the invalid state onto the label.\n     */\n    readonly isInvalid = model(false);\n\n    /**\n     * Adds styling for a disabled state.\n     *\n     * Exposed as a model so the parent `eclRadio` directive can synchronize\n     * the disabled state onto the label.\n     */\n    readonly isDisabled = model(false);\n\n    /**\n     * Returns the CSS classes applied to the host element.\n     * Includes the base `ecl-radio__label` class.\n     */\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio__label')].join(' ').trim();\n    }\n}\n","<span class=\"ecl-radio__box\" [class.ecl-radio__box--disabled]=\"isDisabled()\" [class.ecl-radio__box--invalid]=\"isInvalid()\">\n    <span class=\"ecl-radio__box-inner\"></span>\n</span>\n\n<ng-content></ng-content>\n","import { booleanAttribute, computed, Directive, effect, forwardRef, input, signal, contentChild } from '@angular/core';\nimport { ECLBaseDirective } from '@eui/ecl/core';\nimport { EclRadioHelpComponent } from './ecl-radio-help.component';\nimport { EclRadioLabelComponent } from './ecl-radio-label.component';\n\n/**\n * Directive that applies the ECL radio button styling and behavior.\n *\n * Should be applied to native radio input elements to enhance them\n * with ECL styles and support for invalid, disabled and binary states.\n */\n@Directive({\n    selector: '[eclRadio]',\n    host: {\n        '[class]': 'cssClasses',\n        '[class.ecl-radio--disabled]': 'isDisabled()',\n        '[class.ecl-radio--invalid]': 'isInvalid()',\n    },\n})\nexport class EclRadioDirective extends ECLBaseDirective {\n    /**\n     * Adds the `ecl-radio--binary` class when true.\n     */\n    readonly isBinary = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n\n    /**\n     * Consumer-provided disabled state, bound as an attribute on the host element.\n     */\n    readonly disabledInput = input<boolean, unknown>(false, { transform: booleanAttribute, alias: 'isDisabled' });\n\n    /**\n     * Consumer-provided invalid state, bound as an attribute on the host element.\n     */\n    readonly invalidInput = input<boolean, unknown>(false, { transform: booleanAttribute, alias: 'isInvalid' });\n\n    /**\n     * Disabled state derived from the child `eclRadioInput` form control, if any.\n     * Overrides the consumer-provided value when the control drives the state.\n     */\n    private readonly controlDisabled = signal<boolean | undefined>(undefined);\n\n    /**\n     * Invalid state derived from the child `eclRadioInput` form control, if any.\n     * Overrides the consumer-provided value when the control drives the state.\n     */\n    private readonly controlInvalid = signal<boolean | undefined>(undefined);\n\n    /**\n     * Effective disabled state, preferring the form-control-driven value when present.\n     * Adds the `ecl-radio--disabled` class to the host element when true.\n     *\n     * Precedence: when a child `eclRadioInput` is bound to a form control it calls\n     * `setControlState`, making `controlDisabled` a concrete boolean that takes over.\n     * While `controlDisabled` is `undefined` (no form control in play), the `??`\n     * falls back to the consumer-provided `disabledInput` attribute value.\n     */\n    readonly isDisabled = computed(() => this.controlDisabled() ?? this.disabledInput());\n\n    /**\n     * Effective invalid state, preferring the form-control-driven value when present.\n     * Adds the `ecl-radio--invalid` class to the host element when true.\n     *\n     * Precedence: when a child `eclRadioInput` is bound to a form control it calls\n     * `setControlState`, making `controlInvalid` a concrete boolean that takes over.\n     * While `controlInvalid` is `undefined` (no form control in play), the `??`\n     * falls back to the consumer-provided `invalidInput` attribute value.\n     */\n    readonly isInvalid = computed(() => this.controlInvalid() ?? this.invalidInput());\n\n    /**\n     * Reference to the projected EclRadioLabelComponent, if present.\n     * Used to synchronize disabled and invalid states with the label.\n     */\n    readonly eclRadioLabelComponent = contentChild(forwardRef(() => EclRadioLabelComponent));\n\n    /**\n     * Reference to the projected EclRadioHelpComponent, if present.\n     * Used to synchronize the disabled state with the help text.\n     */\n    readonly eclRadioHelpComponent = contentChild(forwardRef(() => EclRadioHelpComponent));\n\n    constructor() {\n        super();\n        this.synchronizeChildElements();\n    }\n\n    /**\n     * Returns the CSS classes to apply on the host element.\n     * Includes the base `ecl-radio` class and the binary modifier if applicable.\n     */\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio'), this.isBinary() ? 'ecl-radio--binary' : ''].join(' ').trim();\n    }\n\n    /**\n     * Called by the child `eclRadioInput` directive to propagate the disabled and\n     * invalid states derived from the associated form control.\n     */\n    setControlState(isInvalid: boolean, isDisabled: boolean): void {\n        this.controlInvalid.set(isInvalid);\n        this.controlDisabled.set(isDisabled);\n    }\n\n    /**\n     * Keeps the projected label and help components in sync with the\n     * directive's disabled and invalid states whenever they change.\n     */\n    private synchronizeChildElements(): void {\n        effect(() => {\n            const isDisabled = this.isDisabled();\n            const isInvalid = this.isInvalid();\n\n            const eclRadioLabelComponent = this.eclRadioLabelComponent();\n            if (eclRadioLabelComponent) {\n                eclRadioLabelComponent.isInvalid.set(isInvalid);\n                eclRadioLabelComponent.isDisabled.set(isDisabled);\n            }\n\n            const eclRadioHelpComponent = this.eclRadioHelpComponent();\n            if (eclRadioHelpComponent) {\n                eclRadioHelpComponent.isDisabled.set(isDisabled);\n            }\n        });\n    }\n}\n","import { Directive, ChangeDetectorRef, DoCheck, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { EclRadioDirective } from './ecl-radio.directive';\nimport { ECLBaseDirective } from '@eui/ecl/core';\n\n/**\n * Directive that decorates native <input> elements to be styled as ECL radio inputs.\n *\n * Applies the proper ECL CSS classes and integrates with Angular forms\n * to reflect validation states (invalid, disabled) in the parent ECL radio directive.\n * Should be used together with the eclRadio directive.\n */\n@Directive({\n    selector: 'input[eclRadioInput]',\n    host: {\n        '[class]': 'cssClasses',\n    },\n})\nexport class EclRadioInputDirective extends ECLBaseDirective implements DoCheck {\n    eclRadio = inject(EclRadioDirective);\n    protected ngControl = inject(NgControl, { optional: true, self: true });\n    protected cd = inject(ChangeDetectorRef);\n\n    /**\n     * Returns the CSS classes applied to the host input element.\n     * Includes the base ecl-radio__input class.\n     */\n    get cssClasses(): string {\n        return [super.getCssClasses('ecl-radio__input')].join(' ').trim();\n    }\n\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            if (this.eclRadio) {\n                this.eclRadio.setControlState(\n                    this.ngControl.invalid && this.ngControl.touched,\n                    this.ngControl.disabled,\n                );\n            }\n        }\n    }\n}\n","import { EclRadioHelpComponent } from './ecl-radio-help.component';\nimport { EclRadioInputDirective } from './ecl-radio-input.directive';\nimport { EclRadioLabelComponent } from './ecl-radio-label.component';\nimport { EclRadioDirective } from './ecl-radio.directive';\n\nexport * from './ecl-radio-input.directive';\nexport * from './ecl-radio.directive';\nexport * from './ecl-radio-label.component';\nexport * from './ecl-radio-help.component';\n\nexport const EUI_ECL_RADIO = [\n    EclRadioDirective, EclRadioInputDirective, EclRadioLabelComponent, EclRadioHelpComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eui/ecl",
-  "version": "22.0.0-alpha.28",
+  "version": "22.0.0-alpha.29",
   "tag": "next",
   "description": "eUI ECL components package",
   "homepage": "https://eui.ecdevops.eu",

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];