@ardium-ui/ui 1.0.3 → 2.0.2

package/lib/select/select.component.d.ts

@@ -1,23 +1,20 @@
-import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, Signal, SimpleChanges, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { ItemStorage } from '../_internal/item-storages/dropdown-item-storage';
+import { ItemStorage, ItemStorageHost } from '../_internal/item-storages/dropdown-item-storage';
 import { _NgModelComponentBase } from '../_internal/ngmodel-component';
 import { ArdiumDropdownPanelComponent } from '../dropdown-panel/dropdown-panel.component';
 import { DropdownPanelAppearance, DropdownPanelVariant } from '../dropdown-panel/dropdown-panel.types';
 import { ArdiumOptionComponent } from '../option/option.component';
-import { ArdOption, ArdOptionGroup, ArdPanelPosition, CompareWithFn, GroupByFn, OptionContext, SearchFn } from '../types/item-storage.types';
+import { ArdOption, ArdOptionGroup, ArdPanelPosition, GroupByFn, OptionContext, SearchFn } from '../types/item-storage.types';
 import { FormElementAppearance } from '../types/theming.types';
+import { Nullable } from '../types/utility.types';
 import { FormElementVariant } from './../types/theming.types';
+import { ArdAddCustomTemplateDirective, ArdDropdownFooterTemplateDirective, ArdDropdownHeaderTemplateDirective, ArdItemDisplayLimitTemplateDirective, ArdItemLimitReachedTemplateDirective, ArdLoadingPlaceholderTemplateDirective, ArdLoadingSpinnerTemplateDirective, ArdNoItemsFoundTemplateDirective, ArdOptgroupTemplateDirective, ArdOptionTemplateDirective, ArdSelectPlaceholderTemplateDirective, ArdSelectPrefixTemplateDirective, ArdSelectSuffixTemplateDirective, ArdValueTemplateDirective } from './select.directive';
 import { AddCustomFn, CustomOptionContext, GroupContext, ItemDisplayLimitContext, ItemLimitContext, PlaceholderContext, SearchContext, StatsContext, ValueContext } from './select.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumSelectComponent extends _NgModelComponentBase implements OnChanges, AfterViewInit, AfterContentInit, OnInit, OnDestroy, ControlValueAccessor {
-    private _cd;
-    private overlay;
-    private viewContainerRef;
-    private scrollStrategyOpts;
+export declare class ArdiumSelectComponent extends _NgModelComponentBase implements OnChanges, AfterViewInit, AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, ItemStorageHost {
+    readonly _componentId: string;
     readonly itemStorage: ItemStorage;
-    readonly element: HTMLElement;
     readonly DEFAULTS: {
         valueFrom: string;
         labelFrom: string;
@@ -31,162 +28,119 @@ export declare class ArdiumSelectComponent extends _NgModelComponentBase impleme
         loadingPlaceholderText: string;
     };
     private _items;
-    private _isMouseBeingUsed;
-    private _searchBarFocused;
+    private readonly _isMouseBeingUsed;
+    private readonly _searchBarFocused;
     private readonly _destroy$;
-    searchTerm: string;
+    readonly searchTerm: import("@angular/core").WritableSignal<string>;
     isItemsInputUsed: boolean;
-    valueFrom?: string;
-    labelFrom?: string;
-    disabledFrom?: string;
-    groupLabelFrom?: string | GroupByFn;
-    groupDisabledFrom?: string;
-    childrenFrom?: string;
-    placeholder: string;
-    searchPlaceholder: string;
-    dropdownPosition: ArdPanelPosition;
-    clearButtonTitle: string;
-    noItemsFoundText: string;
-    loadingPlaceholderText: string;
-    searchInputId?: string;
-    isLoading: boolean;
-    inputAttrs: {
-        [key: string]: any;
-    };
-    htmlId: string;
-    private _itemsAlreadyGrouped;
-    get itemsAlreadyGrouped(): boolean;
-    set itemsAlreadyGrouped(v: any);
-    private _invertDisabled;
-    get invertDisabled(): boolean;
-    set invertDisabled(v: any);
-    private _noGroupActions;
-    get noGroupActions(): boolean;
-    set noGroupActions(v: any);
-    private _autoHighlightFirst;
-    get autoHighlightFirst(): boolean;
-    set autoHighlightFirst(v: any);
-    private _autoFocus;
-    get autoFocus(): boolean;
-    set autoFocus(v: any);
-    private _keepOpen;
-    get keepOpen(): boolean;
-    set keepOpen(v: any);
-    private _hideSelected;
-    get hideSelected(): boolean;
-    set hideSelected(v: any);
-    private _clearOnBackspace;
-    get noBackspaceClear(): boolean;
-    set noBackspaceClear(v: any);
-    private _sortMultipleValues;
-    get sortMultipleValues(): boolean;
-    set sortMultipleValues(v: any);
-    private _searchCaseSensitive;
-    get searchCaseSensitive(): boolean;
-    set searchCaseSensitive(v: any);
-    private _keepSearchAfterSelect;
-    get keepSearchAfterSelect(): boolean;
-    set keepSearchAfterSelect(v: any);
-    private _maxSelectedItems;
-    get maxSelectedItems(): number | undefined;
-    set maxSelectedItems(v: any);
-    private _itemDisplayLimit;
-    get itemDisplayLimit(): number;
-    set itemDisplayLimit(v: any);
-    private _searchFn;
-    get searchFn(): SearchFn;
-    set searchFn(fn: SearchFn);
-    private _compareWith?;
-    get compareWith(): CompareWithFn | undefined;
-    set compareWith(fn: CompareWithFn | undefined);
-    appearance: FormElementAppearance;
-    variant: FormElementVariant;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    private _dropdownAppearance?;
-    set dropdowonAppearance(v: DropdownPanelAppearance);
-    get dropdownAppearance(): DropdownPanelAppearance;
-    private _dropdownVariant?;
-    set dropdowonVariant(v: DropdownPanelVariant);
-    get dropdownVariant(): DropdownPanelVariant;
-    groupItems: boolean;
+    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 groupLabelFrom: import("@angular/core").InputSignal<Nullable<string | GroupByFn>>;
+    readonly groupDisabledFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly childrenFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly searchPlaceholder: import("@angular/core").InputSignal<string>;
+    readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
+    readonly dropdownPosition: import("@angular/core").InputSignal<ArdPanelPosition>;
+    readonly noItemsFoundText: import("@angular/core").InputSignal<string>;
+    readonly loadingPlaceholderText: import("@angular/core").InputSignal<string>;
+    readonly searchInputId: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly inputProps: import("@angular/core").InputSignal<Record<string, any>>;
+    readonly htmlId: import("@angular/core").InputSignal<string>;
+    readonly itemsAlreadyGrouped: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noGroupActions: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly autoHighlightFirst: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly keepOpen: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly hideSelected: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noBackspaceClear: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly sortMultipleValues: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly itemDisplayLimit: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly searchFn: import("@angular/core").InputSignal<SearchFn>;
+    readonly compareWith: import("@angular/core").InputSignal<Nullable<SearchFn>>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: Signal<string>;
+    readonly dropdownAppearance: import("@angular/core").InputSignal<Nullable<DropdownPanelAppearance>>;
+    readonly dropdownAppearanceOrDefault: Signal<DropdownPanelAppearance>;
+    readonly dropdownVariant: import("@angular/core").InputSignal<Nullable<DropdownPanelVariant>>;
+    readonly dropdownVariantOrDefault: Signal<DropdownPanelVariant>;
+    get _groupItemsHostAttribute(): Nullable<string | GroupByFn>;
     get items(): string | any[] | null;
     set items(value: string | any[] | null);
     optionComponents: QueryList<ArdiumOptionComponent>;
     private _setItemsFromComponents;
-    private _multiselectable;
-    get multiselectable(): boolean;
-    set multiselectable(v: any);
-    get singleselectable(): boolean;
-    private _clearable;
-    get clearable(): boolean;
-    set clearable(v: any);
-    private _searchable;
-    get searchable(): boolean;
-    set searchable(v: any);
-    get filtered(): boolean;
-    private _touched;
-    get touched(): boolean;
-    private set touched(value);
+    readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly filtered: Signal<boolean>;
+    readonly touched: import("@angular/core").WritableSignal<boolean>;
     private _defaultAddCustomFn;
-    private _addCustom;
-    get addCustom(): false | AddCustomFn<any> | AddCustomFn<Promise<any>>;
-    set addCustom(v: string | boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>);
-    get shouldShowAddCustom(): boolean;
+    readonly addCustom: import("@angular/core").InputSignalWithTransform<false | AddCustomFn<any> | AddCustomFn<Promise<any>>, string | boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>>;
+    readonly shouldShowAddCustom: Signal<boolean>;
     addCustomOption(value: string): Promise<void>;
     setDisabledState(state: boolean): void;
     writeValue(ngModel: any[]): void;
     protected _emitChange(): void;
     private _onTouched;
     set value(newValue: any);
-    get value(): any[];
-    valueChange: EventEmitter<any[]>;
-    changeEvent: EventEmitter<any[]>;
-    addEvent: EventEmitter<any[]>;
-    failedToAddEvent: EventEmitter<any[]>;
-    removeEvent: EventEmitter<any[]>;
-    clearEvent: EventEmitter<null>;
-    openEvent: EventEmitter<null>;
-    closeEvent: EventEmitter<null>;
-    scrollEvent: EventEmitter<{
+    get value(): Signal<any[]>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly addEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly failedToAddEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly removeEvent: import("@angular/core").OutputEmitterRef<any[]>;
+    readonly clearEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly openEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly closeEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly scrollEvent: import("@angular/core").OutputEmitterRef<{
         start: number;
         end: number;
     }>;
-    scrollToEndEvent: EventEmitter<any>;
-    searchEvent: EventEmitter<{
+    readonly scrollToEndEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly searchEvent: import("@angular/core").OutputEmitterRef<{
         search: string;
         matching: any[];
     }>;
-    isDropdownOpen: boolean;
-    isDropdownOpenChange: EventEmitter<boolean>;
-    searchInput: ElementRef<HTMLInputElement>;
-    dropdownPanel: ArdiumDropdownPanelComponent;
-    optionTemplate?: TemplateRef<any>;
-    optgroupTemplate?: TemplateRef<any>;
-    valueTemplate?: TemplateRef<any>;
-    placeholderTemplate?: TemplateRef<any>;
-    loadingSpinnerTemplate?: TemplateRef<any>;
-    loadingPlaceholderTemplate?: TemplateRef<any>;
-    dropdownHeaderTemplate?: TemplateRef<any>;
-    dropdownFooterTemplate?: TemplateRef<any>;
-    noItemsFoundTemplate?: TemplateRef<any>;
-    addCustomTemplate?: TemplateRef<any>;
-    itemLimitReachedTemplate?: TemplateRef<any>;
-    itemDisplayLimitTemplate?: TemplateRef<any>;
-    prefixTemplate?: TemplateRef<any>;
-    suffixTemplate?: TemplateRef<any>;
+    readonly isOpen: import("@angular/core").ModelSignal<boolean>;
+    readonly searchInput: Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly dropdownPanel: Signal<ArdiumDropdownPanelComponent | undefined>;
+    readonly optionTemplate: Signal<ArdOptionTemplateDirective | undefined>;
+    readonly optgroupTemplate: Signal<ArdOptgroupTemplateDirective | undefined>;
+    readonly valueTemplate: Signal<ArdValueTemplateDirective | undefined>;
+    readonly placeholderTemplate: Signal<ArdSelectPlaceholderTemplateDirective | undefined>;
+    readonly loadingSpinnerTemplate: Signal<ArdLoadingSpinnerTemplateDirective | undefined>;
+    readonly loadingPlaceholderTemplate: Signal<ArdLoadingPlaceholderTemplateDirective | undefined>;
+    readonly dropdownHeaderTemplate: Signal<ArdDropdownHeaderTemplateDirective | undefined>;
+    readonly dropdownFooterTemplate: Signal<ArdDropdownFooterTemplateDirective | undefined>;
+    readonly noItemsFoundTemplate: Signal<ArdNoItemsFoundTemplateDirective | undefined>;
+    readonly addCustomTemplate: Signal<ArdAddCustomTemplateDirective | undefined>;
+    readonly itemLimitReachedTemplate: Signal<ArdItemLimitReachedTemplateDirective | undefined>;
+    readonly itemDisplayLimitTemplate: Signal<ArdItemDisplayLimitTemplateDirective | undefined>;
+    readonly prefixTemplate: Signal<ArdSelectPrefixTemplateDirective | undefined>;
+    readonly suffixTemplate: Signal<ArdSelectSuffixTemplateDirective | undefined>;
     getValueContext(item: ArdOption): ValueContext;
-    getStatsContext(): StatsContext;
-    getSearchContext(): SearchContext;
-    getPlaceholderContext(): PlaceholderContext;
-    getCustomOptionContext(): CustomOptionContext;
+    readonly getStatsContext: Signal<StatsContext>;
+    readonly getSearchContext: Signal<SearchContext>;
+    readonly getPlaceholderContext: Signal<PlaceholderContext>;
+    readonly getCustomOptionContext: Signal<CustomOptionContext>;
     getGroupContext(group: ArdOptionGroup): GroupContext;
-    getOptionContext(item: ArdOption): OptionContext;
-    getItemLimitContext(): ItemLimitContext;
-    getItemDisplayLimitContext(): ItemDisplayLimitContext;
-    constructor(_elementRef: ElementRef<HTMLElement>, _cd: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef, scrollStrategyOpts: ScrollStrategyOptions);
+    getOptionContext(item: ArdOption): OptionContext<ArdOption>;
+    readonly getItemLimitContext: Signal<ItemLimitContext>;
+    readonly getItemDisplayLimitContext: Signal<ItemDisplayLimitContext>;
+    private readonly elementRef;
+    private readonly _cd;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly scrollStrategyOpts;
     dropdownHost: ElementRef<HTMLDivElement>;
     dropdownTemplate: TemplateRef<any>;
     private dropdownOverlay?;
@@ -201,21 +155,21 @@ export declare class ArdiumSelectComponent extends _NgModelComponentBase impleme
     ngOnChanges(changes: SimpleChanges): void;
     private _onItemsLoad;
     private _printPrimitiveWarnings;
-    get firstHighlightedItem(): ArdOption | undefined;
-    get shouldDisplayPlaceholder(): boolean;
-    get shouldDisplayValue(): boolean;
-    get shouldShowClearButton(): boolean;
-    get itemsToDisplay(): IterableIterator<ArdOptionGroup>;
-    get shouldShowNoItemsFound(): boolean;
-    get totalItems(): number;
-    get foundItems(): number | undefined;
-    get shouldShowItemDisplayLimit(): boolean;
-    get isInputElementReadonly(): boolean;
+    readonly firstHighlightedItem: Signal<ArdOption | undefined>;
+    readonly shouldDisplayPlaceholder: Signal<boolean>;
+    readonly shouldDisplayValue: Signal<boolean>;
+    readonly shouldShowClearButton: Signal<boolean>;
+    readonly itemsToDisplay: Signal<IterableIterator<ArdOptionGroup>>;
+    readonly shouldShowNoItemsFound: Signal<boolean>;
+    readonly totalItems: Signal<number>;
+    readonly foundItems: Signal<number | undefined>;
+    readonly shouldShowItemDisplayLimit: Signal<boolean>;
+    readonly isInputElementReadonly: Signal<boolean>;
     isValueWithinDisplayLimit(i: number): boolean;
-    get placeholderForCurrentContext(): string;
+    readonly placeholderForCurrentContext: Signal<string>;
     filter(filterTerm: string, suppressSearchEvent?: boolean): void;
-    onSearchInputFocus(event: FocusEvent): void;
-    onSearchInputBlur(event: FocusEvent): void;
+    onSearchInputFocus(): void;
+    onSearchInputBlur(): void;
     toggleItem(item: ArdOption): void;
     selectItem(...items: ArdOption[]): void;
     unselectItem(...items: ArdOption[]): void;
@@ -226,7 +180,7 @@ export declare class ArdiumSelectComponent extends _NgModelComponentBase impleme
     onItemMouseOver(event: MouseEvent): void;
     onItemMouseEnter(option: ArdOption, event: MouseEvent): void;
     onItemMouseLeave(option: ArdOption, event: MouseEvent): void;
-    private _isClickedWithin;
+    private readonly _isClickedWithin;
     onItemClick(option: ArdOption, event: MouseEvent): void;
     onGroupClick(group: ArdOptionGroup): void;
     handleClearButtonClick(event: MouseEvent): void;
@@ -251,5 +205,5 @@ export declare class ArdiumSelectComponent extends _NgModelComponentBase impleme
     private _onBackspaceOrDeletePress;
     private _onCtrlAPress;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectComponent, "ard-select", never, { "valueFrom": { "alias": "valueFrom"; "required": false; }; "labelFrom": { "alias": "labelFrom"; "required": false; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; }; "groupLabelFrom": { "alias": "groupLabelFrom"; "required": false; }; "groupDisabledFrom": { "alias": "groupDisabledFrom"; "required": false; }; "childrenFrom": { "alias": "childrenFrom"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "noItemsFoundText": { "alias": "noItemsFoundText"; "required": false; }; "loadingPlaceholderText": { "alias": "loadingPlaceholderText"; "required": false; }; "searchInputId": { "alias": "searchInputId"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; }; "htmlId": { "alias": "htmlId"; "required": false; }; "itemsAlreadyGrouped": { "alias": "itemsAlreadyGrouped"; "required": false; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; }; "noGroupActions": { "alias": "noGroupActions"; "required": false; }; "autoHighlightFirst": { "alias": "autoHighlightFirst"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "keepOpen": { "alias": "keepOpen"; "required": false; }; "hideSelected": { "alias": "hideSelected"; "required": false; }; "noBackspaceClear": { "alias": "noBackspaceClear"; "required": false; }; "sortMultipleValues": { "alias": "sortMultipleValues"; "required": false; }; "searchCaseSensitive": { "alias": "searchCaseSensitive"; "required": false; }; "keepSearchAfterSelect": { "alias": "keepSearchAfterSelect"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "itemDisplayLimit": { "alias": "itemDisplayLimit"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "dropdowonAppearance": { "alias": "dropdowonAppearance"; "required": false; }; "dropdowonVariant": { "alias": "dropdowonVariant"; "required": false; }; "groupItems": { "alias": "groupItems"; "required": false; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "addCustom": { "alias": "addCustom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "isDropdownOpen": { "alias": "isOpen"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "failedToAddEvent": "failedToAdd"; "removeEvent": "remove"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; "searchEvent": "search"; "isDropdownOpenChange": "isOpenChange"; }, ["optionTemplate", "optgroupTemplate", "valueTemplate", "placeholderTemplate", "loadingSpinnerTemplate", "loadingPlaceholderTemplate", "dropdownHeaderTemplate", "dropdownFooterTemplate", "noItemsFoundTemplate", "addCustomTemplate", "itemLimitReachedTemplate", "itemDisplayLimitTemplate", "prefixTemplate", "suffixTemplate", "optionComponents"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectComponent, "ard-select", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "groupLabelFrom": { "alias": "groupLabelFrom"; "required": false; "isSignal": true; }; "groupDisabledFrom": { "alias": "groupDisabledFrom"; "required": false; "isSignal": true; }; "childrenFrom": { "alias": "childrenFrom"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "noItemsFoundText": { "alias": "noItemsFoundText"; "required": false; "isSignal": true; }; "loadingPlaceholderText": { "alias": "loadingPlaceholderText"; "required": false; "isSignal": true; }; "searchInputId": { "alias": "searchInputId"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "inputProps": { "alias": "inputProps"; "required": false; "isSignal": true; }; "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "itemsAlreadyGrouped": { "alias": "itemsAlreadyGrouped"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "noGroupActions": { "alias": "noGroupActions"; "required": false; "isSignal": true; }; "autoHighlightFirst": { "alias": "autoHighlightFirst"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "keepOpen": { "alias": "keepOpen"; "required": false; "isSignal": true; }; "hideSelected": { "alias": "hideSelected"; "required": false; "isSignal": true; }; "noBackspaceClear": { "alias": "noBackspaceClear"; "required": false; "isSignal": true; }; "sortMultipleValues": { "alias": "sortMultipleValues"; "required": false; "isSignal": true; }; "searchCaseSensitive": { "alias": "searchCaseSensitive"; "required": false; "isSignal": true; }; "keepSearchAfterSelect": { "alias": "keepSearchAfterSelect"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "itemDisplayLimit": { "alias": "itemDisplayLimit"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "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; }; "dropdownAppearance": { "alias": "dropdownAppearance"; "required": false; "isSignal": true; }; "dropdownVariant": { "alias": "dropdownVariant"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "addCustom": { "alias": "addCustom"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "failedToAddEvent": "failedToAdd"; "removeEvent": "remove"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; "searchEvent": "search"; "isOpen": "isOpenChange"; }, ["optionTemplate", "optgroupTemplate", "valueTemplate", "placeholderTemplate", "loadingSpinnerTemplate", "loadingPlaceholderTemplate", "dropdownHeaderTemplate", "dropdownFooterTemplate", "noItemsFoundTemplate", "addCustomTemplate", "itemLimitReachedTemplate", "itemDisplayLimitTemplate", "prefixTemplate", "suffixTemplate", "optionComponents"], never, false, never>;
 }

package/lib/select/select.directive.d.ts

@@ -1,5 +1,5 @@
 import { TemplateRef } from '@angular/core';
-import { OptionContext } from '../types/item-storage.types';
+import { ArdOption, OptionContext } from '../types/item-storage.types';
 import { CustomOptionContext, GroupContext, ItemDisplayLimitContext, ItemLimitContext, PlaceholderContext, SearchContext, ValueContext } from './select.types';
 import * as i0 from "@angular/core";
 export declare class ArdSelectPrefixTemplateDirective {
@@ -27,8 +27,8 @@ export declare class ArdValueChipTemplateDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdValueChipTemplateDirective, "ard-select > ng-template[ard-value-chip-tmp]", never, {}, {}, never, never, false, never>;
 }
 export declare class ArdOptionTemplateDirective {
-    template: TemplateRef<OptionContext>;
-    constructor(template: TemplateRef<OptionContext>);
+    template: TemplateRef<OptionContext<ArdOption>>;
+    constructor(template: TemplateRef<OptionContext<ArdOption>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdOptionTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdOptionTemplateDirective, "ard-select > ng-template[ard-option-tmp]", never, {}, {}, never, never, false, never>;
 }

package/lib/select/select.types.d.ts

@@ -1,109 +1,35 @@
-import { OptionContext } from '../types/item-storage.types';
-import { ArdOptionGroup } from '../types/item-storage.types';
+import { ArdOption, ArdOptionGroup, OptionContext } from '../types/item-storage.types';
 export type AddCustomFn<T> = (value: string) => T;
-/**
-```typescript
-interface ValueContext {
-    $implicit: ArdOption;
-    item: ArdOption;
-    itemData: any;
+export interface ValueContext extends OptionContext<ArdOption> {
     unselect: () => void;
 }
-```
- */
-export interface ValueContext extends OptionContext {
-    unselect: () => void;
-}
-/**
-```typescript
-interface PlaceholderContext {
-    placeholder: string;
-    $implicit: string;
-}
-```
- */
 export interface PlaceholderContext {
     placeholder: string;
     $implicit: string;
 }
-/**
-```typescript
-interface StatsContext {
-    totalItems: number;
-    foundItems?: number;
-}
-```
- */
 export interface StatsContext {
     totalItems: number;
     foundItems?: number;
 }
-/**
-```typescript
-interface SearchContext {
-    $implicit: string;
-    totalItems: number;
-    foundItems?: number;
-    searchTerm: string;
-}
-```
- */
 export interface SearchContext extends StatsContext {
     $implicit: string;
     searchTerm: string;
 }
-/**
-```typescript
-interface SearchContext {
-    $implicit: string;
-    searchTerm: string;
-}
-```
- */
 export interface CustomOptionContext {
     $implicit: string;
     searchTerm: string;
 }
-/**
-```typescript
-interface GroupContext {
-    $implicit: ArdOptionGroup;
-    group: ArdOptionGroup;
-    selectedChildren: number;
-    totalChildren: number;
-}
-```
- */
 export interface GroupContext {
     $implicit: ArdOptionGroup;
     group: ArdOptionGroup;
     selectedChildren: number;
     totalChildren: number;
 }
-/**
-```typescript
-interface ItemLimitContext {
-    totalItems: number;
-    selectedItems: number;
-    itemLimit?: number;
-}
-```
- */
 export interface ItemLimitContext {
     totalItems: number;
     selectedItems: number;
     itemLimit?: number;
 }
-/**
-```typescript
-interface ItemDisplayLimitContext {
-    totalItems: number;
-    selectedItems: number;
-    itemLimit?: number;
-    overflowCount: number;
-}
-```
- */
 export interface ItemDisplayLimitContext extends ItemLimitContext {
     overflowCount: number;
 }

package/lib/slide-toggle/index.d.ts

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

package/lib/slide-toggle/slide-toggle.component.d.ts

@@ -1,14 +1,16 @@
 import { ControlValueAccessor } from '@angular/forms';
 import { ComponentColor } from '../types/colors.types';
 import { _BooleanComponentBase } from './../_internal/boolean-component';
+import { ArdSlideToggleAppearance } from './slide-toggle.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumSlideToggleComponent extends _BooleanComponentBase implements ControlValueAccessor {
-    wrapperClasses: string;
-    color: ComponentColor;
-    icon?: string;
-    selectedIcon?: string;
-    unselectedIcon?: string;
-    get ngClasses(): string;
+    readonly wrapperClass: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly appearance: import("@angular/core").InputSignal<ArdSlideToggleAppearance>;
+    readonly icon: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly selectedIcon: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly unselectedIcon: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSlideToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSlideToggleComponent, "ard-slide-toggle", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "color": { "alias": "color"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; }; "unselectedIcon": { "alias": "unselectedIcon"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSlideToggleComponent, "ard-slide-toggle", never, { "wrapperClass": { "alias": "wrapperClass"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "selectedIcon": { "alias": "selectedIcon"; "required": false; "isSignal": true; }; "unselectedIcon": { "alias": "unselectedIcon"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/slide-toggle/slide-toggle.types.d.ts

@@ -0,0 +1,5 @@
+export declare const ArdSlideToggleAppearance: {
+    readonly Raised: "raised";
+    readonly Contained: "contained";
+};
+export type ArdSlideToggleAppearance = (typeof ArdSlideToggleAppearance)[keyof typeof ArdSlideToggleAppearance];