@ardium-ui/ui 1.0.3 → 2.0.1

package/lib/dropdown-panel/index.d.ts

@@ -0,0 +1,3 @@
+export * from './dropdown-panel.module';
+export * from './dropdown-panel.component';
+export * from './dropdown-panel.types';

package/lib/file-inputs/file-drop-area/file-drop-area.component.d.ts

@@ -5,9 +5,10 @@ import { _FileInputComponentBase } from '../file-input-base';
 import { FileInputBrowseContext, FileInputFileAmountContext, FileInputFilesContext } from '../file-input-types';
 import * as i0 from "@angular/core";
 export declare class ArdiumFileDropAreaComponent extends _FileInputComponentBase implements OnInit {
-    variant: FormElementVariant;
-    color: ComponentColor;
-    get ngClasses(): string;
+    readonly componentId = "010";
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     protected _wasMousedownOnElement: true | null;
     onMousedown(): void;
     onMouseup(): void;
@@ -18,5 +19,5 @@ export declare class ArdiumFileDropAreaComponent extends _FileInputComponentBase
     getDragoverContext(): FileInputFileAmountContext;
     getUploadedContext(): FileInputFilesContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileDropAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileDropAreaComponent, "ard-file-drop-area", never, { "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, ["idleTemplate", "dragoverTemplate", "uploadedTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileDropAreaComponent, "ard-file-drop-area", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, ["idleTemplate", "dragoverTemplate", "uploadedTemplate"], never, false, never>;
 }

package/lib/file-inputs/file-drop-area/index.d.ts

@@ -0,0 +1,3 @@
+export * from './file-drop-area.module';
+export * from './file-drop-area.component';
+export * from './file-drop-area.directives';

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

@@ -1,4 +1,4 @@
-import { TemplateRef, EventEmitter } from '@angular/core';
+import { TemplateRef } from '@angular/core';
 import { ComponentColor } from '../../types/colors.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { _FileInputComponentBase } from '../file-input-base';
@@ -8,26 +8,22 @@ export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     readonly DEFAULTS: {
         clearButtonTitle: string;
     };
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    color: ComponentColor;
-    inputAttrs: {
-        [key: string]: any;
-    };
-    placeholder: string;
+    readonly componentId = "011";
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     placeholderTemplate?: TemplateRef<any>;
     get shouldDisplayPlaceholder(): boolean;
-    private _clearable;
-    get clearable(): boolean;
-    set clearable(v: any);
-    clearButtonTitle: string;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
     get shouldShowClearButton(): boolean;
     onClearButtonClick(event: MouseEvent): void;
     clear(): void;
-    clearEvent: EventEmitter<any>;
-    private _touched;
-    get touched(): boolean;
-    private set touched(value);
+    readonly clearEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly touched: import("@angular/core").WritableSignal<boolean>;
     prefixTemplate?: TemplateRef<any>;
     suffixTemplate?: TemplateRef<any>;
     idleTemplate: TemplateRef<FileInputBrowseContext> | null;
@@ -37,5 +33,5 @@ export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     getDragoverContext(): FileInputFileAmountContext;
     getUploadedContext(): FileInputFilesContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; }, { "clearEvent": "clear"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; }, { "clearEvent": "clearEvent"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate"], never, false, never>;
 }

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

@@ -0,0 +1,3 @@
+export * from './file-input.module';
+export * from './file-input.component';
+export * from './file-input.directives';

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

@@ -1,36 +1,31 @@
-import { ElementRef, EventEmitter, OnInit, AfterViewInit } from '@angular/core';
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
 import { _NgModelComponentBase } from '../_internal/ngmodel-component';
 import * as i0 from "@angular/core";
 export declare abstract class _FileInputComponentBase extends _NgModelComponentBase implements OnInit, AfterViewInit {
-    fileInputEl: ElementRef<HTMLInputElement>;
-    htmlId: string;
-    name?: string;
+    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;
     ngAfterViewInit(): void;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    private _multiple;
-    get multiple(): boolean;
-    set multiple(v: any);
-    private _blockAfterUpload;
-    get blockAfterUpload(): boolean;
-    set blockAfterUpload(v: any);
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, any>;
     get shouldBeBlocked(): boolean;
     protected _value: File[] | null;
     get value(): File[] | null;
     set value(v: File | File[] | null);
-    valueChange: EventEmitter<File[] | null>;
-    changeEvent: EventEmitter<File[] | null>;
-    dragFilesEvent: EventEmitter<File[] | null>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<File[] | null>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
+    readonly dragFilesEvent: import("@angular/core").OutputEmitterRef<File[] | null>;
     protected _valueBeforeInit: File[] | null;
     writeValue(v: File | File[] | null): void;
     protected _writeValue(v: File | File[] | null, emitEvents?: boolean): void;
     protected _emitChange(): void;
     openBrowseDialog(): void;
     protected _draggedFiles: number | null;
-    currentViewState: 'idle' | 'dragover' | 'uploaded';
+    readonly currentViewState: import("@angular/core").WritableSignal<"idle" | "dragover" | "uploaded">;
     private _beforeDragoverState;
     onDragover(event: DragEvent): void;
     onDragleave(): void;
@@ -39,5 +34,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; }; "name": { "alias": "name"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "blockAfterUpload": { "alias": "blockAfterUpload"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "dragFilesEvent": "dragFiles"; }, never, never, false, 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>;
 }

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

@@ -1,32 +1,28 @@
 import { TemplateRef } from '@angular/core';
-import { FormElementAppearance, FormElementVariant } from '../types/theming.types';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
+import { FormElementAppearance, FormElementVariant } from '../types/theming.types';
+import { Nullable } from '../types/utility.types';
+import { ArdFormFieldPrefixTemplateDirective, ArdFormFieldSuffixTemplateDirective } from './form-field-frame.directives';
 import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
     isFocused: boolean;
     /**
      * The appearance of the component, aka the styling.
      */
-    appearance: FormElementAppearance;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
     /**
      * The variant of the component, aka the shape.
      */
-    variant: FormElementVariant;
-    /**
-     * @private
-     * Whether to use the compact styling or not.
-     */
-    private _compact;
-    get compact(): boolean;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     /**
      * Whether to use the compact styling or not.
      */
-    set compact(v: any);
-    get ngClasses(): string;
-    prefixTemplateInput?: TemplateRef<any>;
-    suffixTemplateInput?: TemplateRef<any>;
-    prefixTemplate: TemplateRef<any> | null;
-    suffixTemplate: TemplateRef<any> | null;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly prefixTemplateInput: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
+    readonly suffixTemplateInput: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
+    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; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "prefixTemplateInput": { "alias": "prefixTemplate"; "required": false; }; "suffixTemplateInput": { "alias": "suffixTemplate"; "required": false; }; }, {}, ["prefixTemplate", "suffixTemplate"], ["*"], false, 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>;
 }

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

@@ -0,0 +1,3 @@
+export * from './form-field-frame.module';
+export * from './form-field-frame.component';
+export * from './form-field-frame.directives';

package/lib/icon/icon.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
+import { Nullable } from '../types/utility.types';
 import * as i0 from "@angular/core";
 type WeightNumber = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 type WeightString = '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
@@ -7,26 +8,16 @@ type GradeString = '-25' | '0' | '200';
 type OpticalSizeNumber = 20 | 24 | 40 | 48;
 type OpticalSizeString = '20' | '24' | '40' | '48';
 export declare class ArdiumIconComponent implements AfterViewInit {
-    ariaLabel?: string;
-    icon?: string | null;
-    private _filled?;
-    get filled(): boolean | undefined;
-    set filled(v: any);
-    private _weight?;
-    get weight(): WeightNumber | undefined;
-    set weight(v: WeightNumber | WeightString | undefined);
-    private _grade?;
-    get grade(): GradeNumber | undefined;
-    set grade(v: GradeNumber | GradeString | undefined);
-    private _opticalSize?;
-    get opticalSize(): OpticalSizeNumber | undefined;
-    set opticalSize(v: OpticalSizeNumber | OpticalSizeString | undefined);
-    private _isMemoUpToDate;
-    private _fontVariationMemo;
-    get fontVariationSettings(): string;
-    contentWrapper: ElementRef<HTMLElement>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly icon: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly filled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly weight: import("@angular/core").InputSignalWithTransform<WeightNumber | undefined, Nullable<WeightNumber | WeightString>>;
+    readonly grade: import("@angular/core").InputSignalWithTransform<GradeNumber | undefined, Nullable<GradeNumber | GradeString>>;
+    readonly opticalSize: import("@angular/core").InputSignalWithTransform<OpticalSizeNumber | undefined, Nullable<OpticalSizeNumber | OpticalSizeString>>;
+    readonly fontVariationSettings: import("@angular/core").Signal<string>;
+    readonly contentWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconComponent, "ard-icon", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "grade": { "alias": "grade"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconComponent, "ard-icon", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "grade": { "alias": "grade"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }
 export {};

package/lib/icon/index.d.ts

@@ -0,0 +1,3 @@
+export * from './icon.module';
+export * from './icon.component';
+export * from './icon.pipe';

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

@@ -1,5 +1,5 @@
-export type ColorInputActionButtonsContext = {
+export interface ColorInputActionButtonsContext {
     apply: () => void;
     cancel: () => void;
     reset: () => void;
-};
+}

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

@@ -1,50 +1,42 @@
-import { EventEmitter, QueryList, AfterContentInit, ElementRef } from '@angular/core';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
-import { DigitInputConfigData, DigitInputModelHost } from './digit-input.utils';
 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, AfterContentInit {
+export declare class ArdiumDigitInputComponent extends _NgModelComponentBase implements ControlValueAccessor, DigitInputModelHost {
+    readonly inputs: import("@angular/core").Signal<readonly ElementRef<HTMLInputElement>[]>;
     private readonly model;
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    shape: DigitInputShape;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    set config(v: DigitInputConfig);
-    configArrayData: DigitInputConfigData[];
-    get isConfigDefined(): boolean;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly shape: import("@angular/core").InputSignal<DigitInputShape>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly config: import("@angular/core").InputSignalWithTransform<void, DigitInputConfig>;
+    readonly configArrayData: import("@angular/core").Signal<import("./digit-input.utils").DigitInputConfigData[]>;
+    private _oldConfigArrayDataLength;
+    readonly configArrayDataEffect: import("@angular/core").EffectRef;
     isInputEmpty(index: number): boolean;
     writeValue(v: any): void;
     private _writeValue;
-    private _outputAsString;
-    get outputAsString(): boolean;
-    set outputAsString(v: any);
+    readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
     set value(v: string | (string | null)[] | null);
-    get value(): (string | null)[] | null;
-    valueChange: EventEmitter<string | (string | null)[] | null>;
-    get stringValue(): string;
-    get emittableValue(): string | (string | null)[] | null;
-    inputEvent: EventEmitter<string | (string | null)[] | null>;
-    changeEvent: EventEmitter<string | (string | null)[] | null>;
-    finishedValue: EventEmitter<string | (string | null)[] | null>;
-    focusIndexEvent: EventEmitter<number>;
-    blurIndexEvent: EventEmitter<number>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string | (string | null)[] | null>;
+    readonly stringValue: import("@angular/core").Signal<string>;
+    readonly emittableValue: import("@angular/core").Signal<string | (string | null)[] | null>;
+    readonly finishedValue: import("@angular/core").OutputEmitterRef<string | (string | null)[] | null>;
+    readonly focusIndexEvent: import("@angular/core").OutputEmitterRef<number>;
+    readonly blurIndexEvent: import("@angular/core").OutputEmitterRef<number>;
     onPaste(event: ClipboardEvent, index: number): void;
     onInput(event: Event, index: number): void;
     private _updateSingleInputValue;
     focusByIndex(index: number): boolean;
     focusByIndex(index: number, tryFocusingNext: boolean, direction: 1 | -1): boolean;
-    private _emitInput;
     onFocusMaster(event: FocusEvent, index: number): void;
     onBlurMaster(event: FocusEvent, index: number): void;
     protected _emitChange(): void;
     onKeydown(event: KeyboardEvent, index: number): void;
-    inputs: QueryList<ElementRef<HTMLInputElement>>;
-    ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDigitInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDigitInputComponent, "ard-digit-input", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "config": { "alias": "config"; "required": false; }; "outputAsString": { "alias": "outputAsString"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "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; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "finishedValue": "finishedValue"; "focusIndexEvent": "focusIndex"; "blurIndexEvent": "blurIndex"; }, never, never, false, never>;
 }

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

@@ -1,19 +1,15 @@
-import { DigitInputModelHost } from './digit-input.utils';
 import { DigitInputConfig } from './digit-input.types';
+import { DigitInputConfigData, DigitInputModelHost } from './digit-input.utils';
 export declare class DigitInputModel {
     private _ardHost;
     constructor(_ardHost: DigitInputModelHost);
-    private _configArray;
-    private set configArray(value);
-    private _configArrayNoStatics;
-    setConfigArrayData(): void;
-    get isConfigDefined(): boolean;
-    private _value;
-    private set value(value);
-    get value(): (string | null)[] | null;
-    private _stringValueMemo;
-    get stringValue(): string;
-    get isValueFull(): boolean;
+    private readonly _configArray;
+    readonly configArrayData: import("@angular/core").Signal<DigitInputConfigData[]>;
+    private readonly _configArrayNoStatics;
+    readonly isConfigDefined: import("@angular/core").Signal<boolean>;
+    readonly value: import("@angular/core").WritableSignal<(string | null)[] | null>;
+    readonly stringValue: import("@angular/core").Signal<string>;
+    readonly isValueFull: import("@angular/core").Signal<boolean>;
     isDefinedAtIndex(index: number): boolean;
     writeValue(v: any): boolean;
     private _writeValue;

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

@@ -15,13 +15,13 @@ export declare const DigitInputPrimitiveOption: {
     readonly Special: "special";
 };
 export type DigitInputPrimitiveOption = (typeof DigitInputPrimitiveOption)[keyof typeof DigitInputPrimitiveOption];
-export type DigitInputAcceptObject = {
+export interface DigitInputAcceptObject {
     accept: string | RegExp | ((char: string, charsBefore: string) => boolean);
     transform?: TransformType | null;
     readonly?: boolean;
-};
-export type DigitInputStaticObject = {
+}
+export interface DigitInputStaticObject {
     static: string;
-};
+}
 export type DigitInputOption = DigitInputAcceptObject | DigitInputStaticObject;
 export type DigitInputConfig = (DigitInputPrimitiveOption | DigitInputOption)[] | string | number;

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

@@ -1,13 +1,12 @@
-import { ElementRef, QueryList } from '@angular/core';
-export type DigitInputConfigData = {
+import { ElementRef, Signal } from '@angular/core';
+export interface DigitInputConfigData {
     type: DigitInputConfigDataType;
     char?: string;
     index?: number;
     readonly?: boolean;
-};
+}
 export interface DigitInputModelHost {
-    inputs: QueryList<ElementRef<HTMLInputElement>>;
-    configArrayData: DigitInputConfigData[];
+    readonly inputs: Signal<readonly ElementRef<HTMLInputElement>[]>;
 }
 export declare const DigitInputConfigDataType: {
     readonly Input: "input";

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

@@ -0,0 +1,3 @@
+export * from './digit-input.module';
+export * from './digit-input.component';
+export * from './digit-input.types';

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

@@ -1,60 +1,54 @@
-import { AfterViewInit, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { Nullable } from '../../types/utility.types';
 import { HexInputModel, HexInputModelHost } from '../hex-input.model';
 import { CaseTransformerType } from '../input-types';
+import { ArdHexInputPlaceholderTemplateDirective, ArdHexInputPrefixTemplateDirective, ArdHexInputSuffixTemplateDirective } from './hex-input.directives';
 import * as i0 from "@angular/core";
 export declare class ArdiumHexInputComponent extends _NgModelComponentBase implements ControlValueAccessor, HexInputModelHost, AfterViewInit {
-    textInputEl: ElementRef<HTMLInputElement>;
-    protected inputModel: HexInputModel;
+    readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly inputModel: HexInputModel;
+    protected _wasViewInit: boolean;
     ngAfterViewInit(): void;
     readonly DEFAULTS: {
         clearButtonTitle: string;
     };
-    inputId?: string;
-    prefixTemplate?: TemplateRef<any>;
-    suffixTemplate?: TemplateRef<any>;
-    placeholder: string;
-    placeholderTemplate?: TemplateRef<any>;
-    get shouldDisplayPlaceholder(): boolean;
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    case: CaseTransformerType;
-    private _maxDigits;
-    get maxDigits(): number | undefined;
-    set maxDigits(v: any);
-    private _hideHash;
-    get hideHash(): boolean;
-    set hideHash(v: any);
-    get showHash(): boolean;
-    private _clearable;
-    get clearable(): boolean;
-    set clearable(v: any);
-    clearButtonTitle: string;
-    get shouldShowClearButton(): boolean;
+    readonly inputId: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly prefixTemplate: import("@angular/core").Signal<ArdHexInputPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: import("@angular/core").Signal<ArdHexInputSuffixTemplateDirective | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly placeholderTemplate: import("@angular/core").Signal<ArdHexInputPlaceholderTemplateDirective | undefined>;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly case: import("@angular/core").InputSignal<CaseTransformerType>;
+    readonly maxDigits: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly hideHash: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly showHash: import("@angular/core").Signal<boolean>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
+    readonly shouldShowClearButton: import("@angular/core").Signal<boolean>;
     onClearButtonClick(event: MouseEvent): void;
-    inputAttrs: {
-        [key: string]: any;
-    };
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
     writeValue(v: any): void;
     protected _valueBeforeInit?: string | null;
     set value(v: string | null);
     get value(): string | null;
-    valueChange: EventEmitter<string>;
-    inputEvent: EventEmitter<string>;
-    changeEvent: EventEmitter<string>;
-    clearEvent: EventEmitter<any>;
-    onInput(newVal: string): void;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly inputEvent: import("@angular/core").OutputEmitterRef<string>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<string>;
+    readonly clearEvent: import("@angular/core").OutputEmitterRef<void>;
+    onInput(newVal: string, event: Event): void;
     protected _emitInput(): void;
     onChange(event: Event): void;
     protected _emitChange(): void;
-    onMouseup(event: MouseEvent): void;
+    onBlur(event: FocusEvent): void;
+    onMouseup(): void;
     onCopy(event: ClipboardEvent): void;
     protected _setInputAttributes(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHexInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHexInputComponent, "ard-hex-input", never, { "inputId": { "alias": "inputId"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "case": { "alias": "case"; "required": false; }; "maxDigits": { "alias": "maxDigits"; "required": false; }; "hideHash": { "alias": "hideHash"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHexInputComponent, "ard-hex-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "case": { "alias": "case"; "required": false; "isSignal": true; }; "maxDigits": { "alias": "maxDigits"; "required": false; "isSignal": true; }; "hideHash": { "alias": "hideHash"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate"], never, false, never>;
 }

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

@@ -0,0 +1,3 @@
+export * from './hex-input.module';
+export * from './hex-input.component';
+export * from './hex-input.directives';

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

@@ -1,18 +1,17 @@
 import { CaseTransformerType } from './input-types';
+import { ElementRef, Signal } from '@angular/core';
+import { Nullable } from '../types/utility.types';
 export interface HexInputModelHost {
-    case: CaseTransformerType;
-    maxDigits: number | undefined;
+    readonly case: Signal<CaseTransformerType>;
+    readonly maxDigits: Signal<Nullable<number>>;
+    readonly textInputEl: Signal<ElementRef<HTMLInputElement> | undefined>;
 }
 export declare class HexInputModel {
-    protected inputEl: HTMLInputElement;
-    protected _hostComp: HexInputModelHost;
-    constructor(inputEl: HTMLInputElement, _hostComp: HexInputModelHost);
-    protected _value: string | null;
-    get value(): string | null;
-    set value(v: string | null);
-    get stringValue(): string;
-    set stringValue(v: string);
-    get hashSignValue(): string;
+    protected readonly _hostComp: HexInputModelHost;
+    constructor(_hostComp: HexInputModelHost);
+    readonly value: import("@angular/core").WritableSignal<string | null>;
+    readonly stringValue: Signal<string>;
+    readonly hashSignValue: Signal<string>;
     writeValue(v: any): boolean;
     protected _writeValue(v: string | null): boolean;
     clear(): void;

package/lib/inputs/input/index.d.ts

@@ -0,0 +1,3 @@
+export * from './input.module';
+export * from './input.component';
+export * from './input.directives';