@ardium-ui/ui 5.0.0-alpha.1 → 5.0.0-alpha.100

package/lib/inputs/date-input/multipage-date-range-input.component.d.ts

@@ -0,0 +1,46 @@
+import { NumberLike } from '@ardium-ui/devkit';
+import { ArdMultiCalendarLocation, DateRange, PartialDateRange } from '../../calendar';
+import { _AbstractDateInput } from './abstract-date-input';
+import { ArdDateInputDefaults } from './date-input.defaults';
+import { ArdDateInputSerializeFn } from './date-input.types';
+import { ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, ArdMultipageDateRangeInputDayTemplateDirective, ArdMultipageDateRangeInputFloatingMonthTemplateDirective, ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, ArdMultipageDateRangeInputMonthTemplateDirective, ArdMultipageDateRangeInputWeekdayTemplateDirective, ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, ArdMultipageDateRangeInputYearTemplateDirective } from './multipage-date-range-input.directives';
+import * as i0 from "@angular/core";
+type CalendarDataItem = {
+    location: ArdMultiCalendarLocation;
+    activeDate: Date;
+    highlightedDay: number | null;
+};
+export declare class ArdiumMultipageDateRangeInputComponent extends _AbstractDateInput<DateRange, PartialDateRange> {
+    readonly componentId = "012";
+    readonly componentName = "multipage-date-range-input";
+    readonly isRangeSelector = true;
+    protected readonly _DEFAULTS: ArdDateInputDefaults;
+    constructor(defaults: ArdDateInputDefaults);
+    readonly serializeFn: import("@angular/core").InputSignal<ArdDateInputSerializeFn<PartialDateRange>>;
+    readonly highlightedDate: import("@angular/core").WritableSignal<Date | null>;
+    readonly numberOfCalendars: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly calendarDataArray: import("@angular/core").Signal<CalendarDataItem[]>;
+    onGeneralClick(event: MouseEvent): void;
+    onActivePageChange(newPage: {
+        year: number;
+        month: number;
+    }, index: number): void;
+    onHighlightDate(date: Date | null): void;
+    writeValue(v: any): void;
+    protected _isFullValue(value: PartialDateRange | null): value is DateRange;
+    protected getValueForEmit(): DateRange | null;
+    readonly shouldDisplayPlaceholder: import("@angular/core").Signal<boolean>;
+    readonly shouldDisplayValue: import("@angular/core").Signal<boolean>;
+    readonly shouldDisplayDateInput: import("@angular/core").Signal<boolean>;
+    readonly calendarDaysViewHeaderTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective | undefined>;
+    readonly calendarYearsViewHeaderTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective | undefined>;
+    readonly calendarMonthsViewHeaderTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective | undefined>;
+    readonly calendarWeekdayTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputWeekdayTemplateDirective | undefined>;
+    readonly calendarFloatingMonthTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputFloatingMonthTemplateDirective | undefined>;
+    readonly calendarYearTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputYearTemplateDirective | undefined>;
+    readonly calendarMonthTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputMonthTemplateDirective | undefined>;
+    readonly calendarDayTemplate: import("@angular/core").Signal<ArdMultipageDateRangeInputDayTemplateDirective | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumMultipageDateRangeInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumMultipageDateRangeInputComponent, "ard-multipage-date-range-input", never, { "serializeFn": { "alias": "serializeFn"; "required": false; "isSignal": true; }; "numberOfCalendars": { "alias": "numberOfCalendars"; "required": false; "isSignal": true; }; }, {}, ["calendarDaysViewHeaderTemplate", "calendarYearsViewHeaderTemplate", "calendarMonthsViewHeaderTemplate", "calendarWeekdayTemplate", "calendarFloatingMonthTemplate", "calendarYearTemplate", "calendarMonthTemplate", "calendarDayTemplate"], never, false, never>;
+}
+export {};

package/lib/inputs/date-input/multipage-date-range-input.directives.d.ts

@@ -0,0 +1,82 @@
+import { TemplateRef } from '@angular/core';
+import { CalendarDayContext, CalendarDaysViewHeaderContext, CalendarFloatingMonthContext, CalendarMonthContext, CalendarMonthsViewHeaderContext, CalendarWeekdayContext, CalendarYearContext, CalendarYearsViewHeaderContext } from '../../calendar';
+import { ArdDateInputAcceptButtonsContext, ArdDateInputValueContext } from './date-input.types';
+import * as i0 from "@angular/core";
+export declare class ArdMultipageDateRangeInputPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputPrefixTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputSuffixTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputValueTemplateDirective {
+    template: TemplateRef<ArdDateInputValueContext<Date>>;
+    constructor(template: TemplateRef<ArdDateInputValueContext<Date>>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputValueTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputValueTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-value-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputCalendarIconTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputCalendarIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputCalendarIconTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-date-input-icon-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputAcceptButtonsTemplateDirective {
+    template: TemplateRef<ArdDateInputAcceptButtonsContext>;
+    constructor(template: TemplateRef<ArdDateInputAcceptButtonsContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputAcceptButtonsTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputAcceptButtonsTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-accept-buttons-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarDaysViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarDaysViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarYearsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarYearsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-year-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective {
+    template: TemplateRef<CalendarMonthsViewHeaderContext>;
+    constructor(template: TemplateRef<CalendarMonthsViewHeaderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-month-picker-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputWeekdayTemplateDirective {
+    template: TemplateRef<CalendarWeekdayContext>;
+    constructor(template: TemplateRef<CalendarWeekdayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputWeekdayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputWeekdayTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-weekday-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputFloatingMonthTemplateDirective {
+    template: TemplateRef<CalendarFloatingMonthContext>;
+    constructor(template: TemplateRef<CalendarFloatingMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputFloatingMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputFloatingMonthTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-floating-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputYearTemplateDirective {
+    template: TemplateRef<CalendarYearContext>;
+    constructor(template: TemplateRef<CalendarYearContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputYearTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputYearTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-year-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputMonthTemplateDirective {
+    template: TemplateRef<CalendarMonthContext>;
+    constructor(template: TemplateRef<CalendarMonthContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputMonthTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputMonthTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-month-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdMultipageDateRangeInputDayTemplateDirective {
+    template: TemplateRef<CalendarDayContext>;
+    constructor(template: TemplateRef<CalendarDayContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdMultipageDateRangeInputDayTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdMultipageDateRangeInputDayTemplateDirective, "ard-multipage-date-range-input > ng-template[ard-day-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/inputs/date-input/multipage-date-range-input.module.d.ts

@@ -0,0 +1,17 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./multipage-date-range-input.component";
+import * as i2 from "./multipage-date-range-input.directives";
+import * as i3 from "@angular/common";
+import * as i4 from "../../form-field-frame/form-field-frame.module";
+import * as i5 from "../../dropdown-panel/dropdown-panel.module";
+import * as i6 from "@ardium-ui/devkit";
+import * as i7 from "../../calendar/range-calendar.module";
+import * as i8 from "../../buttons/icon-button/icon-button.module";
+import * as i9 from "../../buttons/button/button.module";
+import * as i10 from "../../icon/icon.module";
+import * as i11 from "../../calendar/calendar.internal-directives";
+export declare class ArdiumMultipageDateRangeInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumMultipageDateRangeInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumMultipageDateRangeInputModule, [typeof i1.ArdiumMultipageDateRangeInputComponent, typeof i2.ArdMultipageDateRangeInputPrefixTemplateDirective, typeof i2.ArdMultipageDateRangeInputSuffixTemplateDirective, typeof i2.ArdMultipageDateRangeInputValueTemplateDirective, typeof i2.ArdMultipageDateRangeInputCalendarIconTemplateDirective, typeof i2.ArdMultipageDateRangeInputAcceptButtonsTemplateDirective, typeof i2.ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, typeof i2.ArdMultipageDateRangeInputDayTemplateDirective, typeof i2.ArdMultipageDateRangeInputFloatingMonthTemplateDirective, typeof i2.ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, typeof i2.ArdMultipageDateRangeInputMonthTemplateDirective, typeof i2.ArdMultipageDateRangeInputWeekdayTemplateDirective, typeof i2.ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, typeof i2.ArdMultipageDateRangeInputYearTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumClickOutsideModule, typeof i7.ArdiumRangeCalendarModule, typeof i8.ArdiumIconButtonModule, typeof i9.ArdiumButtonModule, typeof i10.ArdiumIconModule, typeof i11._CalendarTemplateRepositoryDirective], [typeof i1.ArdiumMultipageDateRangeInputComponent, typeof i2.ArdMultipageDateRangeInputPrefixTemplateDirective, typeof i2.ArdMultipageDateRangeInputSuffixTemplateDirective, typeof i2.ArdMultipageDateRangeInputValueTemplateDirective, typeof i2.ArdMultipageDateRangeInputCalendarIconTemplateDirective, typeof i2.ArdMultipageDateRangeInputAcceptButtonsTemplateDirective, typeof i2.ArdMultipageDateRangeInputDaysViewHeaderTemplateDirective, typeof i2.ArdMultipageDateRangeInputDayTemplateDirective, typeof i2.ArdMultipageDateRangeInputFloatingMonthTemplateDirective, typeof i2.ArdMultipageDateRangeInputMonthsViewHeaderTemplateDirective, typeof i2.ArdMultipageDateRangeInputMonthTemplateDirective, typeof i2.ArdMultipageDateRangeInputWeekdayTemplateDirective, typeof i2.ArdMultipageDateRangeInputYearsViewHeaderTemplateDirective, typeof i2.ArdMultipageDateRangeInputYearTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumMultipageDateRangeInputModule>;
+}

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

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { ArdDigitInputDefaults } from './digit-input.defaults';
@@ -24,7 +25,7 @@ export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase i
     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 compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     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[]>;
@@ -37,8 +38,8 @@ export declare class ArdiumDigitInputComponent extends _FormFieldComponentBase i
     private _writeValue;
     private _wasViewInit;
     ngAfterViewInit(): void;
-    readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly outputControlValueAccessorOnFinish: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly outputAsString: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly outputControlValueAccessorOnFinish: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     set value(v: string | (string | null)[] | null);
     readonly valueChange: import("@angular/core").OutputEmitterRef<string | (string | null)[] | null>;
     readonly stringValue: import("@angular/core").Signal<string>;

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

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { Nullable } from '../../types/utility.types';
@@ -15,7 +16,6 @@ export declare class ArdiumHexInputComponent extends _FormFieldComponentBase imp
     protected readonly inputModel: HexInputModel;
     protected _wasViewInit: boolean;
     ngAfterViewInit(): void;
-    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>>;
@@ -23,12 +23,13 @@ export declare class ArdiumHexInputComponent extends _FormFieldComponentBase imp
     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 compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     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 maxDigitsAsInt: import("@angular/core").Signal<number>;
+    readonly hideHash: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly showHash: import("@angular/core").Signal<boolean>;
-    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
     readonly shouldShowClearButton: import("@angular/core").Signal<boolean>;
     onClearButtonClick(event: MouseEvent): void;
@@ -50,5 +51,5 @@ export declare class ArdiumHexInputComponent extends _FormFieldComponentBase imp
     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; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHexInputComponent, "ard-hex-input", never, { "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/input-types.d.ts

@@ -4,3 +4,12 @@ export declare const CaseTransformerType: {
     readonly Lowercase: "lowercase";
 };
 export type CaseTransformerType = (typeof CaseTransformerType)[keyof typeof CaseTransformerType];
+export declare const ArdInputType: {
+    readonly Text: "text";
+    readonly Password: "password";
+    readonly Email: "email";
+    readonly Tel: "tel";
+    readonly Url: "url";
+    readonly Search: "search";
+};
+export type ArdInputType = (typeof ArdInputType)[keyof typeof ArdInputType];

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

@@ -1,5 +1,6 @@
 import { ElementRef, Signal } from '@angular/core';
 import { Nullable } from '../types/utility.types';
+import { ArdNumberInputMinMaxBehavior } from './number-input/number-input.types';
 export interface InputModelHost {
     readonly maxLength: Signal<Nullable<number>>;
     readonly textInputEl: Signal<ElementRef<HTMLInputElement> | undefined>;
@@ -13,6 +14,7 @@ export declare class InputModel {
     protected _writeValue(v: string | null): boolean;
     rewriteValueAfterHostUpdate(): void;
     clear(): void;
+    trim(): void;
     _updateInputElement(): void;
     get caretPos(): number;
     set caretPos(pos: number);
@@ -31,6 +33,10 @@ export declare class AutocompleteInputModel extends InputModel {
 export interface NumberInputModelHost {
     readonly max: Signal<number>;
     readonly min: Signal<number>;
+    readonly minMaxBehavior: Signal<ArdNumberInputMinMaxBehavior>;
+    readonly maxDecimalPlaces: Signal<number>;
+    readonly fixedDecimalPlaces: Signal<boolean>;
+    readonly decimalSeparator: Signal<string>;
     readonly allowFloat: Signal<boolean>;
     readonly inputEl: Signal<ElementRef<HTMLInputElement> | undefined>;
 }
@@ -42,14 +48,19 @@ export declare class NumberInputModel {
     readonly stringValue: Signal<string>;
     readonly numberValue: Signal<number | null>;
     setValue(v: string | number | null): void;
+    updateOnBlur(adjustMinMax?: boolean): void;
+    private _fixDecimalPlaces;
     private _updateInputEl;
-    writeValue(v: any): boolean;
-    protected _writeValue(v: string | number | null): boolean;
+    writeValue(v: any, applyConstraints: boolean): boolean;
+    protected _writeValue(v: string | null, applyConstraints: boolean): boolean;
     rewriteValueAfterHostUpdate(): void;
     get caretPos(): number;
     set caretPos(pos: number);
+    private _applyStandardConstraints;
+    private _standardizeSeparator;
     private _removeDecimalPlaces;
     private _applyNumberConstraint;
     private _applyMinMaxConstraints;
+    private _applyMaxDecimalPlaces;
 }
 export declare function escapeAndCreateRegex(str: string, flags?: string, negated?: boolean): RegExp;

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

@@ -1,5 +1,6 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { ButtonAppearance, ButtonVariant } from '../../buttons/general-button.types';
 import { OneAxisAlignment } from '../../types/alignment.types';
@@ -7,7 +8,8 @@ import { FormElementAppearance, FormElementVariant } from '../../types/theming.t
 import { Nullable } from '../../types/utility.types';
 import { NumberInputModel, NumberInputModelHost } from '../input-utils';
 import { ArdNumberInputDefaults } from './number-input.defaults';
-import { ArdNumberInputPlaceholderTemplateDirective } from './number-input.directives';
+import { ArdNumberInputPlaceholderTemplateDirective, ArdNumberInputPrefixTemplateDirective, ArdNumberInputSuffixTemplateDirective } from './number-input.directives';
+import { ArdNumberInputMinMaxBehavior } from './number-input.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, NumberInputModelHost, AfterViewInit {
     protected readonly _DEFAULTS: ArdNumberInputDefaults;
@@ -16,14 +18,15 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
     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 prefixTemplate: import("@angular/core").Signal<ArdNumberInputPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: import("@angular/core").Signal<ArdNumberInputSuffixTemplateDirective | undefined>;
     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 compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly buttonVariant: import("@angular/core").Signal<ButtonVariant>;
     readonly buttonAppearance: import("@angular/core").Signal<ButtonAppearance>;
@@ -39,27 +42,31 @@ export declare class ArdiumNumberInputComponent extends _FormFieldComponentBase
         readonly direction: 1 | -1;
         readonly value: number;
     }>;
-    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 keepFocusOnQuickChangeButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly stepSize: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly minMaxBehavior: import("@angular/core").InputSignal<ArdNumberInputMinMaxBehavior>;
+    readonly maxDecimalPlaces: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly fixedDecimalPlaces: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly decimalSeparator: import("@angular/core").InputSignalWithTransform<string, string>;
+    readonly allowFloat: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly noButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly keepFocusOnQuickChangeButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly stepSize: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     onQuickChangeButtonClick(direction: 1 | -1, event?: MouseEvent): void;
     private _focusInputIfCantQuickChange;
+    private _isQuickChangeButtonFocused;
     onQuickChangeButtonMouseup(event: MouseEvent): void;
-    canIncrement(): boolean;
-    canDecrement(): boolean;
+    readonly canIncrement: import("@angular/core").Signal<boolean>;
+    readonly canDecrement: import("@angular/core").Signal<boolean>;
     onInput(newVal: string): void;
     protected _emitInput(): void;
     onFocusMaster(event: FocusEvent): void;
     onBlurMaster(event: FocusEvent): void;
-    private _emitTouched;
     onChange(event: Event): void;
     protected _emitChange(): 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; "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; }; "keepFocusOnQuickChangeButton": { "alias": "keepFocusOnQuickChangeButton"; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumNumberInputComponent, "ard-number-input", never, { "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; }; "minMaxBehavior": { "alias": "minMaxBehavior"; "required": false; "isSignal": true; }; "maxDecimalPlaces": { "alias": "maxDecimalPlaces"; "required": false; "isSignal": true; }; "fixedDecimalPlaces": { "alias": "fixedDecimalPlaces"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "allowFloat": { "alias": "allowFloat"; "required": false; "isSignal": true; }; "noButtons": { "alias": "noButtons"; "required": false; "isSignal": true; }; "keepFocusOnQuickChangeButton": { "alias": "keepFocusOnQuickChangeButton"; "required": false; "isSignal": true; }; "stepSize": { "alias": "stepSize"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; "quickChangeEvent": "quickChange"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate"], never, false, never>;
 }

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

@@ -2,6 +2,7 @@ import { InjectionToken, Provider } from '@angular/core';
 import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
 import { OneAxisAlignment } from './../../types/alignment.types';
 import { FormElementAppearance, FormElementVariant } from './../../types/theming.types';
+import { ArdNumberInputMinMaxBehavior } from './number-input.types';
 export interface ArdNumberInputDefaults extends _FormFieldComponentDefaults {
     appearance: FormElementAppearance;
     variant: FormElementVariant;
@@ -11,9 +12,14 @@ export interface ArdNumberInputDefaults extends _FormFieldComponentDefaults {
     inputAttrs: Record<string, any>;
     min: number;
     max: number;
+    minMaxBehavior: ArdNumberInputMinMaxBehavior;
+    maxDecimalPlaces: number;
+    fixedDecimalPlaces: boolean;
+    decimalSeparator: string;
     allowFloat: boolean;
     noButtons: boolean;
     stepSize: number;
+    keepFocusOnQuickChangeButton: boolean;
 }
 export declare const ARD_NUMBER_INPUT_DEFAULTS: InjectionToken<ArdNumberInputDefaults>;
 export declare function provideNumberInputDefaults(config: Partial<ArdNumberInputDefaults>): Provider;

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

@@ -6,3 +6,15 @@ export declare class ArdNumberInputPlaceholderTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdNumberInputPlaceholderTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdNumberInputPlaceholderTemplateDirective, "ard-number-input > ng-template[ard-placeholder-tmp]", never, {}, {}, never, never, false, never>;
 }
+export declare class ArdNumberInputPrefixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdNumberInputPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdNumberInputPrefixTemplateDirective, "ard-number-input > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdNumberInputSuffixTemplateDirective {
+    template: TemplateRef<undefined>;
+    constructor(template: TemplateRef<undefined>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdNumberInputSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdNumberInputSuffixTemplateDirective, "ard-number-input > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}

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

@@ -6,6 +6,6 @@ import * as i4 from "@ardium-ui/devkit";
 import * as i5 from "../../buttons/button/button.module";
 export declare class ArdiumNumberInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumNumberInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumNumberInputModule, [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumHoldModule, typeof i5.ArdiumButtonModule], [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumNumberInputModule, [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective, typeof i2.ArdNumberInputPrefixTemplateDirective, typeof i2.ArdNumberInputSuffixTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumHoldModule, typeof i5.ArdiumButtonModule], [typeof i1.ArdiumNumberInputComponent, typeof i2.ArdNumberInputPlaceholderTemplateDirective, typeof i2.ArdNumberInputPrefixTemplateDirective, typeof i2.ArdNumberInputSuffixTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumNumberInputModule>;
 }

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

@@ -0,0 +1,6 @@
+export declare const ArdNumberInputMinMaxBehavior: {
+    readonly AdjustOnInput: "adjust-on-input";
+    readonly AdjustOnBlur: "adjust-on-blur";
+    readonly Noop: "noop";
+};
+export type ArdNumberInputMinMaxBehavior = typeof ArdNumberInputMinMaxBehavior[keyof typeof ArdNumberInputMinMaxBehavior];

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

@@ -1,5 +1,6 @@
 import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../../_internal/form-field-component';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { Nullable } from '../../types/utility.types';
@@ -13,33 +14,33 @@ export declare class ArdiumPasswordInputComponent extends _FormFieldComponentBas
     readonly textInputEl: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
     ngOnInit(): void;
     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 revealable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly holdToReveal: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly autoHideTimeoutMs: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     readonly revealed: import("@angular/core").ModelSignal<boolean>;
     private _hideTimeout;
     toggleReveal(newState?: boolean): void;
+    onMouseUp(): 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 compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     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;
-    readonly value: import("@angular/core").ModelSignal<Nullable<string>>;
+    protected _writeValue(v: string | null): boolean;
+    readonly value: import("@angular/core").ModelSignal<string | null>;
     onInput(newVal: string): 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; "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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumPasswordInputComponent, "ard-password-input", never, { "placeholder": { "alias": "placeholder"; "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/kbd/kbd.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { FormElementAppearance } from './../types/theming.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumKbdComponent implements AfterViewInit {
@@ -6,7 +7,7 @@ export declare class ArdiumKbdComponent implements AfterViewInit {
     readonly contentWrapper: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     ngAfterViewInit(): void;
     readonly key: import("@angular/core").InputSignal<string>;
-    readonly full: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly full: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumKbdComponent, never>;

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

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { FormElementAppearance } from '../types/theming.types';
 import { Nullable } from '../types/utility.types';
 import * as i0 from "@angular/core";
@@ -9,7 +10,7 @@ export declare class ArdiumKbdShortcutComponent implements AfterViewInit {
     ngAfterViewInit(): void;
     readonly splitRegex: RegExp;
     readonly keys: import("@angular/core").InputSignalWithTransform<Nullable<string[]>, Nullable<string | string[]>>;
-    readonly full: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly full: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumKbdShortcutComponent, never>;

package/lib/modal/modal.component.d.ts

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { PanelVariant } from '../types/theming.types';
 import { ArdModalCloseIconTemplateDirective } from './modal.directives';
 import * as i0 from "@angular/core";
@@ -9,13 +10,15 @@ export declare class ArdiumModalComponent {
     private readonly _DEFAULTS;
     readonly appearance: import("@angular/core").InputSignal<"raised">;
     readonly variant: import("@angular/core").InputSignal<PanelVariant>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly heading: import("@angular/core").InputSignal<string>;
-    readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly panelClass: import("@angular/core").InputSignal<string>;
+    readonly backdropClass: import("@angular/core").InputSignal<string>;
+    readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     private readonly open;
     set _open(v: any);
     openProgrammatically(): void;
@@ -31,5 +34,5 @@ export declare class ArdiumModalComponent {
     readonly closeIconTemplate: import("@angular/core").Signal<ArdModalCloseIconTemplateDirective | undefined>;
     readonly _closeIconTemplate: import("@angular/core").InputSignal<ArdModalCloseIconTemplateDirective | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumModalComponent, "ard-modal", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "allActionsDisabled": { "alias": "allActionsDisabled"; "required": false; "isSignal": true; }; "_open": { "alias": "open"; "required": false; }; "_closeIconTemplate": { "alias": "_closeIconTemplate"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "closeEvent": "close"; }, ["closeIconTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumModalComponent, "ard-modal", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "allActionsDisabled": { "alias": "allActionsDisabled"; "required": false; "isSignal": true; }; "_open": { "alias": "open"; "required": false; }; "_closeIconTemplate": { "alias": "_closeIconTemplate"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; "closeEvent": "close"; }, ["closeIconTemplate"], ["*"], false, never>;
 }

package/lib/modal/modal.defaults.d.ts

@@ -8,6 +8,8 @@ export interface ArdModalDefaults {
     noCloseButton: boolean;
     noBackdrop: boolean;
     disableBackdropClose: boolean;
+    panelClass: string;
+    backdropClass: string;
 }
 export declare const _modalDefaults: ArdModalDefaults;
 export declare const ARD_MODAL_DEFAULTS: InjectionToken<ArdModalDefaults>;

package/lib/option/option.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewChecked, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { Subject } from 'rxjs';
 import { Nullable } from '../types/utility.types';
 import * as i0 from "@angular/core";
@@ -8,7 +9,7 @@ export declare class ArdiumOptionComponent implements OnChanges, AfterViewChecke
     readonly hasImplicitValue: import("@angular/core").Signal<boolean>;
     readonly label: import("@angular/core").InputSignal<Nullable<string>>;
     get labelOrInnerHtml(): string;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly stateChange$: Subject<{
         value: any;
         oldValue?: string;