@ardium-ui/ui 3.2.7 → 3.3.0-alpha.10

package/lib/_internal/focusable-component.d.ts

@@ -26,8 +26,8 @@ export declare abstract class _FocusableComponentBase extends _DisablableCompone
     /**
      * The component's overall tab index. If the component is disabled, it is always `-1`. Coercible into a number, defaults to `0`.
      */
-    readonly tabIndex: import("@angular/core").Signal<any>;
-    readonly _tabIndex: import("@angular/core").InputSignalWithTransform<any, number>;
+    readonly tabIndex: import("@angular/core").Signal<number>;
+    readonly _tabIndex: import("@angular/core").InputSignalWithTransform<number, any>;
     /**
      * The event emitter responsible for firing `focus` events.
      */
@@ -39,7 +39,7 @@ export declare abstract class _FocusableComponentBase extends _DisablableCompone
     /**
      * Whether the component is currently focused.
      */
-    isFocused: boolean;
+    readonly isFocused: import("@angular/core").WritableSignal<boolean>;
     /**
      * Function to handle when an element is focused. Sets `isFocused` and fires the `focus` event.
      * @param event The focus event to emit.

package/lib/_internal/form-field-component.d.ts

@@ -0,0 +1,20 @@
+import { ControlValueAccessor } from '@angular/forms';
+import { _NgModelComponentBase, _NgModelComponentDefaults } from './ngmodel-component';
+import * as i0 from "@angular/core";
+export interface _FormFieldComponentDefaults extends _NgModelComponentDefaults {
+    required: boolean | undefined;
+}
+export declare const _formFieldComponentDefaults: _FormFieldComponentDefaults;
+/**
+ * Common code for components which implement the ControlValueAccessor.
+ *
+ * **Warning**: `writeValue` function should be implemented on the child component!
+ */
+export declare abstract class _FormFieldComponentBase extends _NgModelComponentBase implements ControlValueAccessor {
+    protected readonly _DEFAULTS: _FormFieldComponentDefaults;
+    readonly _required: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
+    get required(): boolean;
+    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_FormFieldComponentBase, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldComponentBase, never, never, { "_required": { "alias": "required"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/_internal/item-storages/simple-item-storage.d.ts

@@ -17,6 +17,7 @@ export interface SimpleItemStorageHost {
     readonly isValueRequired: Signal<boolean>;
     readonly maxSelectedItems: Signal<Nullable<number>>;
     readonly _componentId: string;
+    readonly _componentName: string;
 }
 export declare class SimpleItemStorage {
     private readonly _ardParentComp;

package/lib/_internal/ngmodel-component.d.ts

@@ -1,7 +1,9 @@
-import { ControlValueAccessor } from '@angular/forms';
+import { Injector, OnDestroy, OnInit, Signal } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { _FocusableComponentBase, _FocusableComponentDefaults } from './focusable-component';
 import * as i0 from "@angular/core";
 export interface _NgModelComponentDefaults extends _FocusableComponentDefaults {
+    required: boolean | undefined;
 }
 export declare const _ngModelComponentDefaults: _NgModelComponentDefaults;
 /**
@@ -9,7 +11,7 @@ export declare const _ngModelComponentDefaults: _NgModelComponentDefaults;
  *
  * **Warning**: `writeValue` function should be implemented on the child component!
  */
-export declare abstract class _NgModelComponentBase extends _FocusableComponentBase implements ControlValueAccessor {
+export declare abstract class _NgModelComponentBase extends _FocusableComponentBase implements ControlValueAccessor, OnInit, OnDestroy {
     protected readonly _DEFAULTS: _NgModelComponentDefaults;
     protected _onChangeRegistered: (_: any) => void;
     protected _onTouchedRegistered: () => void;
@@ -40,7 +42,19 @@ export declare abstract class _NgModelComponentBase extends _FocusableComponentB
      * @param v The new value to write.
      */
     protected abstract _emitChange(): void;
+    readonly wasTouched: import("@angular/core").WritableSignal<boolean>;
+    onFocus(event: FocusEvent): void;
+    private _shouldEmitTouched;
     onBlur(event: FocusEvent): void;
+    protected readonly _injector: Injector;
+    private _statusChangesSub?;
+    ngOnInit(): void;
+    protected _ngControl: NgControl | null;
+    readonly htmlId: import("@angular/core").InputSignal<string>;
+    readonly _hasError: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
+    private readonly _hasErrorInControl;
+    readonly hasError: Signal<boolean>;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_NgModelComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_NgModelComponentBase, never, never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_NgModelComponentBase, never, never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/_internal/public-api.d.ts

@@ -0,0 +1,3 @@
+import { _FormFieldComponentBase } from './form-field-component';
+export interface ArdFormFieldComponent extends _FormFieldComponentBase {
+}

package/lib/_internal/selectable-list-component.d.ts

@@ -1,10 +1,10 @@
 import { ControlValueAccessor } from '@angular/forms';
 import { ArdOptionSimple, CompareWithFn, OptionContext } from '../types/item-storage.types';
 import { Nullable } from '../types/utility.types';
+import { _FormFieldComponentBase, _FormFieldComponentDefaults } from './form-field-component';
 import { SimpleItemStorage, SimpleItemStorageHost } from './item-storages/simple-item-storage';
-import { _NgModelComponentBase, _NgModelComponentDefaults } from './ngmodel-component';
 import * as i0 from "@angular/core";
-export interface _SelectableListComponentDefaults extends _NgModelComponentDefaults {
+export interface _SelectableListComponentDefaults extends _FormFieldComponentDefaults {
     valueFrom: string;
     labelFrom: string;
     disabledFrom: string;
@@ -15,10 +15,9 @@ export interface _SelectableListComponentDefaults extends _NgModelComponentDefau
     maxSelectedItems: Nullable<number>;
 }
 export declare const _selectableListComponentDefaults: _SelectableListComponentDefaults;
-export declare abstract class _SelectableListComponentBase extends _NgModelComponentBase implements ControlValueAccessor, SimpleItemStorageHost {
+export declare abstract class _SelectableListComponentBase extends _FormFieldComponentBase implements ControlValueAccessor, SimpleItemStorageHost {
     protected readonly _DEFAULTS: _SelectableListComponentDefaults;
     readonly itemStorage: SimpleItemStorage;
-    readonly htmlId: string;
     readonly element: HTMLElement;
     readonly DEFAULTS: _SelectableListComponentDefaults;
     abstract readonly _componentId: string;

package/lib/checkbox/checkbox.component.d.ts

@@ -7,7 +7,6 @@ import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxComponent extends _BooleanComponentBase implements ControlValueAccessor {
     protected readonly _DEFAULTS: ArdCheckboxDefaults;
     constructor(defaults: ArdCheckboxDefaults);
-    readonly htmlId: import("@angular/core").InputSignal<string>;
     readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly unselectedColor: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
@@ -15,5 +14,5 @@ export declare class ArdiumCheckboxComponent extends _BooleanComponentBase imple
     readonly state: import("@angular/core").ModelSignal<CheckboxState>;
     toggleState(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxComponent, "ard-checkbox", never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "unselectedColor": { "alias": "unselectedColor"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxComponent, "ard-checkbox", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "unselectedColor": { "alias": "unselectedColor"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, false, never>;
 }

package/lib/checkbox-list/checkbox-list.component.d.ts

@@ -10,7 +10,6 @@ import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase implements SimpleItemStorageHost, AfterViewInit {
     protected readonly _DEFAULTS: ArdCheckboxListDefaults;
     constructor(defaults: ArdCheckboxListDefaults);
-    readonly htmlId: import("@angular/core").InputSignal<string>;
     get _htmlIdHostAttribute(): string;
     readonly DEFAULTS: ArdCheckboxListDefaults;
     readonly multiselectable: import("@angular/core").WritableSignal<true>;
@@ -46,5 +45,5 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     unselectItem(v: ArdOptionSimple): void;
     toggleItem(v: ArdOptionSimple): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; }, never, never, false, never>;
 }

package/lib/file-inputs/file-input-base.d.ts

@@ -6,7 +6,6 @@ export declare abstract class _FileInputComponentBase extends _NgModelComponentB
     protected readonly _DEFAULTS: _FileInputBaseDefaults;
     abstract readonly componentId: string;
     readonly fileInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
-    readonly htmlId: import("@angular/core").InputSignal<string>;
     readonly name: import("@angular/core").InputSignal<string>;
     ngOnInit(): void;
     protected _wasViewInit: boolean;
@@ -36,5 +35,5 @@ export declare abstract class _FileInputComponentBase extends _NgModelComponentB
     protected _countDragenterFiles(data: DataTransfer | null): number | null;
     protected _updateElementValue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_FileInputComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_FileInputComponentBase, never, never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "blockAfterUpload": { "alias": "blockAfterUpload"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "dragFilesEvent": "dragFiles"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FileInputComponentBase, never, never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "blockAfterUpload": { "alias": "blockAfterUpload"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "dragFilesEvent": "dragFiles"; }, never, never, false, never>;
 }

package/lib/form-field/error/error.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./error.directive";
+export declare class ArdiumErrorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumErrorComponent, "ard-error", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.ArdiumErrorDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/form-field/error/error.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class ArdiumErrorDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumErrorDirective, "[ard-error]", never, {}, {}, never, never, true, never>;
+}

package/lib/form-field/form-field.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { _FormFieldComponentBase } from '../_internal/form-field-component';
+import { ArdiumErrorDirective } from './error/error.directive';
+import { ArdiumHintDirective } from './hint/hint.directive';
+import { ArdiumLabelComponent } from './label/label.component';
+import * as i0 from "@angular/core";
+export declare class ArdiumFormFieldComponent implements OnInit {
+    protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
+    readonly alignHintToLeftByDefault: boolean;
+    readonly control: import("@angular/core").Signal<_FormFieldComponentBase | undefined>;
+    readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
+    readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
+    readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;
+    readonly hasAnyError: import("@angular/core").Signal<boolean>;
+    readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, { "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors"], ["ard-label, [ard-label]", "*", "ard-error, [ard-error]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[left], [ard-hint][left]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[right], [ard-hint][right]"], false, never>;
+}

package/lib/form-field/form-field.defaults.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { SimpleOneAxisAlignment } from './../types/alignment.types';
+export interface ArdFormFieldDefaults {
+    defaultHintAlign: SimpleOneAxisAlignment;
+    reserveHintLine: boolean;
+}
+export declare const ARD_FORM_FIELD_DEFAULTS: InjectionToken<ArdFormFieldDefaults>;
+export declare function provideFormFieldDefaults(config: Partial<ArdFormFieldDefaults>): Provider;

package/lib/form-field/form-field.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field.component";
+import * as i2 from "./horizontal-form-field.component";
+import * as i3 from "./label/label.component";
+import * as i4 from "./hint/hint.component";
+import * as i5 from "./error/error.component";
+import * as i6 from "@angular/common";
+import * as i7 from "./hint/hint.directive";
+import * as i8 from "./error/error.directive";
+export declare class ArdiumFormFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFormFieldModule, [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumLabelComponent, typeof i4.ArdiumHintComponent, typeof i5.ArdiumErrorComponent], [typeof i6.CommonModule, typeof i7.ArdiumHintDirective, typeof i8.ArdiumErrorDirective], [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumLabelComponent, typeof i4.ArdiumHintComponent, typeof i5.ArdiumErrorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFormFieldModule>;
+}

package/lib/form-field/hint/hint.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./hint.directive";
+export declare class ArdiumHintComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHintComponent, "ard-hint", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.ArdiumHintDirective; inputs: { "left": "left"; "right": "right"; }; outputs: {}; }]>;
+}

package/lib/form-field/hint/hint.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ArdiumHintDirective {
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumHintDirective, "[ard-hint]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/form-field/horizontal-form-field.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { _FormFieldComponentBase } from '../_internal/form-field-component';
+import { ArdiumErrorDirective } from './error/error.directive';
+import { ArdiumHintDirective } from './hint/hint.directive';
+import { ArdiumLabelComponent } from './label/label.component';
+import * as i0 from "@angular/core";
+export declare class ArdiumHorizontalFormFieldComponent implements OnInit {
+    protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
+    readonly alignHintToLeftByDefault: boolean;
+    readonly control: import("@angular/core").Signal<_FormFieldComponentBase | undefined>;
+    readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
+    readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
+    readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;
+    readonly hasAnyError: import("@angular/core").Signal<boolean>;
+    readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHorizontalFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHorizontalFormFieldComponent, "ard-horizontal-form-field", never, { "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors"], ["ard-label, [ard-label]", "*", "ard-error, [ard-error]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[left], [ard-hint][left]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[right], [ard-hint][right]"], false, never>;
+}

package/lib/form-field/index.d.ts

@@ -0,0 +1,8 @@
+export * from './error/error.component';
+export * from './error/error.directive';
+export * from './form-field.component';
+export * from './form-field.module';
+export * from './hint/hint.component';
+export * from './hint/hint.directive';
+export * from './horizontal-form-field.component';
+export * from './label/label.component';

package/lib/form-field/label/label.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ArdiumLabelComponent {
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly optional: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumLabelComponent, "ard-label", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}

package/lib/form-field-frame/form-field-frame.component.d.ts

@@ -8,7 +8,9 @@ import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
     protected readonly _DEFAULTS: ArdFormFieldFrameDefaults;
     constructor(defaults: ArdFormFieldFrameDefaults);
-    isFocused: boolean;
+    readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    set _setIsFocused(v: boolean);
     /**
      * The appearance of the component, aka the styling.
      */
@@ -27,5 +29,5 @@ export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBa
     readonly prefixTemplate: import("@angular/core").Signal<ArdFormFieldPrefixTemplateDirective | undefined>;
     readonly suffixTemplate: import("@angular/core").Signal<ArdFormFieldSuffixTemplateDirective | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldFrameComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldFrameComponent, "ard-form-field-frame", never, { "isFocused": { "alias": "isFocused"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "prefixTemplateInput": { "alias": "prefixTemplate"; "required": false; "isSignal": true; }; "suffixTemplateInput": { "alias": "suffixTemplate"; "required": false; "isSignal": true; }; }, {}, ["prefixTemplate", "suffixTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldFrameComponent, "ard-form-field-frame", never, { "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; "_setIsFocused": { "alias": "isFocused"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "prefixTemplateInput": { "alias": "prefixTemplate"; "required": false; "isSignal": true; }; "suffixTemplateInput": { "alias": "suffixTemplate"; "required": false; "isSignal": true; }; }, {}, ["prefixTemplate", "suffixTemplate"], ["*"], false, never>;
 }

package/lib/inputs/_simple-input-base.d.ts

@@ -1,11 +1,11 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
-import { _NgModelComponentBase, _NgModelComponentDefaults } from '../_internal/ngmodel-component';
+import { _FormFieldComponentBase, _FormFieldComponentDefaults } from '../_internal/form-field-component';
 import { SimpleOneAxisAlignment } from './../types/alignment.types';
 import { FormElementAppearance, FormElementVariant } from './../types/theming.types';
 import { Nullable } from './../types/utility.types';
 import { SimpleInputModel } from './input-utils';
 import * as i0 from "@angular/core";
-export interface _SimpleInputComponentDefaults extends _NgModelComponentDefaults {
+export interface _SimpleInputComponentDefaults extends _FormFieldComponentDefaults {
     appearance: FormElementAppearance;
     variant: FormElementVariant;
     compact: boolean;
@@ -17,7 +17,7 @@ export interface _SimpleInputComponentDefaults extends _NgModelComponentDefaults
     maxLength: Nullable<number>;
 }
 export declare const _simpleInputComponentDefaults: _SimpleInputComponentDefaults;
-export declare abstract class _SimpleInputComponentBase extends _NgModelComponentBase implements AfterViewInit {
+export declare abstract class _SimpleInputComponentBase extends _FormFieldComponentBase implements AfterViewInit {
     protected readonly _DEFAULTS: _SimpleInputComponentDefaults;
     readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     protected readonly inputModel: SimpleInputModel;

package/lib/inputs/digit-input/digit-input.component.d.ts

@@ -1,12 +1,12 @@
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { ArdDigitInputDefaults } from './digit-input.defaults';
 import { DigitInputConfig, DigitInputShape } from './digit-input.types';
 import { DigitInputModelHost } from './digit-input.utils';
 import * as i0 from "@angular/core";
-export declare class ArdiumDigitInputComponent extends _NgModelComponentBase implements ControlValueAccessor, DigitInputModelHost {
+export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, DigitInputModelHost, OnInit, AfterViewInit {
     protected readonly _DEFAULTS: ArdDigitInputDefaults;
     constructor(defaults: ArdDigitInputDefaults);
     readonly inputs: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
@@ -20,10 +20,15 @@ export declare class ArdiumDigitInputComponent extends _NgModelComponentBase imp
     readonly configArrayData: import("@angular/core").Signal<import("./digit-input.utils").DigitInputConfigData[]>;
     private _oldConfigArrayDataLength;
     readonly configArrayDataEffect: import("@angular/core").EffectRef;
+    ngOnInit(): void;
     isInputEmpty(index: number): boolean;
+    private _valueBeforeViewInit?;
     writeValue(v: any): void;
     private _writeValue;
+    private _wasViewInit;
+    ngAfterViewInit(): void;
     readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly outputControlValueAccessorOnFinish: import("@angular/core").InputSignalWithTransform<boolean, any>;
     set value(v: string | (string | null)[] | null);
     readonly valueChange: import("@angular/core").OutputEmitterRef<string | (string | null)[] | null>;
     readonly stringValue: import("@angular/core").Signal<string>;
@@ -41,5 +46,5 @@ export declare class ArdiumDigitInputComponent extends _NgModelComponentBase imp
     protected _emitChange(): void;
     onKeydown(event: KeyboardEvent, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDigitInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDigitInputComponent, "ard-digit-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "outputAsString": { "alias": "outputAsString"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "finishedValue": "finishedValue"; "focusIndexEvent": "focusIndex"; "blurIndexEvent": "blurIndex"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDigitInputComponent, "ard-digit-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "outputAsString": { "alias": "outputAsString"; "required": false; "isSignal": true; }; "outputControlValueAccessorOnFinish": { "alias": "outputControlValueAccessorOnFinish"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "finishedValue": "finishedValue"; "focusIndexEvent": "focusIndex"; "blurIndexEvent": "blurIndex"; }, never, never, false, never>;
 }

package/lib/inputs/digit-input/digit-input.defaults.d.ts

@@ -1,8 +1,8 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from './../../types/theming.types';
 import { DigitInputShape } from './digit-input.types';
-export interface ArdDigitInputDefaults extends _NgModelComponentDefaults {
+export interface ArdDigitInputDefaults extends _FormFieldComponentDefaults {
     appearance: FormElementAppearance;
     variant: FormElementVariant;
     shape: DigitInputShape;

package/lib/inputs/digit-input/digit-input.model.d.ts

@@ -16,7 +16,10 @@ export declare class DigitInputModel {
     private _updateInputElements;
     setConfig(config: DigitInputConfig): void;
     private _setConfig;
-    validateInputAndSetValue(input: string, index: number): false | [boolean, string | null];
+    validateInputAndSetValue(input: string, index: number): null | {
+        wasChanged: boolean;
+        resultChar: string | null;
+    };
     validateValueAndUpdate(): void;
     private _validateSingleChar;
 }

package/lib/inputs/digit-input/digit-input.types.d.ts

@@ -19,6 +19,7 @@ export interface DigitInputAcceptObject {
     accept: string | RegExp | ((char: string, charsBefore: string) => boolean);
     transform?: TransformType | null;
     readonly?: boolean;
+    placeholder?: string;
 }
 export interface DigitInputStaticObject {
     static: string;

package/lib/inputs/digit-input/digit-input.utils.d.ts

@@ -4,9 +4,11 @@ export interface DigitInputConfigData {
     char?: string;
     index?: number;
     readonly?: boolean;
+    placeholder?: string;
 }
 export interface DigitInputModelHost {
     readonly inputs: Signal<readonly ElementRef<HTMLInputElement>[]>;
+    readonly outputAsString: Signal<boolean>;
 }
 export declare const DigitInputConfigDataType: {
     readonly Input: "input";

package/lib/inputs/hex-input/hex-input.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { Nullable } from '../../types/utility.types';
 import { CaseTransformerType } from '../input-types';
@@ -8,7 +8,7 @@ import { ArdHexInputDefaults } from './hex-input.defaults';
 import { ArdHexInputPlaceholderTemplateDirective, ArdHexInputPrefixTemplateDirective, ArdHexInputSuffixTemplateDirective } from './hex-input.directives';
 import { HexInputModel, HexInputModelHost } from './hex-input.model';
 import * as i0 from "@angular/core";
-export declare class ArdiumHexInputComponent extends _NgModelComponentBase implements ControlValueAccessor, HexInputModelHost, AfterViewInit {
+export declare class ArdiumHexInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, HexInputModelHost, AfterViewInit {
     protected readonly _DEFAULTS: ArdHexInputDefaults;
     constructor(defaults: ArdHexInputDefaults);
     readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;

package/lib/inputs/hex-input/hex-input.defaults.d.ts

@@ -1,9 +1,9 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
 import { Nullable } from '../../types/utility.types';
 import { CaseTransformerType } from '../input-types';
 import { FormElementAppearance, FormElementVariant } from './../../types/theming.types';
-export interface ArdHexInputDefaults extends _NgModelComponentDefaults {
+export interface ArdHexInputDefaults extends _FormFieldComponentDefaults {
     appearance: FormElementAppearance;
     variant: FormElementVariant;
     compact: boolean;

package/lib/inputs/number-input/number-input.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { ButtonAppearance, ButtonVariant } from '../../buttons/general-button.types';
 import { OneAxisAlignment } from '../../types/alignment.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
@@ -9,7 +9,7 @@ import { NumberInputModel, NumberInputModelHost } from '../input-utils';
 import { ArdNumberInputDefaults } from './number-input.defaults';
 import { ArdNumberInputPlaceholderTemplateDirective } from './number-input.directives';
 import * as i0 from "@angular/core";
-export declare class ArdiumNumberInputComponent extends _NgModelComponentBase implements ControlValueAccessor, NumberInputModelHost, AfterViewInit {
+export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, NumberInputModelHost, AfterViewInit {
     protected readonly _DEFAULTS: ArdNumberInputDefaults;
     constructor(defaults: ArdNumberInputDefaults);
     readonly inputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;

package/lib/inputs/number-input/number-input.defaults.d.ts

@@ -1,8 +1,8 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
 import { OneAxisAlignment } from './../../types/alignment.types';
 import { FormElementAppearance, FormElementVariant } from './../../types/theming.types';
-export interface ArdNumberInputDefaults extends _NgModelComponentDefaults {
+export interface ArdNumberInputDefaults extends _FormFieldComponentDefaults {
     appearance: FormElementAppearance;
     variant: FormElementVariant;
     compact: boolean;

package/lib/inputs/password-input/password-input.component.d.ts

@@ -1,13 +1,13 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { Nullable } from '../../types/utility.types';
 import { ArdPasswordInputDefaults } from './password-input.defaults';
 import { ArdPasswordInputPlaceholderTemplateDirective, ArdPasswordInputPrefixTemplateDirective, ArdPasswordInputRevealButtonTemplateDirective, ArdPasswordInputSuffixTemplateDirective } from './password-input.directives';
 import { PasswordInputRevealButtonContext } from './password-input.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumPasswordInputComponent extends _NgModelComponentBase implements ControlValueAccessor, OnInit, OnDestroy {
+export declare class ArdiumPasswordInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, OnInit, OnDestroy {
     protected readonly _DEFAULTS: ArdPasswordInputDefaults;
     constructor(defaults: ArdPasswordInputDefaults);
     readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;

package/lib/inputs/password-input/password-input.defaults.d.ts

@@ -1,8 +1,8 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from './../../types/theming.types';
 import { Nullable } from './../../types/utility.types';
-export interface ArdPasswordInputDefaults extends _NgModelComponentDefaults {
+export interface ArdPasswordInputDefaults extends _FormFieldComponentDefaults {
     appearance: FormElementAppearance;
     variant: FormElementVariant;
     compact: boolean;

package/lib/radio/radio/radio.component.d.ts

@@ -1,13 +1,51 @@
 import { ChangeDetectorRef } from '@angular/core';
-import { _BooleanComponentBase } from '../../_internal/boolean-component';
+import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { SimpleComponentColor } from '../../types/colors.types';
 import { ArdRadioDefaults } from './radio.defaults';
 import * as i0 from "@angular/core";
-export declare class ArdiumRadioComponent extends _BooleanComponentBase {
+export declare class ArdiumRadioComponent extends _FocusableComponentBase {
     protected readonly _changeDetector: ChangeDetectorRef;
     protected readonly _DEFAULTS: ArdRadioDefaults;
     constructor(defaults: ArdRadioDefaults);
     readonly htmlId: import("@angular/core").InputSignal<string>;
+    /**
+     * Emits all select-state-related events.
+     */
+    protected _emitChange(): void;
+    /**
+     * The event emitter responsible for firing `select` events. Fired when the `selected` state is set to true.
+     */
+    readonly selectEvent: import("@angular/core").OutputEmitterRef<null>;
+    /**
+     * The event emitter responsible for firing `unselect` events. Fired when the `selected` state is set to false.
+     */
+    readonly unselectEvent: import("@angular/core").OutputEmitterRef<null>;
+    /**
+     * The event emitter responsible for firing `change` events. Fired when the `selected` state is changed.
+     */
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly selected: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * The selection state of the component. Coercible into a boolean.
+     */
+    set _selected(v: any);
+    get _selectedHostAttribute(): boolean;
+    /**
+     * The event emitter responsible for firing `selectedChange` events. Fired when the `selected` state is changed.
+     */
+    readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * Toggles the selected state. Emits all appropriate events.
+     */
+    toggleSelected(): void;
+    /**
+     * Sets the state to "selected". Emits all appropriate events only if the state changes.
+     */
+    select(): void;
+    /**
+     * Sets the state to "unselected". Emits all appropriate events only if the state changes.
+     */
+    unselect(): void;
     readonly value: import("@angular/core").InputSignal<any>;
     readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
@@ -21,5 +59,5 @@ export declare class ArdiumRadioComponent extends _BooleanComponentBase {
      */
     markForCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRadioComponent, "ard-radio", never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRadioComponent, "ard-radio", never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "selectEvent": "select"; "unselectEvent": "unselect"; "changeEvent": "change"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
 }

package/lib/radio/radio/radio.defaults.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _BooleanComponentDefaults } from '../../_internal/boolean-component';
+import { _FocusableComponentDefaults } from '../../_internal/focusable-component';
 import { SimpleComponentColor } from './../../types/colors.types';
-export interface ArdRadioDefaults extends _BooleanComponentDefaults {
+export interface ArdRadioDefaults extends _FocusableComponentDefaults {
     color: SimpleComponentColor;
 }
 export declare const ARD_RADIO_DEFAULTS: InjectionToken<ArdRadioDefaults>;