@ardium-pl/ui 5.0.0-alpha.106

package/lib/segment/segment.types.d.ts

@@ -0,0 +1,17 @@
+export declare const SegmentVariant: {
+    readonly RoundedConnected: "rounded-connected";
+    readonly SharpConnected: "sharp-connected";
+    readonly PillConnected: "pill-connected";
+    readonly Pill: "pill";
+    readonly Rounded: "rounded";
+    readonly Sharp: "sharp";
+};
+export type SegmentVariant = (typeof SegmentVariant)[keyof typeof SegmentVariant];
+export declare const SegmentAppearance: {
+    readonly FilledStrong: "filled-strong";
+    readonly OutlinedStrong: "outlined-strong";
+    readonly Transparent: "transparent";
+    readonly Filled: "filled";
+    readonly Outlined: "outlined";
+};
+export type SegmentAppearance = (typeof SegmentAppearance)[keyof typeof SegmentAppearance];

package/lib/select/index.d.ts

@@ -0,0 +1,5 @@
+export * from './select.component';
+export * from './select.defaults';
+export * from './select.directive';
+export * from './select.module';
+export * from './select.types';

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

@@ -0,0 +1,230 @@
+import { AfterContentInit, AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, Signal, SimpleChanges, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
+import { Observable } from 'rxjs';
+import { _FormFieldComponentBase } from '../_internal/form-field-component';
+import { ItemStorage, ItemStorageHost } from '../_internal/item-storages/dropdown-item-storage';
+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 { FormElementAppearance } from '../types/theming.types';
+import { Nullable } from '../types/utility.types';
+import { FormElementVariant } from './../types/theming.types';
+import { ArdSelectDefaults } from './select.defaults';
+import { ArdAddCustomTemplateDirective, ArdDropdownFooterTemplateDirective, ArdDropdownHeaderTemplateDirective, ArdItemDisplayLimitTemplateDirective, ArdItemLimitReachedTemplateDirective, ArdLoadingPlaceholderTemplateDirective, ArdLoadingSpinnerTemplateDirective, ArdNoItemsFoundTemplateDirective, ArdOptgroupTemplateDirective, ArdOptionTemplateDirective, ArdSelectDropdownArrowTemplateDirective, 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 _FormFieldComponentBase implements OnChanges, AfterViewInit, AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, ItemStorageHost {
+    protected readonly _DEFAULTS: ArdSelectDefaults;
+    constructor(defaults: ArdSelectDefaults);
+    readonly _componentId: string;
+    readonly itemStorage: ItemStorage;
+    private _items;
+    private readonly _isMouseBeingUsed;
+    private readonly _searchBarFocused;
+    private readonly _destroy$;
+    readonly searchTerm: import("@angular/core").ModelSignal<string>;
+    isItemsInputUsed: boolean;
+    readonly valueFrom: import("@angular/core").InputSignal<string>;
+    readonly labelFrom: import("@angular/core").InputSignal<string>;
+    readonly disabledFrom: import("@angular/core").InputSignal<string>;
+    readonly groupLabelFrom: import("@angular/core").InputSignal<string | GroupByFn>;
+    readonly groupDisabledFrom: import("@angular/core").InputSignal<string>;
+    readonly childrenFrom: import("@angular/core").InputSignal<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 addCustomOptionText: 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, BooleanLike>;
+    readonly _deferValueWrites: import("@angular/core").InputSignal<boolean | null>;
+    readonly deferValueWrites: Signal<boolean>;
+    readonly itemsAlreadyGrouped: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly noGroupActions: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly autoHighlightFirst: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly keepOpen: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly hideSelected: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly noBackspaceClear: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly searchCaseSensitive: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly keepSearchAfterSelect: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly itemDisplayLimit: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    /**
+     * The function used to search for matching items based on the search term.
+     *
+     * When set to `null`, the search functionality will be disabled (all items will be shown),
+     * but the `searchEvent` will still be emitted with the search term whenever it changes.
+     */
+    readonly searchFn: import("@angular/core").InputSignal<SearchFn | null>;
+    readonly compareWith: import("@angular/core").InputSignal<Nullable<CompareWithFn>>;
+    readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
+    readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    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(): string | GroupByFn;
+    get items(): string | any[] | null;
+    set items(value: string | any[] | null);
+    optionComponents: QueryList<ArdiumOptionComponent>;
+    private _setItemsFromComponents;
+    readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly searchable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly filtered: Signal<boolean>;
+    readonly touched: import("@angular/core").WritableSignal<boolean>;
+    private readonly _defaultAddCustomFn;
+    readonly addCustom: import("@angular/core").InputSignalWithTransform<false | AddCustomFn<any> | AddCustomFn<Promise<any>> | AddCustomFn<Observable<any>>, string | boolean | AddCustomFn<any> | AddCustomFn<Promise<any>> | AddCustomFn<Observable<any>>>;
+    readonly shouldShowAddCustom: Signal<boolean>;
+    addCustomOption(value: string): Promise<void>;
+    setDisabledState(state: boolean): void;
+    writeValue(ngModel: any[]): void;
+    protected _emitChange(): void;
+    protected _emitTouched(): void;
+    set value(newValue: any);
+    get value(): Signal<any[]>;
+    readonly valueChange: 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;
+    }>;
+    readonly scrollToEndEvent: import("@angular/core").OutputEmitterRef<void>;
+    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 dropdownArrowTemplate: Signal<ArdSelectDropdownArrowTemplateDirective | 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>;
+    readonly prefixComponent: import("@angular/core").Type<import("@ardium-pl/ui").ArdFormFieldFramePrefixSuffix> | undefined;
+    readonly suffixComponent: import("@angular/core").Type<import("@ardium-pl/ui").ArdFormFieldFramePrefixSuffix> | undefined;
+    readonly optionComponent: import("@angular/core").Type<import("./select.types").ArdSelectOptionComponent> | undefined;
+    readonly optgroupComponent: import("@angular/core").Type<import("./select.types").ArdSelectOptgroupComponent> | undefined;
+    readonly valueComponent: import("@angular/core").Type<import("./select.types").ArdSelectValueComponent> | undefined;
+    readonly placeholderComponent: import("@angular/core").Type<import("./select.types").ArdSelectPlaceholderComponent> | undefined;
+    readonly dropdownArrowComponent: import("@angular/core").Type<import("./select.types").ArdSelectDropdownArrowComponent> | undefined;
+    readonly loadingSpinnerComponent: import("@angular/core").Type<import("./select.types").ArdSelectLoadingSpinnerComponent> | undefined;
+    readonly loadingPlaceholderComponent: import("@angular/core").Type<import("./select.types").ArdSelectLoadingPlaceholderComponent> | undefined;
+    readonly noItemsFoundComponent: import("@angular/core").Type<import("./select.types").ArdSelectNoItemsFoundComponent> | undefined;
+    readonly addCustomComponent: import("@angular/core").Type<import("./select.types").ArdSelectAddCustomComponent> | undefined;
+    readonly itemDisplayLimitComponent: import("@angular/core").Type<import("./select.types").ArdSelectItemDisplayLimitComponent> | undefined;
+    readonly optionContextGenerator: Signal<(item: ArdOption) => OptionContext<ArdOption>>;
+    readonly valueContextGenerator: Signal<(item: ArdOption) => ValueContext>;
+    readonly groupContextGenerator: Signal<(group: ArdOptionGroup) => GroupContext>;
+    readonly getStatsContext: Signal<StatsContext>;
+    readonly getSearchContext: Signal<SearchContext>;
+    readonly getPlaceholderContext: Signal<PlaceholderContext>;
+    readonly getCustomOptionContext: Signal<CustomOptionContext>;
+    readonly getItemLimitContext: Signal<ItemLimitContext>;
+    readonly getItemDisplayLimitContext: Signal<ItemDisplayLimitContext>;
+    readonly optionComponentInputsGenerator: Signal<(value: ArdOption) => Partial<import("./select.types").ArdSelectOptionComponent>>;
+    readonly optgroupComponentInputsGenerator: Signal<(value: ArdOptionGroup) => Partial<import("./select.types").ArdSelectOptgroupComponent>>;
+    readonly valueComponentInputsGenerator: Signal<(value: ArdOption) => Partial<import("./select.types").ArdSelectValueComponent>>;
+    readonly placeholderComponentInputs: Signal<Partial<import("./select.types").ArdSelectPlaceholderComponent>>;
+    readonly loadingPlaceholderComponentInputs: Signal<Partial<import("./select.types").ArdSelectLoadingPlaceholderComponent>>;
+    readonly noItemsFoundComponentInputs: Signal<Partial<import("./select.types").ArdSelectNoItemsFoundComponent>>;
+    readonly addCustomComponentInputs: Signal<Partial<import("./select.types").ArdSelectAddCustomComponent>>;
+    readonly itemDisplayLimitComponentInputs: Signal<Partial<import("./select.types").ArdSelectItemDisplayLimitComponent>>;
+    private readonly elementRef;
+    private readonly _cd;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly scrollStrategyOpts;
+    readonly dropdownHost: Signal<ElementRef<HTMLDivElement>>;
+    readonly dropdownTemplate: Signal<TemplateRef<any>>;
+    readonly dropdownPanelWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
+    readonly dropdownPanelHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
+    readonly dropdownPanelMinWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
+    readonly dropdownPanelMinHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
+    readonly dropdownPanelMaxWidth: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
+    readonly dropdownPanelMaxHeight: import("@angular/core").InputSignalWithTransform<Nullable<string | number>, Nullable<string | number>>;
+    private dropdownOverlay?;
+    private _createOverlay;
+    private _destroyOverlay;
+    setOverlaySize(): void;
+    onWindowResize(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private _onItemsLoad;
+    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;
+    readonly placeholderForCurrentContext: Signal<string>;
+    filter(filterTerm: string, shouldAutoOpen: boolean): void;
+    onSearchInputFocus(): void;
+    onBlur(event: FocusEvent): void;
+    toggleItem(item: ArdOption): void;
+    selectItem(...items: ArdOption[]): void;
+    unselectItem(...items: ArdOption[]): void;
+    private _clearAllItems;
+    private _clearLastItem;
+    onMouseMove(): void;
+    onGroupMouseover(group: ArdOptionGroup): void;
+    onItemMouseOver(event: MouseEvent): void;
+    onItemMouseEnter(option: ArdOption, event: MouseEvent): void;
+    onItemMouseLeave(option: ArdOption, event: MouseEvent): void;
+    private readonly _isClickedWithin;
+    onItemClick(option: ArdOption, event: MouseEvent): void;
+    onGroupClick(group: ArdOptionGroup): void;
+    handleClearButtonClick(event: MouseEvent): void;
+    handleDropdownArrowClick(event: MouseEvent): void;
+    handleOutsideClick(event: MouseEvent): void;
+    handleAnywhereClick(event: MouseEvent): void;
+    onMouseup(): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    detectChanges(): void;
+    private _clearSearch;
+    private _setSearch;
+    private _setSearchInputAttributes;
+    onKeyPress(event: KeyboardEvent): void;
+    private _onEnterPress;
+    private _onSpacePress;
+    private _onArrowDownPress;
+    private _onArrowUpPress;
+    private _onEscapePress;
+    private _onHomePress;
+    private _onEndPress;
+    private _onBackspaceOrDeletePress;
+    private _onCtrlAPress;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectComponent, "ard-select", never, { "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "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; }; "addCustomOptionText": { "alias": "addCustomOptionText"; "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; }; "_deferValueWrites": { "alias": "deferValueWrites"; "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; }; "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; }; "dropdownPanelWidth": { "alias": "dropdownPanelWidth"; "required": false; "isSignal": true; }; "dropdownPanelHeight": { "alias": "dropdownPanelHeight"; "required": false; "isSignal": true; }; "dropdownPanelMinWidth": { "alias": "dropdownPanelMinWidth"; "required": false; "isSignal": true; }; "dropdownPanelMinHeight": { "alias": "dropdownPanelMinHeight"; "required": false; "isSignal": true; }; "dropdownPanelMaxWidth": { "alias": "dropdownPanelMaxWidth"; "required": false; "isSignal": true; }; "dropdownPanelMaxHeight": { "alias": "dropdownPanelMaxHeight"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; "valueChange": "valueChange"; "addEvent": "add"; "failedToAddEvent": "failedToAdd"; "removeEvent": "remove"; "clearEvent": "clear"; "openEvent": "open"; "closeEvent": "close"; "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; "isOpen": "isOpenChange"; }, ["optionTemplate", "optgroupTemplate", "valueTemplate", "placeholderTemplate", "dropdownArrowTemplate", "loadingSpinnerTemplate", "loadingPlaceholderTemplate", "dropdownHeaderTemplate", "dropdownFooterTemplate", "noItemsFoundTemplate", "addCustomTemplate", "itemLimitReachedTemplate", "itemDisplayLimitTemplate", "prefixTemplate", "suffixTemplate", "optionComponents"], never, false, never>;
+}

package/lib/select/select.defaults.d.ts

@@ -0,0 +1,70 @@
+import { InjectionToken, Provider, Type } from '@angular/core';
+import { _FormFieldComponentDefaults } from '../_internal/form-field-component';
+import { DropdownPanelAppearance, DropdownPanelVariant } from '../dropdown-panel';
+import { ArdFormFieldFramePrefixSuffix } from '../form-field-frame';
+import { ArdPanelPosition, CompareWithFn, GroupByFn, SearchFn } from '../types/item-storage.types';
+import { Nullable } from '../types/utility.types';
+import { FormElementAppearance, FormElementVariant } from './../types/theming.types';
+import { AddCustomFn, ArdSelectAddCustomComponent, ArdSelectDropdownArrowComponent, ArdSelectItemDisplayLimitComponent, ArdSelectLoadingPlaceholderComponent, ArdSelectLoadingSpinnerComponent, ArdSelectNoItemsFoundComponent, ArdSelectOptgroupComponent, ArdSelectOptionComponent, ArdSelectPlaceholderComponent, ArdSelectValueComponent } from './select.types';
+export interface ArdSelectDefaults extends _FormFieldComponentDefaults {
+    valueFrom: string;
+    labelFrom: string;
+    disabledFrom: string;
+    groupLabelFrom: string | GroupByFn;
+    groupDisabledFrom: string;
+    childrenFrom: string;
+    placeholder: string;
+    searchPlaceholder: string;
+    clearButtonTitle: string;
+    dropdownPosition: ArdPanelPosition;
+    noItemsFoundText: string;
+    addCustomOptionText: string;
+    loadingPlaceholderText: string;
+    inputAttrs: Record<string, any>;
+    isLoading: boolean;
+    deferValueWrites: boolean | null;
+    itemsAlreadyGrouped: boolean;
+    invertDisabled: boolean;
+    noGroupActions: boolean;
+    autoHighlightFirst: boolean;
+    autoFocus: boolean;
+    keepOpen: boolean;
+    hideSelected: boolean;
+    noBackspaceClear: boolean;
+    sortMultipleValues: boolean;
+    searchCaseSensitive: boolean;
+    keepSearchAfterSelect: boolean;
+    maxSelectedItems: number;
+    itemDisplayLimit: number;
+    searchFn: SearchFn;
+    compareWith: Nullable<CompareWithFn>;
+    appearance: FormElementAppearance;
+    variant: FormElementVariant;
+    compact: boolean;
+    dropdownPanelWidth: Nullable<number | string>;
+    dropdownPanelHeight: Nullable<number | string>;
+    dropdownPanelMinWidth: Nullable<number | string>;
+    dropdownPanelMinHeight: Nullable<number | string>;
+    dropdownPanelMaxWidth: Nullable<number | string>;
+    dropdownPanelMaxHeight: Nullable<number | string>;
+    dropdownAppearance: Nullable<DropdownPanelAppearance>;
+    dropdownVariant: Nullable<DropdownPanelVariant>;
+    multiselectable: boolean;
+    clearable: boolean;
+    searchable: boolean;
+    addCustom: boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>;
+    PrefixComponent?: Type<ArdFormFieldFramePrefixSuffix>;
+    SuffixComponent?: Type<ArdFormFieldFramePrefixSuffix>;
+    OptionComponent?: Type<ArdSelectOptionComponent>;
+    OptgroupComponent?: Type<ArdSelectOptgroupComponent>;
+    ValueComponent?: Type<ArdSelectValueComponent>;
+    PlaceholderComponent?: Type<ArdSelectPlaceholderComponent>;
+    DropdownArrowComponent?: Type<ArdSelectDropdownArrowComponent>;
+    LoadingSpinnerComponent?: Type<ArdSelectLoadingSpinnerComponent>;
+    LoadingPlaceholderComponent?: Type<ArdSelectLoadingPlaceholderComponent>;
+    NoItemsFoundComponent?: Type<ArdSelectNoItemsFoundComponent>;
+    AddCustomComponent?: Type<ArdSelectAddCustomComponent>;
+    ItemDisplayLimitComponent?: Type<ArdSelectItemDisplayLimitComponent>;
+}
+export declare const ARD_SELECT_DEFAULTS: InjectionToken<ArdSelectDefaults>;
+export declare function provideSelectDefaults(config: Partial<ArdSelectDefaults>): Provider;

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

@@ -0,0 +1,95 @@
+import { TemplateRef } from '@angular/core';
+import { FormFieldFrameTemplateContext } from '../form-field-frame';
+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 {
+    template: TemplateRef<FormFieldFrameTemplateContext>;
+    constructor(template: TemplateRef<FormFieldFrameTemplateContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdSelectPrefixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSelectPrefixTemplateDirective, "ard-select > ng-template[ard-prefix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdSelectSuffixTemplateDirective {
+    template: TemplateRef<FormFieldFrameTemplateContext>;
+    constructor(template: TemplateRef<FormFieldFrameTemplateContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdSelectSuffixTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSelectSuffixTemplateDirective, "ard-select > ng-template[ard-suffix-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdValueTemplateDirective {
+    template: TemplateRef<ValueContext>;
+    constructor(template: TemplateRef<ValueContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdValueTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdValueTemplateDirective, "ard-select > ng-template[ard-value-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdOptionTemplateDirective {
+    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>;
+}
+export declare class ArdOptgroupTemplateDirective {
+    template: TemplateRef<GroupContext>;
+    constructor(template: TemplateRef<GroupContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdOptgroupTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdOptgroupTemplateDirective, "ard-select > ng-template[ard-optgroup-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdSelectPlaceholderTemplateDirective {
+    template: TemplateRef<PlaceholderContext>;
+    constructor(template: TemplateRef<PlaceholderContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdSelectPlaceholderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSelectPlaceholderTemplateDirective, "ard-select > ng-template[ard-placeholder-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdSelectDropdownArrowTemplateDirective {
+    template: TemplateRef<null>;
+    constructor(template: TemplateRef<null>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdSelectDropdownArrowTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdSelectDropdownArrowTemplateDirective, "ard-select > ng-template[ard-dropdown-arrow-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdLoadingSpinnerTemplateDirective {
+    template: TemplateRef<null>;
+    constructor(template: TemplateRef<null>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdLoadingSpinnerTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdLoadingSpinnerTemplateDirective, "ard-select > ng-template[ard-loading-spinner-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdLoadingPlaceholderTemplateDirective {
+    template: TemplateRef<SearchContext>;
+    constructor(template: TemplateRef<SearchContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdLoadingPlaceholderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdLoadingPlaceholderTemplateDirective, "ard-select > ng-template[ard-loading-placeholder-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDropdownHeaderTemplateDirective {
+    template: TemplateRef<SearchContext>;
+    constructor(template: TemplateRef<SearchContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDropdownHeaderTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDropdownHeaderTemplateDirective, "ard-select > ng-template[ard-dropdown-header-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdDropdownFooterTemplateDirective {
+    template: TemplateRef<SearchContext>;
+    constructor(template: TemplateRef<SearchContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdDropdownFooterTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdDropdownFooterTemplateDirective, "ard-select > ng-template[ard-dropdown-footer-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdNoItemsFoundTemplateDirective {
+    template: TemplateRef<SearchContext>;
+    constructor(template: TemplateRef<SearchContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdNoItemsFoundTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdNoItemsFoundTemplateDirective, "ard-select > ng-template[ard-no-items-found-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdAddCustomTemplateDirective {
+    template: TemplateRef<CustomOptionContext>;
+    constructor(template: TemplateRef<CustomOptionContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdAddCustomTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdAddCustomTemplateDirective, "ard-select > ng-template[ard-add-custom-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdItemLimitReachedTemplateDirective {
+    template: TemplateRef<ItemLimitContext>;
+    constructor(template: TemplateRef<ItemLimitContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdItemLimitReachedTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdItemLimitReachedTemplateDirective, "ard-select > ng-template[ard-item-limit-reached-tmp]", never, {}, {}, never, never, false, never>;
+}
+export declare class ArdItemDisplayLimitTemplateDirective {
+    template: TemplateRef<ItemDisplayLimitContext>;
+    constructor(template: TemplateRef<ItemDisplayLimitContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdItemDisplayLimitTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdItemDisplayLimitTemplateDirective, "ard-select > ng-template[ard-item-display-limit-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/select/select.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./select.component";
+import * as i2 from "./select.directive";
+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 "../chip/chip.module";
+import * as i7 from "@ardium-ui/devkit";
+import * as i8 from "../_internal/clear-button/clear-button.module";
+export declare class ArdiumSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumSelectModule, [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective, typeof i2.ArdSelectDropdownArrowTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5.ArdiumDropdownPanelModule, typeof i6.ArdiumChipModule, typeof i7.ArdiumClickOutsideModule, typeof i8._ClearButtonModule, typeof i7.ArdiumEscapeHTMLModule], [typeof i1.ArdiumSelectComponent, typeof i2.ArdOptionTemplateDirective, typeof i2.ArdOptgroupTemplateDirective, typeof i2.ArdValueTemplateDirective, typeof i2.ArdSelectPlaceholderTemplateDirective, typeof i2.ArdLoadingSpinnerTemplateDirective, typeof i2.ArdLoadingPlaceholderTemplateDirective, typeof i2.ArdDropdownHeaderTemplateDirective, typeof i2.ArdDropdownFooterTemplateDirective, typeof i2.ArdNoItemsFoundTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective, typeof i2.ArdSelectDropdownArrowTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumSelectModule>;
+}

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

@@ -0,0 +1,60 @@
+import { ArdOption, ArdOptionGroup, OptionContext } from '../types/item-storage.types';
+import { TemplateComponent } from '../types/utility.types';
+export type AddCustomFn<T> = (value: string) => T;
+export interface ValueContext extends OptionContext<ArdOption> {
+    unselect: () => void;
+    itemsSelectedCount: number;
+    totalItemsCount: number;
+}
+export interface PlaceholderContext {
+    placeholder: string;
+    $implicit: string;
+}
+export interface StatsContext {
+    totalItems: number;
+    foundItems?: number;
+}
+export interface SearchContext extends StatsContext {
+    $implicit: string;
+    searchTerm: string;
+}
+export interface CustomOptionContext {
+    $implicit: string;
+    searchTerm: string;
+}
+export interface GroupContext {
+    $implicit: ArdOptionGroup;
+    group: ArdOptionGroup;
+    label: string;
+    disabled: boolean;
+    selectedChildrenCount: number;
+    totalChildrenCount: number;
+}
+export interface ItemLimitContext {
+    totalItems: number;
+    selectedItems: number;
+    itemLimit?: number;
+}
+export interface ItemDisplayLimitContext extends ItemLimitContext {
+    overflowCount: number;
+}
+export interface ArdSelectOptionComponent extends TemplateComponent<OptionContext<ArdOption>> {
+}
+export interface ArdSelectOptgroupComponent extends TemplateComponent<GroupContext> {
+}
+export interface ArdSelectValueComponent extends TemplateComponent<ValueContext> {
+}
+export interface ArdSelectPlaceholderComponent extends TemplateComponent<PlaceholderContext> {
+}
+export interface ArdSelectDropdownArrowComponent extends TemplateComponent<{}> {
+}
+export interface ArdSelectLoadingSpinnerComponent extends TemplateComponent<{}> {
+}
+export interface ArdSelectLoadingPlaceholderComponent extends TemplateComponent<SearchContext> {
+}
+export interface ArdSelectNoItemsFoundComponent extends TemplateComponent<SearchContext> {
+}
+export interface ArdSelectAddCustomComponent extends TemplateComponent<CustomOptionContext> {
+}
+export interface ArdSelectItemDisplayLimitComponent extends TemplateComponent<ItemDisplayLimitContext> {
+}

package/lib/select/select.utils.d.ts

@@ -0,0 +1,2 @@
+import { Nullable } from '../types/utility.types';
+export declare function transformDropdownPanelSize(v: Nullable<number | string>): Nullable<number | string>;

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

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

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

@@ -0,0 +1,21 @@
+import { ComponentColor } from '../types/colors.types';
+import { Nullable } from '../types/utility.types';
+import { _BooleanComponentBase } from './../_internal/boolean-component';
+import { ArdSlideToggleDefaults } from './slide-toggle.defaults';
+import { ArdSlideToggleAppearance } from './slide-toggle.types';
+import * as i0 from "@angular/core";
+export declare class ArdiumSlideToggleComponent extends _BooleanComponentBase {
+    protected readonly _DEFAULTS: ArdSlideToggleDefaults;
+    constructor(defaults: ArdSlideToggleDefaults);
+    protected readonly _componentId = "101";
+    protected readonly _componentName = "slide-toggle";
+    readonly wrapperClass: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly appearance: import("@angular/core").InputSignal<ArdSlideToggleAppearance>;
+    readonly icon: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly selectedIcon: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly unselectedIcon: import("@angular/core").InputSignal<Nullable<string>>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSlideToggleComponent, 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.defaults.d.ts

@@ -0,0 +1,14 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { _BooleanComponentDefaults } from '../_internal/boolean-component';
+import { Nullable } from '../types/utility.types';
+import { ComponentColor } from './../types/colors.types';
+import { ArdSlideToggleAppearance } from './slide-toggle.types';
+export interface ArdSlideToggleDefaults extends _BooleanComponentDefaults {
+    color: ComponentColor;
+    appearance: ArdSlideToggleAppearance;
+    icon: Nullable<string>;
+    selectedIcon: Nullable<string>;
+    unselectedIcon: Nullable<string>;
+}
+export declare const ARD_SLIDE_TOGGLE_DEFAULTS: InjectionToken<ArdSlideToggleDefaults>;
+export declare function provideSlideToggleDefaults(config: Partial<ArdSlideToggleDefaults>): Provider;

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./slide-toggle.component";
+import * as i2 from "@angular/common";
+export declare class ArdiumSlideToggleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSlideToggleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumSlideToggleModule, [typeof i1.ArdiumSlideToggleComponent], [typeof i2.CommonModule], [typeof i1.ArdiumSlideToggleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumSlideToggleModule>;
+}

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];