@ardium-ui/ui 1.0.2 → 2.0.1

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { _NgModelComponentBase } from './ngmodel-component';
 import * as i0 from "@angular/core";
@@ -14,25 +13,25 @@ export declare abstract class _BooleanComponentBase extends _NgModelComponentBas
     /**
      * The event emitter responsible for firing `select` events. Fired when the `selected` state is set to true.
      */
-    selectEvent: EventEmitter<null>;
+    readonly selectEvent: import("@angular/core").OutputEmitterRef<null>;
     /**
      * The event emitter responsible for firing `unselect` events. Fired when the `selected` state is set to false.
      */
-    unselectEvent: EventEmitter<null>;
+    readonly unselectEvent: import("@angular/core").OutputEmitterRef<null>;
     /**
      * The event emitter responsible for firing `change` events. Fired when the `selected` state is changed.
      */
-    changeEvent: EventEmitter<boolean>;
-    protected _selected: boolean;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly selected: import("@angular/core").WritableSignal<boolean>;
     /**
      * The selection state of the component. Coercible into a boolean.
      */
-    get selected(): boolean;
-    set selected(v: any);
+    set _selected(v: any);
+    get _selectedHostAttribute(): boolean;
     /**
      * The event emitter responsible for firing `selectedChange` events. Fired when the `selected` state is changed.
      */
-    selectedChange: EventEmitter<boolean>;
+    readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Toggles the selected state. Emits all appropriate events.
      */
@@ -46,5 +45,5 @@ export declare abstract class _BooleanComponentBase extends _NgModelComponentBas
      */
     unselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_BooleanComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_BooleanComponentBase, never, never, { "selected": { "alias": "selected"; "required": false; }; }, { "selectEvent": "select"; "unselectEvent": "unselect"; "changeEvent": "change"; "selectedChange": "selectedChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_BooleanComponentBase, never, never, { "_selected": { "alias": "selected"; "required": false; }; }, { "selectEvent": "select"; "unselectEvent": "unselect"; "changeEvent": "change"; "selectedChange": "selectedChange"; }, never, never, false, never>;
 }

package/lib/_internal/clear-button/clear-button.component.d.ts

@@ -2,5 +2,5 @@ import { _FocusableComponentBase } from './../focusable-component';
 import * as i0 from "@angular/core";
 export declare class _ClearButtonComponent extends _FocusableComponentBase {
     static ɵfac: i0.ɵɵFactoryDeclaration<_ClearButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<_ClearButtonComponent, "ard-_clear-button", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<_ClearButtonComponent, "ard-clear-button", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,11 +1,16 @@
 import * as i0 from "@angular/core";
 export declare abstract class _DisablableComponentBase {
-    protected _readonly: boolean;
-    get readonly(): boolean;
-    set readonly(v: any);
-    protected _disabled: boolean;
-    get disabled(): boolean;
-    set disabled(v: any);
+    /**
+     * Whether the component is read-only. Defines the `readonly` host attribute and `ard-readonly` host class. Coearcible into a boolean.
+     */
+    readonly readonly: import("@angular/core").InputSignalWithTransform<any, boolean>;
+    /**
+     * Whether the component is disabled. Defines the `disabled` host attribute and `ard-disabled` host class. Coearcible into a boolean.
+     */
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    set _disabled(v: any);
+    get _readonlyHostAttribute(): boolean;
+    get _disabledHostAttribute(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<_DisablableComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_DisablableComponentBase, never, never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_DisablableComponentBase, never, never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { _DisablableComponentBase } from './disablable-component';
 import * as i0 from "@angular/core";
 export declare abstract class _FocusableComponentBase extends _DisablableComponentBase {
@@ -19,20 +18,19 @@ export declare abstract class _FocusableComponentBase extends _DisablableCompone
      * Blurs all focusable elements in the component.
      */
     blur(): void;
-    protected _tabIndex: number;
     /**
      * The component's overall tab index. If the component is disabled, it is always `-1`. Coercible into a number, defaults to `0`.
      */
-    get tabIndex(): number;
-    set tabIndex(v: any);
+    readonly tabIndex: import("@angular/core").Signal<any>;
+    readonly _tabIndex: import("@angular/core").InputSignalWithTransform<any, number>;
     /**
      * The event emitter responsible for firing `focus` events.
      */
-    focusEvent: EventEmitter<FocusEvent>;
+    readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
     /**
      * The event emitter responsible for firing `blur` events.
      */
-    blurEvent: EventEmitter<FocusEvent>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
     /**
      * Whether the component is currently focused.
      */
@@ -48,5 +46,5 @@ export declare abstract class _FocusableComponentBase extends _DisablableCompone
      */
     onBlur(event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_FocusableComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_FocusableComponentBase, never, never, { "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FocusableComponentBase, never, never, { "_tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; }, never, never, false, never>;
 }

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

@@ -1,5 +1,7 @@
-import { ArdOptionGroup, ArdOption, GroupByFn, SearchFn, CompareWithFn } from '../../types/item-storage.types';
+import { Signal } from '@angular/core';
 import { AddCustomFn } from '../../select/select.types';
+import { ArdOption, ArdOptionGroup, CompareWithFn, GroupByFn, SearchFn } from '../../types/item-storage.types';
+import { Nullable } from '../../types/utility.types';
 export interface ItemStorageHostDefaults {
     valueFrom: string;
     labelFrom: string;
@@ -10,48 +12,48 @@ export interface ItemStorageHostDefaults {
     [key: string]: any;
 }
 export interface ItemStorageHost {
-    valueFrom?: string;
-    labelFrom?: string;
-    disabledFrom?: string;
-    invertDisabled?: boolean;
-    groupLabelFrom?: string | GroupByFn;
-    groupDisabledFrom?: string;
-    childrenFrom?: string;
+    readonly valueFrom: Signal<Nullable<string>>;
+    readonly labelFrom: Signal<Nullable<string>>;
+    readonly disabledFrom: Signal<Nullable<string>>;
+    readonly invertDisabled: Signal<Nullable<boolean>>;
+    readonly groupLabelFrom: Signal<Nullable<string | GroupByFn>>;
+    readonly groupDisabledFrom: Signal<Nullable<string>>;
+    readonly childrenFrom: Signal<Nullable<string>>;
     readonly DEFAULTS: ItemStorageHostDefaults;
-    groupItems?: boolean;
-    itemsAlreadyGrouped?: boolean;
-    hideSelected: boolean;
-    searchCaseSensitive: boolean;
-    searchFn: SearchFn;
-    compareWith?: CompareWithFn;
-    multiselectable: boolean;
-    sortMultipleValues: boolean;
-    maxSelectedItems?: number;
-    addCustom: boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>;
+    readonly itemsAlreadyGrouped: Signal<Nullable<boolean>>;
+    readonly hideSelected: Signal<boolean>;
+    readonly searchCaseSensitive: Signal<boolean>;
+    readonly searchFn: Signal<SearchFn>;
+    readonly compareWith: Signal<Nullable<CompareWithFn>>;
+    readonly multiselectable: Signal<boolean>;
+    readonly sortMultipleValues: Signal<boolean>;
+    readonly maxSelectedItems: Signal<Nullable<number>>;
+    readonly addCustom: Signal<boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>>;
+    readonly _componentId: string;
 }
 export declare class ItemStorage {
-    private _ardParentComp;
-    private _groups;
-    private _items;
-    private _filteredItems;
-    private _highlightedItems;
-    private _highlightedGroups;
-    private _recentlyHighlightedItem?;
-    private _selectedItems;
+    private readonly _ardParentComp;
+    private readonly _groups;
+    private readonly _items;
+    private readonly _filteredItems;
+    private readonly _highlightedItems;
+    private readonly _highlightedGroups;
+    private readonly _recentlyHighlightedItem;
+    private readonly _selectedItems;
     constructor(_ardParentComp: ItemStorageHost);
-    get groups(): ArdOptionGroup[];
-    get items(): ArdOption[];
-    get filteredItems(): ArdOption[];
-    get selectedItems(): ArdOption[];
-    get highlightedItems(): ArdOption[];
-    get lastSelectedItem(): ArdOption;
-    get value(): any[];
+    readonly groups: Signal<ArdOptionGroup[]>;
+    readonly items: Signal<ArdOption[]>;
+    readonly filteredItems: Signal<ArdOption[]>;
+    readonly highlightedItems: Signal<ArdOption[]>;
+    readonly selectedItems: Signal<ArdOption[]>;
+    readonly lastSelectedItem: Signal<ArdOption>;
+    readonly value: Signal<any[]>;
     private _itemsToValue;
-    get isNoItemsToSelect(): boolean;
-    get isNoItemsFound(): boolean;
-    get isAnyItemSelected(): boolean;
-    get isAnyItemHighlighted(): boolean;
-    get isItemLimitReached(): boolean;
+    readonly isNoItemsToSelect: Signal<boolean>;
+    readonly isNoItemsFound: Signal<boolean>;
+    readonly isAnyItemSelected: Signal<boolean>;
+    readonly isAnyItemHighlighted: Signal<boolean>;
+    readonly isItemLimitReached: Signal<boolean>;
     setItems(items: any[]): boolean;
     private _addSingleItem;
     private _primitiveItemsMapFn;
@@ -61,8 +63,8 @@ export declare class ItemStorage {
     private _addToGroup;
     private _createEmptyGroupMap;
     private _isWriteValueValid;
-    private _valueToWriteAfterItemsLoad;
-    private _wasValueWriteDeferred;
+    private readonly _valueToWriteAfterItemsLoad;
+    private readonly _wasValueWriteDeferred;
     handleWriteValue(ngModel: any[]): void;
     findItemByValue(valueToFind: any): ArdOption | undefined;
     addCustomOption(value: string, fn: AddCustomFn<any> | AddCustomFn<Promise<any>>): Promise<ArdOption>;
@@ -83,5 +85,5 @@ export declare class ItemStorage {
     setRecentlyHighlighted(item: ArdOption): void;
     highlightNextItem(offset: number, hasShift?: boolean): ArdOption | null;
     filter(filterTerm: string): any[];
-    resetFiltered(): void;
+    resetFiltered(): ArdOption[];
 }

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

@@ -1,42 +1,45 @@
+import { Signal } from '@angular/core';
 import { ArdOptionSimple, CompareWithFn } from '../../types/item-storage.types';
+import { Nullable } from '../../types/utility.types';
 export interface ItemStorageHostDefaults {
     valueFrom: string;
     labelFrom: string;
     disabledFrom: string;
 }
 export interface SimpleItemStorageHost {
-    valueFrom?: string;
-    labelFrom?: string;
-    disabledFrom?: string;
-    invertDisabled?: boolean;
+    readonly valueFrom: Signal<Nullable<string>>;
+    readonly labelFrom: Signal<Nullable<string>>;
+    readonly disabledFrom: Signal<Nullable<string>>;
+    readonly invertDisabled: Signal<boolean>;
     readonly DEFAULTS: ItemStorageHostDefaults;
-    compareWith?: CompareWithFn;
-    multiselectable: boolean;
-    requireValue: boolean;
-    maxSelectedItems?: number;
+    readonly compareWith: Signal<Nullable<CompareWithFn>>;
+    readonly multiselectable: Signal<boolean>;
+    readonly isValueRequired: Signal<boolean>;
+    readonly maxSelectedItems: Signal<Nullable<number>>;
+    readonly _componentId: string;
 }
 export declare class SimpleItemStorage {
-    private _ardParentComp;
-    private _items;
-    private _highlightedItems;
-    private _selectedItems;
+    private readonly _ardParentComp;
+    private readonly _items;
+    private readonly _highlightedItems;
+    private readonly _selectedItems;
     constructor(_ardParentComp: SimpleItemStorageHost);
     /**
      * Gets all items.
      */
-    get items(): ArdOptionSimple[];
+    readonly items: Signal<ArdOptionSimple[]>;
     /**
-     * Gets all currently selected items.
+     * Gets all currently highlighted items.
      */
-    get selectedItems(): ArdOptionSimple[];
+    readonly highlightedItems: Signal<ArdOptionSimple[]>;
     /**
-     * Gets all currently highlighted items.
+     * Gets all currently selected items.
      */
-    get highlightedItems(): ArdOptionSimple[];
+    readonly selectedItems: Signal<ArdOptionSimple[]>;
     /**
      * Gets the values of the currently selected items.
      */
-    get value(): any[];
+    readonly value: Signal<any[]>;
     /**
      * Maps an array of items into their values.
      * @param items The items to convert to value.
@@ -46,19 +49,19 @@ export declare class SimpleItemStorage {
     /**
      * Returns true if at least one item is highlighted, otherwise false.
      */
-    get isAnyItemHighlighted(): boolean;
+    readonly isAnyItemHighlighted: Signal<boolean>;
     /**
      * Returns true if the parent component defines the limit of concurrently selectable items and the amount of currently selected items matches that limit. Otherwise returns false.
      *
      * **TLDR**: true if `maxSelectedItems` is defined and the number of selected items matches that value.
      */
-    get isItemLimitReached(): boolean;
+    readonly isItemLimitReached: Signal<boolean>;
     /**
      * Sets the component's items. Takes into account the values defined by the parent component for `valueFrom`, `labelFrom`, and `disabledFrom`.
      * @param items An array of items to be set as the component's items.
      * @returns true if at least one of the items is of primitive type, otherwise false.
      */
-    setItems(items: any[]): boolean;
+    setItems(items: unknown[]): boolean;
     private _primitiveItemsMapFn;
     private _setItemsMapFn;
     /**
@@ -96,9 +99,9 @@ export declare class SimpleItemStorage {
      * Accounts for the limit of concurrently selected items defined by the parent component.
      * @param items A rest operator array of item objects to be selected.
      * @returns A tuple containing three arrays, all mapped to only their values:
-     * * An array of items selected,
-     * * An array of items unselected,
-     * * An array of items failed to select due to the limit.
+     * - An array of items selected,
+     * - An array of items unselected,
+     * - An array of items failed to select due to the limit.
      */
     selectItem(...items: ArdOptionSimple[]): [any[], any[], any[]];
     /**
@@ -155,5 +158,5 @@ export declare class SimpleItemStorage {
      * Finds all highlightable items. An item is considered highlightable if it is **not** disabled.
      * @returns An array of all highlightable items.
      */
-    private _getHiglightableItems;
+    private readonly highlightableItems;
 }

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

@@ -1,27 +1,32 @@
+import { Signal } from '@angular/core';
 import { ArdSimplestStorageItem } from '../../types/item-storage.types';
+import { Nullable } from '../../types/utility.types';
 export interface SimplestItemStorageHostDefaults {
     valueFrom: string;
     labelFrom: string;
 }
 export interface SimplestItemStorageHost {
-    valueFrom?: string;
-    labelFrom?: string;
+    readonly valueFrom: Signal<Nullable<string>>;
+    readonly labelFrom: Signal<Nullable<string>>;
     readonly DEFAULTS: SimplestItemStorageHostDefaults;
 }
 export declare class SimplestItemStorage {
-    private _ardParentComp;
-    private _items;
-    private _highlightedItem;
-    get highlightedItem(): ArdSimplestStorageItem | null;
+    private readonly _ardParentComp;
+    private readonly _items;
+    private readonly _highlightedItem;
     constructor(_ardParentComp: SimplestItemStorageHost);
     /**
      * Gets all items.
      */
-    get items(): ArdSimplestStorageItem[];
+    readonly items: Signal<ArdSimplestStorageItem[]>;
     /**
-     * Returns true if at least one item is highlighted, otherwise false.
+     * The currently highlighted item.
      */
-    get isAnyItemHighlighted(): boolean;
+    readonly highlightedItem: Signal<Nullable<ArdSimplestStorageItem>>;
+    /**
+     * True if at least one item is highlighted, otherwise false.
+     */
+    readonly isAnyItemHighlighted: Signal<boolean>;
     /**
      * Sets the component's items. Takes into account the values defined by the parent component for `suggValueFrom` and `suggLabelFrom`.
      * @param items An array of items to be set as the component's items.

package/lib/_internal/models/pagination.model.d.ts

@@ -1,53 +1,49 @@
+import { ModelSignal, Signal } from '@angular/core';
+export interface PaginationModelHost {
+    readonly componentId: string;
+    readonly totalItems: Signal<number>;
+    readonly options: Signal<number[] | {
+        value: number;
+        label: string;
+    }[]>;
+    readonly itemsPerPage: ModelSignal<number>;
+    readonly page: ModelSignal<number>;
+}
 export interface PaginationCurrentItemsContext {
-    currentItemsFirst: number;
-    currentItemsLast: number;
-    totalItems: number;
-    totalPages: number;
-    page: number;
+    readonly currentItemsFirst: number;
+    readonly currentItemsLast: number;
+    readonly totalItems: number;
+    readonly totalPages: number;
+    readonly page: number;
 }
 export interface PaginationContext extends PaginationCurrentItemsContext {
-    itemsPerPageOptions: number[] | {
+    readonly itemsPerPageOptions: number[] | {
         value: number;
         label: string;
     }[];
-    itemsPerPage: number;
-    onItemsPerPageChange: (newValue: number) => void;
-    firstPageDisabled: boolean;
-    prevPageDisabled: boolean;
-    nextPageDisabled: boolean;
-    lastPageDisabled: boolean;
-    onPageChange: (newPage: number) => void;
+    readonly itemsPerPage: number;
+    readonly onItemsPerPageChange: (newValue: number) => void;
+    readonly firstPageDisabled: boolean;
+    readonly prevPageDisabled: boolean;
+    readonly nextPageDisabled: boolean;
+    readonly lastPageDisabled: boolean;
+    readonly onPageChange: (newPage: number) => void;
 }
 export declare class PaginationModel {
-    private _totalItems?;
-    private _itemsPerPageOptions;
-    private _itemsPerPage;
-    private _page;
-    setTotalItems(v: number): void;
-    get isTotalItemsDefined(): boolean;
-    setItemsPerPageOptions(v: number[] | {
-        value: number;
-        label: string;
-    }[]): void;
-    getItemsPerPageOptions(): number[] | {
-        value: number;
-        label: string;
-    }[];
-    setItemsPerPage(v: number): void;
-    getItemsPerPage(): number;
-    private _itemsOnCurrentPageMemo;
-    get itemsOnCurrentPage(): [number, number] | null;
-    get firstPageDisabled(): boolean;
-    get lastPageDisabled(): boolean;
-    private _lastPageNumMemo;
-    get lastPageNum(): number | null;
-    get isLastPage(): boolean;
+    private readonly _ardHostCmp;
+    constructor(_ardHostCmp: PaginationModelHost);
+    readonly isTotalItemsDefined: Signal<boolean>;
+    readonly lastPageNum: Signal<number | null>;
+    readonly isLastPage: Signal<boolean>;
+    readonly itemsOnCurrentPage: Signal<[number, number] | null>;
+    readonly firstPageDisabled: Signal<boolean>;
+    readonly lastPageDisabled: Signal<boolean>;
     setPage(v: number): void;
     getPage(): number;
-    firstPage(): number | null;
-    prevPage(): number | null;
-    nextPage(): number | null;
-    lastPage(): number | null;
-    getCurrentItemsContext(): PaginationCurrentItemsContext;
-    getPartialContext(): Omit<PaginationContext, 'onItemsPerPageChange' | 'onPageChange'>;
+    goToFirstPage(): number | null;
+    goToPrevPage(): number | null;
+    goToNextPage(): number | null;
+    goToLastPage(): number | null;
+    readonly getCurrentItemsContext: Signal<PaginationCurrentItemsContext>;
+    readonly getPartialContext: Signal<Omit<PaginationContext, "onItemsPerPageChange" | "onPageChange">>;
 }

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

@@ -18,7 +18,7 @@ export declare abstract class _NgModelComponentBase extends _FocusableComponentB
      * Registers a function to handle value change. Required by ControlValueAccessor.
      * @param fn The function to register.
      */
-    registerOnChange(fn: (_: any) => {}): void;
+    registerOnChange(fn: (_: any) => void): void;
     /**
      * Sets the component's disabled state. Required by ControlValueAccessor.
      * @param isDisabled the new disabled state.

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

@@ -1,6 +1,7 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ArdOptionSimple, OptionContext } from '../types/item-storage.types';
+import { ArdOptionSimple, CompareWithFn, OptionContext } from '../types/item-storage.types';
+import { Nullable } from '../types/utility.types';
 import { SimpleItemStorage, SimpleItemStorageHost } from './item-storages/simple-item-storage';
 import { _NgModelComponentBase } from './ngmodel-component';
 import * as i0 from "@angular/core";
@@ -14,47 +15,46 @@ export declare abstract class _SelectableListComponentBase extends _NgModelCompo
         labelFrom: string;
         disabledFrom: string;
     };
+    abstract readonly _componentId: string;
+    abstract readonly _componentName: string;
     constructor(_cd: ChangeDetectorRef);
-    valueFrom?: string;
-    labelFrom?: string;
-    disabledFrom?: string;
+    readonly valueFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly labelFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly disabledFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly compareWith: import("@angular/core").InputSignal<Nullable<CompareWithFn>>;
     get items(): any[];
     set items(value: any);
     private _printPrimitiveWarnings;
-    protected _multiselectable: boolean;
-    abstract multiselectable: any;
-    get singleselectable(): boolean;
-    protected _requireValue: boolean | undefined;
-    abstract requireValue: any;
-    private _invertDisabled;
-    get invertDisabled(): boolean;
-    set invertDisabled(v: any);
-    private _maxSelectedItems;
-    get maxSelectedItems(): number | undefined;
-    set maxSelectedItems(v: any);
+    readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    get _multiselectableHostAttribute(): boolean;
+    readonly singleselectable: import("@angular/core").Signal<boolean>;
+    readonly requireValue: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly isValueRequired: import("@angular/core").Signal<boolean>;
+    get _requireValueHostAttribute(): boolean;
+    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     setDisabledState(state: boolean): void;
     writeValue(ngModel: any[]): void;
-    private _touched;
-    get touched(): boolean;
-    protected set touched(state: boolean);
+    readonly touched: import("@angular/core").WritableSignal<boolean>;
+    get _touchedHostAttribute(): boolean;
     protected _emitChange(): void;
     protected _onTouched(): void;
-    lastBlurTimestamp: number | null;
+    private readonly lastBlurTimestamp;
     onFocus(event: FocusEvent): void;
     onBlur(event: FocusEvent): void;
-    get firstHighlightedItem(): ArdOptionSimple | undefined;
-    get highlightedItems(): ArdOptionSimple[];
-    get isItemLimitReached(): boolean;
-    getOptionContext(item: ArdOptionSimple): OptionContext;
+    readonly highlightedItems: import("@angular/core").Signal<ArdOptionSimple[]>;
+    readonly firstHighlightedItem: import("@angular/core").Signal<Nullable<ArdOptionSimple>>;
+    readonly isItemLimitReached: import("@angular/core").Signal<boolean>;
+    getOptionContext(item: ArdOptionSimple): OptionContext<ArdOptionSimple>;
     set value(newValue: any);
-    valueChange: EventEmitter<any[]>;
-    changeEvent: EventEmitter<any[]>;
-    addEvent: EventEmitter<any[]>;
-    removeEvent: EventEmitter<any[]>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly addEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly removeEvent: import("@angular/core").OutputEmitterRef<any[]>;
     toggleItem(item: ArdOptionSimple): void;
     selectItem(...items: ArdOptionSimple[]): void;
     unselectItem(...items: ArdOptionSimple[]): void;
-    isMouseBeingUsed: boolean;
+    readonly isMouseBeingUsed: import("@angular/core").WritableSignal<boolean>;
     onMouseMove(): void;
     onItemMouseEnter(option: ArdOptionSimple, event: MouseEvent): void;
     onItemMouseLeave(option: ArdOptionSimple, event: MouseEvent): void;
@@ -67,5 +67,5 @@ export declare abstract class _SelectableListComponentBase extends _NgModelCompo
     private _highlightLast;
     private _highlightAll;
     static ɵfac: i0.ɵɵFactoryDeclaration<_SelectableListComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_SelectableListComponentBase, never, never, { "valueFrom": { "alias": "valueFrom"; "required": false; }; "labelFrom": { "alias": "labelFrom"; "required": false; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; }; "items": { "alias": "items"; "required": false; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "removeEvent": "remove"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_SelectableListComponentBase, never, never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; "isSignal": true; }; "requireValue": { "alias": "requireValue"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "removeEvent": "remove"; }, never, never, false, never>;
 }

package/lib/badge/badge.directive.d.ts

@@ -1,31 +1,26 @@
-import { ElementRef, OnChanges, OnDestroy, AfterViewInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, Renderer2 } from '@angular/core';
 import { ComponentColor } from '../types/colors.types';
-import { BadgePosition, BadgeSize } from './badge.types';
 import { FormElementVariant } from '../types/theming.types';
+import { BadgePosition, BadgeSize } from './badge.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumBadgeDirective implements OnChanges, AfterViewInit, OnDestroy {
-    private _el;
+    private _elRef;
     private _renderer;
-    constructor(_el: ElementRef, _renderer: Renderer2);
-    text?: string;
-    color: ComponentColor;
-    variant: FormElementVariant;
-    size: BadgeSize;
-    private _position;
-    get position(): BadgePosition;
-    set position(v: BadgePosition);
-    ariaLabel?: string;
-    private _hidden;
-    get hidden(): boolean;
-    set hidden(v: any);
-    private _overlap;
-    get overlap(): boolean;
-    set overlap(v: any);
+    constructor(_elRef: ElementRef, _renderer: Renderer2);
+    readonly text: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly size: import("@angular/core").InputSignal<BadgeSize>;
+    readonly position: import("@angular/core").InputSignalWithTransform<BadgePosition, BadgePosition>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly hidden: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly overlap: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    private readonly _elementClasses;
     private _createBadgeElement;
-    private _badgeElement?;
+    private readonly _badgeElement;
     ngOnChanges(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumBadgeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumBadgeDirective, "[ardBadge]", never, { "text": { "alias": "ardBadge"; "required": false; }; "color": { "alias": "ardBadgeColor"; "required": false; }; "variant": { "alias": "ardBadgeVariant"; "required": false; }; "size": { "alias": "ardBadgeSize"; "required": false; }; "position": { "alias": "ardBadgePosition"; "required": false; }; "ariaLabel": { "alias": "ardBadgeAriaLabel"; "required": false; }; "hidden": { "alias": "ardBadgeHidden"; "required": false; }; "overlap": { "alias": "ardBadgeOverlap"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumBadgeDirective, "[ardBadge]", never, { "text": { "alias": "ardBadge"; "required": false; "isSignal": true; }; "color": { "alias": "ardBadgeColor"; "required": false; "isSignal": true; }; "variant": { "alias": "ardBadgeVariant"; "required": false; "isSignal": true; }; "size": { "alias": "ardBadgeSize"; "required": false; "isSignal": true; }; "position": { "alias": "ardBadgePosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ardBadgeAriaLabel"; "required": false; "isSignal": true; }; "hidden": { "alias": "ardBadgeHidden"; "required": false; "isSignal": true; }; "overlap": { "alias": "ardBadgeOverlap"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/badge/index.d.ts

@@ -0,0 +1,3 @@
+export * from './badge.module';
+export * from './badge.directive';
+export * from './badge.types';