@ardium-ui/ui 1.0.2 → 2.0.1

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

@@ -1,13 +1,15 @@
 import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { AfterViewInit, ElementRef, EventEmitter, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterViewInit, ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
+import { SimplestItemStorage, SimplestItemStorageHost } from '../../_internal/item-storages/simplest-item-storage';
 import { DropdownPanelAppearance, DropdownPanelVariant } from '../../dropdown-panel/dropdown-panel.types';
 import { ArdSimplestStorageItem } from '../../types/item-storage.types';
-import { SimplestItemStorage, SimplestItemStorageHost } from '../../_internal/item-storages/simplest-item-storage';
+import { Nullable } from '../../types/utility.types';
 import { ArdiumSimpleInputComponent } from '../simple-input/simple-input.component';
 import { OptionContext } from './../../types/item-storage.types';
 import { InputModel, InputModelHost } from './../input-utils';
+import { ArdInputLoadingTemplateDirective, ArdInputPlaceholderTemplateDirective, ArdInputPrefixTemplateDirective, ArdInputSuffixTemplateDirective, ArdSuggestionTemplateDirective } from './input.directives';
 import * as i0 from "@angular/core";
-export declare class ArdiumInputComponent extends ArdiumSimpleInputComponent implements InputModelHost, OnInit, SimplestItemStorageHost, AfterViewInit {
+export declare class ArdiumInputComponent extends ArdiumSimpleInputComponent implements InputModelHost, SimplestItemStorageHost, AfterViewInit {
     private viewContainerRef;
     private overlay;
     private scrollStrategyOpts;
@@ -19,42 +21,36 @@ export declare class ArdiumInputComponent extends ArdiumSimpleInputComponent imp
         labelFrom: string;
         suggestionsLoadingText: string;
     };
-    protected inputModel: InputModel;
-    ngOnInit(): void;
-    private _charlistRegExp?;
-    get charlist(): RegExp | undefined;
-    set charlist(v: any);
-    protected _charlistCaseInsensitive: boolean;
-    get charlistCaseInsensitive(): boolean;
-    set charlistCaseInsensitive(v: any);
-    protected _autocomplete?: string | null;
-    set autocomplete(v: string | null | undefined);
-    get autocomplete(): string | null | undefined;
-    get shouldDisplayAutocomplete(): boolean;
-    acceptAutocompleteEvent: EventEmitter<any>;
-    prefixTemplate?: TemplateRef<any>;
-    suffixTemplate?: TemplateRef<any>;
-    placeholderTemplate?: TemplateRef<any>;
-    suggestionStorage: SimplestItemStorage;
-    valueFrom?: string;
-    labelFrom?: string;
-    acceptSuggestionEvent: EventEmitter<any>;
-    get suggestionItems(): any[];
+    protected readonly inputModel: InputModel;
+    readonly charlistFromInput: import("@angular/core").InputSignalWithTransform<RegExp | undefined, string>;
+    readonly charlistCaseInsensitive: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly charlist: import("@angular/core").Signal<RegExp | undefined>;
+    readonly autocomplete: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly shouldDisplayAutocomplete: import("@angular/core").Signal<boolean>;
+    readonly acceptAutocompleteEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly prefixTemplate: import("@angular/core").Signal<ArdInputPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: import("@angular/core").Signal<ArdInputSuffixTemplateDirective | undefined>;
+    readonly placeholderTemplate: import("@angular/core").Signal<ArdInputPlaceholderTemplateDirective | undefined>;
+    readonly suggestionStorage: SimplestItemStorage;
+    readonly valueFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly labelFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly acceptSuggestionEvent: import("@angular/core").OutputEmitterRef<any>;
+    readonly suggestionItems: import("@angular/core").Signal<ArdSimplestStorageItem[]>;
     set suggestions(value: any);
     private _printPrimitiveWarnings;
-    private _suggestionDropdowOpen;
-    get shouldDisplaySuggestions(): boolean;
-    areSuggestionsLoading: boolean;
-    suggestionsLoadingText: string;
-    suggestionTemplate?: TemplateRef<any>;
-    suggestionLoadingTemplate?: TemplateRef<any>;
-    dropdownHost: ElementRef<HTMLDivElement>;
-    dropdownTemplate: TemplateRef<any>;
+    private readonly _suggestionDropdowOpen;
+    readonly shouldDisplaySuggestions: import("@angular/core").Signal<boolean>;
+    readonly areSuggestionsLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly suggestionsLoadingText: import("@angular/core").InputSignal<string>;
+    readonly suggestionTemplate: import("@angular/core").Signal<ArdSuggestionTemplateDirective | undefined>;
+    readonly suggestionLoadingTemplate: import("@angular/core").Signal<ArdInputLoadingTemplateDirective | undefined>;
+    readonly dropdownHost: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly dropdownTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     private dropdownOverlay;
     ngAfterViewInit(): void;
     setOverlaySize(): void;
     onWindowResize(): void;
-    getOptionContext(item: ArdSimplestStorageItem): OptionContext;
+    getOptionContext(item: ArdSimplestStorageItem): OptionContext<ArdSimplestStorageItem>;
     private _isMouseBeingUsed;
     onMouseMove(): void;
     onSuggestionMouseEnter(item: ArdSimplestStorageItem, event: MouseEvent): void;
@@ -62,12 +58,10 @@ export declare class ArdiumInputComponent extends ArdiumSimpleInputComponent imp
     selectSuggestion(item: ArdSimplestStorageItem, event: MouseEvent): void;
     private _selectSuggestion;
     handleSuggestionClickOutside(event: MouseEvent): void;
-    private _dropdownAppearance?;
-    set dropdowonAppearance(v: DropdownPanelAppearance);
-    get dropdownAppearance(): DropdownPanelAppearance;
-    private _dropdownVariant?;
-    set dropdowonVariant(v: DropdownPanelVariant);
-    get dropdownVariant(): DropdownPanelVariant;
+    readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
+    readonly dropdownAppearanceOrDefault: import("@angular/core").Signal<DropdownPanelAppearance>;
+    readonly dropdownVariant: import("@angular/core").InputSignal<Nullable<DropdownPanelVariant>>;
+    readonly dropdownVariantOrDefault: import("@angular/core").Signal<DropdownPanelVariant>;
     onFocus(event: FocusEvent): void;
     onKeyPress(event: KeyboardEvent): void;
     protected _onTabOrEnterPress(event: KeyboardEvent): void;
@@ -75,5 +69,5 @@ export declare class ArdiumInputComponent extends ArdiumSimpleInputComponent imp
     private _onArrowDownPress;
     private _onArrowUpPress;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumInputComponent, "ard-input", never, { "charlist": { "alias": "charlist"; "required": false; }; "charlistCaseInsensitive": { "alias": "charlistCaseInsensitive"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "valueFrom": { "alias": "suggValueFrom"; "required": false; }; "labelFrom": { "alias": "suggLabelFrom"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "areSuggestionsLoading": { "alias": "areSuggestionsLoading"; "required": false; }; "suggestionsLoadingText": { "alias": "suggestionsLoadingText"; "required": false; }; "dropdowonAppearance": { "alias": "dropdowonAppearance"; "required": false; }; "dropdowonVariant": { "alias": "dropdowonVariant"; "required": false; }; }, { "acceptAutocompleteEvent": "acceptAutocomplete"; "acceptSuggestionEvent": "acceptSuggestion"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate", "suggestionTemplate", "suggestionLoadingTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumInputComponent, "ard-input", never, { "charlistFromInput": { "alias": "charlist"; "required": false; "isSignal": true; }; "charlistCaseInsensitive": { "alias": "charlistCaseInsensitive"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "valueFrom": { "alias": "suggValueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "suggLabelFrom"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; }; "areSuggestionsLoading": { "alias": "areSuggestionsLoading"; "required": false; "isSignal": true; }; "suggestionsLoadingText": { "alias": "suggestionsLoadingText"; "required": false; "isSignal": true; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; }, { "acceptAutocompleteEvent": "acceptAutocomplete"; "acceptSuggestionEvent": "acceptSuggestion"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate", "suggestionTemplate", "suggestionLoadingTemplate"], never, false, never>;
 }

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

@@ -1,9 +1,9 @@
 import { TemplateRef } from '@angular/core';
-import { OptionContext } from '../../types/item-storage.types';
+import { ArdSimplestStorageItem, OptionContext } from '../../types/item-storage.types';
 import * as i0 from "@angular/core";
 export declare class ArdSuggestionTemplateDirective {
-    template: TemplateRef<OptionContext>;
-    constructor(template: TemplateRef<OptionContext>);
+    template: TemplateRef<OptionContext<ArdSimplestStorageItem>>;
+    constructor(template: TemplateRef<OptionContext<ArdSimplestStorageItem>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdSuggestionTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSuggestionTemplateDirective, "ard-input > ng-template[ard-suggestion-tmp]", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,15 +1,14 @@
+import { ElementRef, Signal } from '@angular/core';
+import { Nullable } from '../types/utility.types';
 export interface SimpleInputModelHost {
-    maxLength?: number;
+    readonly maxLength: Signal<Nullable<number>>;
+    readonly textInputEl: Signal<ElementRef<HTMLInputElement> | undefined>;
 }
 export declare class SimpleInputModel {
-    protected inputEl: HTMLInputElement;
-    protected _hostComp: SimpleInputModelHost;
-    constructor(inputEl: HTMLInputElement, hostComp: SimpleInputModelHost);
-    protected _value: string | null;
-    get value(): string | null;
-    set value(v: string | null);
-    get stringValue(): string;
-    set stringValue(v: string);
+    protected readonly _ardHostCmp: SimpleInputModelHost;
+    constructor(_ardHostCmp: SimpleInputModelHost);
+    readonly value: import("@angular/core").WritableSignal<string | null>;
+    readonly stringValue: Signal<string>;
     writeValue(v: any): boolean;
     protected _writeValue(v: string | null): boolean;
     rewriteValueAfterHostUpdate(): void;
@@ -20,35 +19,33 @@ export declare class SimpleInputModel {
     protected _applyLengthTransformer(v: string | null): string | null;
 }
 export interface InputModelHost extends SimpleInputModelHost {
-    charlist?: RegExp;
+    charlist: Signal<RegExp | undefined>;
 }
 export declare class InputModel extends SimpleInputModel {
-    protected _hostComp: InputModelHost;
-    constructor(inputEl: HTMLInputElement, hostComp: InputModelHost);
+    protected readonly _ardHostCmp: InputModelHost;
+    constructor(_ardHostCmp: InputModelHost);
     protected _writeValue(v: string | null): boolean;
     setSelection(from: number | null, to: number | null): void;
     protected _applyAllowOrDenylistTransformer(v: string, prev: string): string;
 }
 export interface NumberInputModelHost {
-    max: number;
-    min: number;
-    allowFloat: boolean;
+    readonly max: Signal<number>;
+    readonly min: Signal<number>;
+    readonly allowFloat: Signal<boolean>;
+    readonly inputEl: Signal<ElementRef<HTMLInputElement> | undefined>;
 }
 export declare class NumberInputModel {
-    protected inputEl: HTMLInputElement;
-    protected _hostComp: NumberInputModelHost;
-    constructor(inputEl: HTMLInputElement, hostComp: NumberInputModelHost);
-    protected _value: string | null;
-    get value(): string | null;
-    set value(v: string | null);
-    get stringValue(): string;
-    set stringValue(v: string);
-    get numberValue(): number | null;
-    set numberValue(v: number | null);
+    protected readonly _ardHostCmp: NumberInputModelHost;
+    constructor(_ardHostCmp: NumberInputModelHost);
+    protected readonly _value: import("@angular/core").WritableSignal<string | null>;
+    readonly value: Signal<string | null>;
+    readonly stringValue: Signal<string>;
+    readonly numberValue: Signal<number | null>;
+    setValue(v: string | number | null): void;
+    private _updateInputEl;
     writeValue(v: any): boolean;
-    protected _writeValue(v: string | null): boolean;
+    protected _writeValue(v: string | number | null): boolean;
     rewriteValueAfterHostUpdate(): void;
-    _updateInputElement(): void;
     get caretPos(): number;
     set caretPos(pos: number);
     private _removeDecimalPlaces;

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

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

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

@@ -1,59 +1,49 @@
-import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ButtonVariant, ButtonAppearance } from '../../buttons/general-button.types';
+import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { ButtonAppearance, ButtonVariant } from '../../buttons/general-button.types';
 import { OneAxisAlignment } from '../../types/alignment.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { Nullable } from '../../types/utility.types';
 import { NumberInputModel, NumberInputModelHost } from '../input-utils';
+import { ArdNumberInputPlaceholderTemplateDirective } from './number-input.directives';
 import * as i0 from "@angular/core";
-export declare class ArdiumNumberInputComponent extends _NgModelComponentBase implements ControlValueAccessor, NumberInputModelHost, OnInit {
-    textInputEl: ElementRef<HTMLInputElement>;
-    protected inputModel: NumberInputModel;
-    ngOnInit(): void;
-    inputId?: string;
-    placeholder: string;
-    placeholderTemplate?: TemplateRef<any>;
-    get shouldDisplayPlaceholder(): boolean;
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    alignText: OneAxisAlignment;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    get buttonVariant(): ButtonVariant;
-    get buttonAppearance(): ButtonAppearance;
-    inputAttrs: {
-        [key: string]: any;
-    };
+export declare class ArdiumNumberInputComponent extends _NgModelComponentBase implements ControlValueAccessor, NumberInputModelHost, AfterViewInit {
+    readonly inputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly inputModel: NumberInputModel;
+    private _wasViewInit;
+    ngAfterViewInit(): void;
+    readonly inputId: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly placeholder: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly placeholderTemplate: import("@angular/core").Signal<ArdNumberInputPlaceholderTemplateDirective | undefined>;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly alignText: import("@angular/core").InputSignal<OneAxisAlignment>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly buttonVariant: import("@angular/core").Signal<ButtonVariant>;
+    readonly buttonAppearance: import("@angular/core").Signal<ButtonAppearance>;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
     writeValue(v: any): void;
     protected _valueBeforeInit?: string | null;
     set value(v: string | number | null);
-    valueChange: EventEmitter<number | null>;
-    inputEvent: EventEmitter<number | null>;
-    changeEvent: EventEmitter<number | null>;
-    clearEvent: EventEmitter<MouseEvent>;
-    quickChangeEvent: EventEmitter<{
-        direction: 1 | -1;
-        value: number;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number | null>;
+    constructor();
+    readonly inputEvent: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<number | null>;
+    readonly clearEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    readonly quickChangeEvent: import("@angular/core").OutputEmitterRef<{
+        readonly direction: 1 | -1;
+        readonly value: number;
     }>;
-    private _min;
-    get min(): number;
-    set min(v: any);
-    private _max;
-    get max(): number;
-    set max(v: any);
-    private _allowFloat?;
-    get allowFloat(): boolean;
-    set allowFloat(v: any);
-    private _allowQuickChange;
-    get allowQuickChange(): boolean;
-    set allowQuickChange(v: any);
-    private _stepSize;
-    get stepSize(): number;
-    set stepSize(v: any);
+    readonly min: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly allowFloat: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly stepSize: import("@angular/core").InputSignalWithTransform<number, any>;
     onQuickChangeButtonClick(direction: 1 | -1, event?: MouseEvent): void;
-    private _checkButtonAvailability;
+    private _focusInputIfCantQuickChange;
     canIncrement(): boolean;
     canDecrement(): boolean;
     onInput(newVal: string): void;
@@ -62,9 +52,9 @@ export declare class ArdiumNumberInputComponent extends _NgModelComponentBase im
     onBlurMaster(event: FocusEvent): void;
     onChange(event: Event): void;
     protected _emitChange(): void;
-    onMouseup(event: MouseEvent): void;
+    onMouseup(): void;
     onCopy(event: ClipboardEvent): void;
     protected _setInputAttributes(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumNumberInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumNumberInputComponent, "ard-number-input", never, { "inputId": { "alias": "inputId"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "alignText": { "alias": "alignText"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "allowFloat": { "alias": "allowFloat"; "required": false; }; "allowQuickChange": { "alias": "allowQuickChange"; "required": false; }; "stepSize": { "alias": "stepSize"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; "quickChangeEvent": "quickChange"; }, ["placeholderTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumNumberInputComponent, "ard-number-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; }; "alignText": { "alias": "alignText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "allowFloat": { "alias": "allowFloat"; "required": false; "isSignal": true; }; "noButtons": { "alias": "noButtons"; "required": false; "isSignal": true; }; "stepSize": { "alias": "stepSize"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; "quickChangeEvent": "quickChange"; }, ["placeholderTemplate"], never, false, never>;
 }

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

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

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

@@ -1,54 +1,42 @@
-import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
+import { Nullable } from '../../types/utility.types';
+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 {
-    textInputEl: ElementRef<HTMLInputElement>;
+export declare class ArdiumPasswordInputComponent extends _NgModelComponentBase implements ControlValueAccessor, OnInit, OnDestroy {
+    readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     ngOnInit(): void;
-    placeholder: string;
-    inputId?: string;
-    prefixTemplate?: TemplateRef<any>;
-    suffixTemplate?: TemplateRef<any>;
-    placeholderTemplate?: TemplateRef<any>;
-    get shouldDisplayPlaceholder(): boolean;
-    private _revealable;
-    get revealable(): boolean;
-    set revealable(v: any);
-    private _revealed;
-    get revealed(): boolean;
-    set revealed(v: any);
-    revealedChange: EventEmitter<boolean>;
-    toggleReveal(v?: boolean): void;
-    revealTemplate?: TemplateRef<any>;
-    getRevealButtonContext(): PasswordInputRevealButtonContext;
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    inputAttrs: {
-        [key: string]: any;
-    };
-    protected _maxLength?: number;
-    get maxLength(): number | undefined;
-    set maxLength(v: any);
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly inputId: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly prefixTemplate: import("@angular/core").Signal<ArdPasswordInputPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: import("@angular/core").Signal<ArdPasswordInputSuffixTemplateDirective | undefined>;
+    readonly placeholderTemplate: import("@angular/core").Signal<ArdPasswordInputPlaceholderTemplateDirective | undefined>;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly revealable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly holdToReveal: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly autoHideTimeoutMs: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly revealed: import("@angular/core").ModelSignal<boolean>;
+    private _hideTimeout;
+    toggleReveal(newState?: boolean): void;
+    ngOnDestroy(): void;
+    readonly revealTemplate: import("@angular/core").Signal<ArdPasswordInputRevealButtonTemplateDirective | undefined>;
+    readonly revealButtonContext: import("@angular/core").Signal<PasswordInputRevealButtonContext>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
     writeValue(v: any): void;
     protected _writeValue(v: string | null | undefined): boolean;
-    protected _value?: string | null;
-    set value(v: string | null);
-    get value(): string | null;
-    valueChange: EventEmitter<string | null>;
-    inputEvent: EventEmitter<string | null>;
-    changeEvent: EventEmitter<string | null>;
+    readonly value: import("@angular/core").ModelSignal<Nullable<string>>;
     onInput(newVal: string): void;
-    protected _emitInput(): void;
-    onChange(event: Event): void;
     protected _emitChange(): void;
+    onChange(event: Event): void;
     onCopy(event: ClipboardEvent): void;
     protected _setInputAttributes(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumPasswordInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumPasswordInputComponent, "ard-password-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "revealable": { "alias": "revealable"; "required": false; }; "revealed": { "alias": "revealed"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "revealedChange": "revealedChange"; "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate", "revealTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumPasswordInputComponent, "ard-password-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "revealable": { "alias": "revealable"; "required": false; "isSignal": true; }; "holdToReveal": { "alias": "holdToReveal"; "required": false; "isSignal": true; }; "autoHideTimeoutMs": { "alias": "autoHideTimeoutMs"; "required": false; "isSignal": true; }; "revealed": { "alias": "revealed"; "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; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "revealed": "revealedChange"; "value": "valueChange"; }, ["prefixTemplate", "suffixTemplate", "placeholderTemplate", "revealTemplate"], never, false, never>;
 }

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

@@ -1,3 +1,3 @@
-export type PasswordInputRevealButtonContext = {
+export interface PasswordInputRevealButtonContext {
     $implicit: boolean;
-};
+}

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

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

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

@@ -1,58 +1,53 @@
-import { ElementRef, EventEmitter, OnInit, 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 { SimpleOneAxisAlignment } from './../../types/alignment.types';
 import { SimpleInputModel, SimpleInputModelHost } from './../input-utils';
+import { ArdSimpleInputPlaceholderTemplateDirective, ArdSimpleInputPrefixTemplateDirective, ArdSimpleInputSuffixTemplateDirective } from './simple-input.directives';
 import * as i0 from "@angular/core";
-export declare class ArdiumSimpleInputComponent extends _NgModelComponentBase implements SimpleInputModelHost, ControlValueAccessor, OnInit {
+export declare class ArdiumSimpleInputComponent extends _NgModelComponentBase implements SimpleInputModelHost, ControlValueAccessor, AfterViewInit {
     readonly DEFAULTS: {
         clearButtonTitle: string;
     };
-    textInputEl: ElementRef<HTMLInputElement>;
-    protected inputModel: SimpleInputModel;
-    ngOnInit(): void;
-    placeholder: string;
-    inputId?: string;
-    clearButtonTitle: string;
-    prefixTemplate?: TemplateRef<any>;
-    suffixTemplate?: TemplateRef<any>;
-    placeholderTemplate?: TemplateRef<any>;
-    get shouldDisplayPlaceholder(): boolean;
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    alignText: SimpleOneAxisAlignment;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    inputAttrs: {
-        [key: string]: any;
-    };
-    protected _maxLength?: number;
-    get maxLength(): number | undefined;
-    set maxLength(v: any);
-    protected _clearable: boolean;
-    get clearable(): boolean;
-    set clearable(v: any);
+    readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly inputModel: SimpleInputModel;
+    private _wasViewInit;
+    ngAfterViewInit(): void;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly inputId: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
+    readonly prefixTemplate: import("@angular/core").Signal<ArdSimpleInputPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: import("@angular/core").Signal<ArdSimpleInputSuffixTemplateDirective | undefined>;
+    readonly placeholderTemplate: import("@angular/core").Signal<ArdSimpleInputPlaceholderTemplateDirective | undefined>;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly alignText: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly maxLength: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
     writeValue(v: any): void;
     protected _valueBeforeInit?: string | null;
     set value(v: string | null);
     get value(): string | null;
-    valueChange: EventEmitter<string | null>;
-    inputEvent: EventEmitter<string | null>;
-    changeEvent: EventEmitter<string | null>;
-    clearEvent: EventEmitter<MouseEvent>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<string | null>;
+    readonly inputEvent: import("@angular/core").OutputEmitterRef<string | null>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<string | null>;
+    readonly clearEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;
     onInput(newVal: string): void;
     protected _emitInput(): void;
     onFocusMaster(event: FocusEvent): void;
     onBlurMaster(event: FocusEvent): void;
     onChange(event: Event): void;
     protected _emitChange(): void;
-    get shouldShowClearButton(): boolean;
+    readonly shouldShowClearButton: import("@angular/core").Signal<boolean>;
     onClearButtonClick(event: MouseEvent): void;
     onCopy(event: ClipboardEvent): void;
     protected _setInputAttributes(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSimpleInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSimpleInputComponent, "ard-simple-input", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "alignText": { "alias": "alignText"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "clearable": { "alias": "clearable"; "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<ArdiumSimpleInputComponent, "ard-simple-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignText": { "alias": "alignText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "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/kbd/index.d.ts

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

package/lib/kbd/kbd.component.d.ts

@@ -2,14 +2,12 @@ import { AfterViewInit, ElementRef } from '@angular/core';
 import { FormElementAppearance } from './../types/theming.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumKbdComponent implements AfterViewInit {
-    contentWrapper: ElementRef<HTMLElement>;
+    readonly contentWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     ngAfterViewInit(): void;
-    key?: string;
-    private _full;
-    get full(): boolean;
-    set full(v: any);
-    appearance: FormElementAppearance;
-    get ngClasses(): string;
+    readonly key: import("@angular/core").InputSignal<string>;
+    readonly full: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumKbdComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumKbdComponent, "ard-kbd", never, { "key": { "alias": "key"; "required": false; }; "full": { "alias": "full"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumKbdComponent, "ard-kbd", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "full": { "alias": "full"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/kbd-shortcut/index.d.ts

@@ -0,0 +1,2 @@
+export * from './kbd-shortcut.module';
+export * from './kbd-shortcut.component';

package/lib/kbd-shortcut/kbd-shortcut.component.d.ts

@@ -1,18 +1,15 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { FormElementAppearance } from '../types/theming.types';
+import { Nullable } from '../types/utility.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumKbdShortcutComponent implements AfterViewInit {
-    contentWrapper: ElementRef<HTMLElement>;
+    readonly contentWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     ngAfterViewInit(): void;
     readonly splitRegex: RegExp;
-    private _keys?;
-    set keys(v: string | string[] | undefined);
-    get keys(): string[] | undefined;
-    private _full;
-    get full(): boolean;
-    set full(v: any);
-    appearance: FormElementAppearance;
-    get ngClasses(): string;
+    readonly keys: import("@angular/core").InputSignalWithTransform<Nullable<string[]>, Nullable<string | string[]>>;
+    readonly full: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumKbdShortcutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumKbdShortcutComponent, "ard-kbd-shortcut", never, { "keys": { "alias": "keys"; "required": false; }; "full": { "alias": "full"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumKbdShortcutComponent, "ard-kbd-shortcut", never, { "keys": { "alias": "keys"; "required": false; "isSignal": true; }; "full": { "alias": "full"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './modal.module';
+export * from './modal.component';