@ardium-ui/ui 5.0.0-alpha.9 → 5.0.0-alpha.91

package/lib/snackbar/snackbar.service.d.ts

@@ -4,6 +4,9 @@ import { ArdSnackbarRef } from './snackbar-ref';
 import { _ArdSimpleSnackbarComponent } from './snackbar.component';
 import { ArdSnackbarOptions } from './snackbar.types';
 import * as i0 from "@angular/core";
+/**
+ * Service for opening snackbars. Provides methods for opening snackbars with either a simple message and action, or with a custom component. Manages a queue of snackbars to be displayed, and handles the display and dismissal of snackbars according to the specified options. Also provides methods for retrieving and clearing the snackbar queue.
+ */
 export declare class ArdiumSnackbarService implements OnDestroy {
     private readonly _snackbarQueue;
     private _openedSnackbar?;
@@ -11,14 +14,38 @@ export declare class ArdiumSnackbarService implements OnDestroy {
     private readonly _animationLength;
     private readonly _overlay;
     private readonly _injector;
+    /**
+     * Opens a snackbar with the given message, action and options.
+     * @param message The message to display in the snackbar.
+     * @param action The label for the snackbar action. If provided, the snackbar will have an action button with this label.
+     *               When the action button is clicked, the snackbar will emit a close event with `withAction` set to `true`.
+     * @param options Additional options for configuring the snackbar.
+     * @returns A reference to the opened snackbar.
+     */
     open(message: string, action?: string, options?: ArdSnackbarOptions): ArdSnackbarRef<_ArdSimpleSnackbarComponent>;
+    /**
+     * Opens a snackbar with a custom component, passing the given options.
+     * @param component The component to display inside the snackbar. This component will be instantiated and inserted into the snackbar overlay.
+     * @param options Additional options for configuring the snackbar, such as data to pass to the component, placement, styling, etc.
+     * @returns A reference to the opened snackbar, with the generic type of the component instance. You can use this reference to subscribe to open/close events, and to close the snackbar programmatically.
+     */
     openFromComponent<T>(component: ComponentType<T>, options: ArdSnackbarOptions): ArdSnackbarRef<T>;
     private _handleQueue;
     private _mergeOptions;
     private _openNext;
     private _createOverlay;
+    /**
+     * Dismisses the currently opened snackbar, if any. If `withAction` is true, it indicates that the snackbar is being dismissed as a result of the user clicking the action button (if it has one). This will cause the snackbar to emit a close event with `withAction` set to true, allowing you to differentiate between automatic dismissal and user-initiated dismissal via the action button.
+     * @param withAction Optional boolean indicating whether the dismissal is due to the user clicking the action button. Defaults to false. If true, the snackbar's close event will emit with `withAction` set to true, allowing you to handle this case differently if needed.
+     */
     dismissCurrent(withAction?: boolean): void;
+    /**
+     * Returns an array of references to the snackbars currently in the queue, in the order they will be opened. Note that this does not include the currently opened snackbar, if any.
+     */
     getQueue(): ArdSnackbarRef<unknown>[];
+    /**
+     * Clears all pending snackbars from the queue. Does not affect the currently opened snackbar, if any. Use with caution, as this will remove all pending snackbars that have not yet been displayed, and they will not be shown at all.
+     */
     clearQueue(): void;
     /**
      * @deprecated Internal implementation detail, do not use directly.

package/lib/snackbar/snackbar.types.d.ts

@@ -33,16 +33,52 @@ export interface ArdSnackbarData {
     message: string;
     action?: string;
 }
+/**
+ * Options for configuring the behavior and appearance of a snackbar.
+ */
 export interface ArdSnackbarOptions {
+    /**
+     * Message and action text data to be passed to the snackbar component
+     */
     data?: ArdSnackbarData;
+    /**
+     * Placement options for the snackbar. If not provided, the snackbar will be centered at the bottom of the screen.
+     */
     placement?: {
+        /**
+         * The alignment of the snackbar in relation to the origin element. If not provided, it will default to 'bottom-center'.
+         */
         align?: ArdSnackbarAlignment;
+        /**
+         * The origin element to which the snackbar is attached. If not provided, it will default to 'document.body'.
+         */
         origin?: ArdSnackbarOrigin;
+        /**
+         * The relation of the snackbar to the origin element. If not provided, it will default to 'outside'.
+         */
         originRelation?: ArdSnackbarOriginRelation;
     };
+    /**
+     * Duration in milliseconds for which the snackbar should be visible. If not provided, it will default to 3000ms. Set to `Infinity` for a persistent snackbar that must be dismissed manually.
+     */
     duration?: number;
+    /**
+     * Color of the snackbar. This will apply a corresponding color class to the snackbar element, which can be used to style the snackbar based on the chosen color. If not provided, it will default to 'primary'.
+     */
     color?: ComponentColor;
+    /**
+     * Type of the snackbar, which can be used to apply specific styles or icons based on the type. If not provided, it will default to 'none'.
+     */
     type?: ArdSnackbarType;
+    /**
+     * Defines how the snackbar should behave when there are multiple snackbars in the queue. If not provided, it will default to 'default'.
+     * - 'default': New snackbars will be added to the end of the queue and displayed after the currently opened snackbar is dismissed.
+     * - 'skip': The new snackbar will be added to the start of the queue and displayed after the current snackbar is dismissed.
+     * - 'overwrite': If there is already an opened snackbar, it will be immediately dismissed and replaced with the new snackbar.
+     */
     queueHandling?: ArdSnackbarQueueHandling;
+    /**
+     * Additional CSS class or classes to apply to the snackbar panel.
+     */
     panelClass?: string | string[];
 }

package/lib/star/rating-display/rating-display.component.d.ts

@@ -1,3 +1,4 @@
+import { NumberLike } from '@ardium-ui/devkit';
 import { StarColor, StarFillMode } from './../star.types';
 import { ArdRatingDisplayStarTemplateDirective } from './rating-display.directives';
 import { ArdRatingDisplayStarTemplateContext } from './rating-display.types';
@@ -7,7 +8,7 @@ export declare class ArdiumRatingDisplayComponent {
     protected readonly _DEFAULTS: import("./rating-display.defaults").ArdRatingDisplayDefaults;
     readonly color: import("@angular/core").InputSignal<StarColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly value: import("@angular/core").InputSignalWithTransform<number | StarFillMode[], string | number | StarFillMode[]>;
     readonly starArray: import("@angular/core").Signal<StarFillMode[]>;
     readonly starTemplate: import("@angular/core").Signal<ArdRatingDisplayStarTemplateDirective | undefined>;

package/lib/star/rating-input/rating-input.component.d.ts

@@ -1,12 +1,14 @@
 import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from '../../_internal/ngmodel-component';
+import { NumberLike } from '@ardium-ui/devkit';
+import { _FormFieldComponentBase } from '../../_internal/form-field-component';
+import { ArdFormFieldControl } from '../../form-field';
 import { ArdiumStarButtonComponent } from '../star-button/star-button.component';
 import { StarColor } from '../star.types';
 import { ArdRatingInputDefaults } from './rating-input.defaults';
 import { ArdRatingInputStarButtonTemplateDirective } from './rating-input.directives';
 import { ArdRatingInputStarButtonTemplateContext } from './rating-input.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumRatingInputComponent extends _NgModelComponentBase implements ControlValueAccessor {
+export declare class ArdiumRatingInputComponent extends _FormFieldComponentBase implements ControlValueAccessor, ArdFormFieldControl {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     protected readonly _DEFAULTS: ArdRatingInputDefaults;
     readonly color: import("@angular/core").InputSignal<StarColor>;
@@ -14,7 +16,7 @@ export declare class ArdiumRatingInputComponent extends _NgModelComponentBase im
     readonly highlightEvent: import("@angular/core").OutputEmitterRef<number>;
     readonly value: import("@angular/core").ModelSignal<number | null>;
     constructor(defaults: ArdRatingInputDefaults);
-    readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly starButtonInstances: import("@angular/core").Signal<readonly ArdiumStarButtonComponent[]>;
     private readonly _highlightedStarIndex;
     readonly starArray: import("@angular/core").Signal<number[]>;

package/lib/star/rating-input/rating-input.defaults.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken, Provider } from '@angular/core';
-import { _NgModelComponentDefaults } from '../../_internal/ngmodel-component';
+import { _FormFieldComponentDefaults } from '../../_internal/form-field-component';
 import { StarColor } from '../star.types';
-export interface ArdRatingInputDefaults extends _NgModelComponentDefaults {
+export interface ArdRatingInputDefaults extends _FormFieldComponentDefaults {
     color: StarColor;
     max: number;
 }

package/lib/star/star-button/star-button.component.d.ts

@@ -8,13 +8,16 @@ import { ArdStarButtonStarTemplateDirective } from './star-button.directives';
 import { ArdStarButtonStarTemplateContext } from './star-button.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumStarButtonComponent extends _BooleanComponentBase implements ControlValueAccessor {
-    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     protected readonly _DEFAULTS: ArdStarButtonDefaults;
     constructor(defaults: ArdStarButtonDefaults);
+    protected readonly _componentId = "107";
+    protected readonly _componentName = "start-button";
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly clickStrategy: import("@angular/core").InputSignal<ClickStrategy>;
     readonly color: import("@angular/core").InputSignal<StarColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly starFillState: import("@angular/core").Signal<StarFillMode>;
+    readonly starFillInternal: import("@angular/core").Signal<StarFillMode>;
     onClick(): void;
     readonly starTemplate: import("@angular/core").Signal<ArdStarButtonStarTemplateDirective | undefined>;
     readonly starTemplateContext: import("@angular/core").Signal<ArdStarButtonStarTemplateContext>;

package/lib/star/star-button/star-button.types.d.ts

@@ -2,5 +2,6 @@ import { StarColor, StarFillMode } from '../star.types';
 export interface ArdStarButtonStarTemplateContext {
     $implicit: StarFillMode;
     fillMode: StarFillMode;
+    fillModeInternal: StarFillMode;
     color: StarColor;
 }

package/lib/tabber/index.d.ts

@@ -1,5 +1,6 @@
 export * from './tab/tab.component';
-export * from './tab/tab.defaults';
 export * from './tabber.component';
 export * from './tabber.defaults';
+export * from './tabber.directives';
 export * from './tabber.module';
+export * from './tabber.types';

package/lib/tabber/tab/tab.component.d.ts

@@ -1,19 +1,27 @@
+import { OnDestroy, TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
+import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class ArdiumTabComponent {
-    protected readonly _DEFAULTS: import("./tab.defaults").ArdTabDefaults;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+export declare class ArdiumTabComponent implements OnDestroy {
+    protected readonly _DEFAULTS: import("../tabber.defaults").ArdTabberDefaults;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly tabTitle: import("@angular/core").InputSignal<string>;
     readonly selected: import("@angular/core").WritableSignal<boolean>;
     set _selected(v: any);
     setSelected(state: boolean): void;
-    get _selectedHostAttribute(): boolean;
     private _emitChange;
     readonly focused: import("@angular/core").WritableSignal<boolean>;
-    readonly _label: import("@angular/core").InputSignal<string | null>;
-    readonly label: import("@angular/core").Signal<string>;
-    readonly tabId: import("@angular/core").InputSignal<string>;
+    readonly _label: import("@angular/core").InputSignal<string | TemplateRef<any> | null>;
+    readonly label: import("@angular/core").Signal<string | TemplateRef<any>>;
+    _isTabIdInitialized: boolean;
+    readonly tabId: import("@angular/core").InputSignalWithTransform<string, string>;
     readonly focusEvent: import("@angular/core").OutputEmitterRef<void>;
     readonly blurEvent: import("@angular/core").OutputEmitterRef<void>;
     readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly selectedChangeInternal$: Subject<boolean>;
+    private _selectedChangeSub;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "_label": { "alias": "label"; "required": false; "isSignal": true; }; "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, { "focusEvent": "focusEvent"; "blurEvent": "blurEvent"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabComponent, "ard-tab", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; "tabTitle": { "alias": "tabTitle"; "required": false; "isSignal": true; }; "_selected": { "alias": "selected"; "required": false; }; "_label": { "alias": "label"; "required": false; "isSignal": true; }; "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; "selectedChange": "selectedChange"; }, never, ["*"], false, never>;
 }

package/lib/tabber/tabber.component.d.ts

@@ -1,28 +1,44 @@
-import { AfterContentInit } from '@angular/core';
+import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { OneAxisAlignment } from '../types/alignment.types';
 import { ComponentColor } from '../types/colors.types';
 import { ArdiumTabComponent } from './tab/tab.component';
+import { ArdTabberLabelTemplateDirective } from './tabber.directives';
+import { TabberLabelContext } from './tabber.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumTabberComponent implements AfterContentInit {
+export declare class ArdiumTabberComponent implements AfterContentInit, OnChanges {
     protected readonly _DEFAULTS: import("./tabber.defaults").ArdTabberDefaults;
     readonly tabs: import("@angular/core").Signal<readonly ArdiumTabComponent[]>;
-    readonly currentTab: import("@angular/core").WritableSignal<ArdiumTabComponent | null>;
-    readonly currentFocusedTab: import("@angular/core").WritableSignal<ArdiumTabComponent | null>;
+    readonly selectedTabId: import("@angular/core").ModelSignal<string | null>;
+    readonly selectedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
+    readonly focusedTabId: import("@angular/core").WritableSignal<string | null>;
+    readonly focusedTab: import("@angular/core").Signal<ArdiumTabComponent | null>;
+    private _selectedTabIdToCheck;
+    ngOnChanges(changes: SimpleChanges): void;
+    private _validateSelectedTabId;
     readonly initialTab: import("@angular/core").InputSignal<string | undefined>;
     ngAfterContentInit(): void;
-    onTabClick(tab: ArdiumTabComponent): void;
+    selectTab(tab: ArdiumTabComponent): void;
+    private _unselectSpecificTab;
+    private _unselectCurrentTab;
+    private _selectNewTab;
     onTabFocus(tab: ArdiumTabComponent): void;
     onTabBlur(tab: ArdiumTabComponent): void;
     readonly focusEvent: import("@angular/core").OutputEmitterRef<string>;
     readonly blurEvent: import("@angular/core").OutputEmitterRef<string>;
-    readonly changeTab: import("@angular/core").OutputEmitterRef<string>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly stretchTabs: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly uniformTabWidths: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly stretchTabs: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly uniformTabWidths: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly tabAlignment: import("@angular/core").InputSignal<OneAxisAlignment>;
     readonly tabContainerClasses: import("@angular/core").Signal<string>;
     readonly tabIndex: import("@angular/core").InputSignal<string | number>;
+    readonly labelTemplate: import("@angular/core").Signal<ArdTabberLabelTemplateDirective | undefined>;
+    readonly tabsWithTemplates: import("@angular/core").Signal<{
+        tab: ArdiumTabComponent;
+        template: TemplateRef<any> | null;
+        templateContext: TabberLabelContext | null;
+    }[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "uniformTabWidths": { "alias": "uniformTabWidths"; "required": false; "isSignal": true; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; "changeTab": "changeTab"; }, ["tabs"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "selectedTabId": { "alias": "selectedTab"; "required": false; "isSignal": true; }; "initialTab": { "alias": "initialTab"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "uniformTabWidths": { "alias": "uniformTabWidths"; "required": false; "isSignal": true; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "selectedTabId": "selectedTabChange"; "focusEvent": "focus"; "blurEvent": "blur"; }, ["tabs", "labelTemplate"], ["*"], false, never>;
 }

package/lib/tabber/tabber.defaults.d.ts

@@ -2,6 +2,8 @@ import { InjectionToken, Provider } from '@angular/core';
 import { OneAxisAlignment } from './../types/alignment.types';
 import { ComponentColor } from './../types/colors.types';
 export interface ArdTabberDefaults {
+    tabDisabled: boolean;
+    tabPointerEventsWhenDisabled: boolean;
     color: ComponentColor;
     stretchTabs: boolean;
     uniformTabWidths: boolean;

package/lib/tabber/tabber.directives.d.ts

@@ -0,0 +1,9 @@
+import { TemplateRef } from '@angular/core';
+import { TabberLabelContext } from './tabber.types';
+import * as i0 from "@angular/core";
+export declare class ArdTabberLabelTemplateDirective {
+    template: TemplateRef<TabberLabelContext>;
+    constructor(template: TemplateRef<TabberLabelContext>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdTabberLabelTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdTabberLabelTemplateDirective, "ng-template[ard-tabber-label-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/tabber/tabber.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tabber.component";
 import * as i2 from "./tab/tab.component";
-import * as i3 from "@angular/common";
+import * as i3 from "./tabber.directives";
+import * as i4 from "@angular/common";
 export declare class ArdiumTabberModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTabberModule, [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent], [typeof i3.CommonModule], [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumTabberModule, [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent, typeof i3.ArdTabberLabelTemplateDirective], [typeof i4.CommonModule], [typeof i1.ArdiumTabberComponent, typeof i2.ArdiumTabComponent, typeof i3.ArdTabberLabelTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumTabberModule>;
 }

package/lib/tabber/tabber.types.d.ts

@@ -0,0 +1,5 @@
+export interface TabberLabelContext {
+    $implicit: string;
+    label: string;
+    tabId: string;
+}

package/lib/table/table.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ProgressBarMode } from '../progress-bar';
 import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
@@ -15,15 +16,15 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     private readonly _itemStorage;
     readonly rowDisabledFrom: import("@angular/core").InputSignal<string>;
     readonly rowBoldFrom: import("@angular/core").InputSignal<string>;
-    readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
-    readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly caption: import("@angular/core").InputSignal<Nullable<string>>;
-    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly loadingBarMode: import("@angular/core").InputSignal<ProgressBarMode>;
     readonly loadingBarColor: import("@angular/core").InputSignal<ComponentColor>;
     readonly appearance: import("@angular/core").InputSignal<TableAppearance>;
@@ -31,11 +32,11 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly align: import("@angular/core").InputSignal<TableAlignType>;
     readonly headerAlign: import("@angular/core").InputSignal<TableAlignType>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly paginationStrategy: import("@angular/core").InputSignal<TablePaginationStrategy>;
     readonly paginationOptions: import("@angular/core").InputSignalWithTransform<number[] | {
         value: number;
@@ -49,9 +50,9 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     readonly paginationAlign: import("@angular/core").InputSignal<PaginationAlign>;
     readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
     readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
-    readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly itemsPerPage: import("@angular/core").ModelSignal<number>;
     readonly page: import("@angular/core").ModelSignal<number>;
     readonly isDefinedTotalItems: import("@angular/core").Signal<boolean>;
@@ -63,7 +64,7 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     private _data;
     set data(v: any[]);
     get data(): any[];
-    readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly checkboxTemplate: import("@angular/core").Signal<TemplateRef<TableCheckboxContext> | undefined>;
     readonly headerCheckboxTemplate: import("@angular/core").Signal<TemplateRef<TableHeaderCheckboxContext> | undefined>;
     readonly captionTemplate: import("@angular/core").Signal<TemplateRef<TableCaptionContext> | undefined>;

package/lib/table-pagination/table-pagination.component.d.ts

@@ -1,4 +1,5 @@
 import { OnInit } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ComponentColor } from '../types/colors.types';
 import { ArdTablePaginationDefaults } from './table-pagination.defaults';
@@ -21,10 +22,10 @@ export declare class ArdiumTablePaginationComponent extends _FocusableComponentB
     ngOnInit(): void;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly align: import("@angular/core").InputSignal<PaginationAlign>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
     readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
     readonly getCurrentItemsContext: import("@angular/core").Signal<import("../_internal/models/pagination.model").PaginationCurrentItemsContext>;

package/lib/text-list/text-list.component.d.ts

@@ -1,8 +1,9 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumTextListComponent {
     readonly values: import("@angular/core").InputSignal<any[]>;
     readonly separator: import("@angular/core").InputSignal<string>;
-    readonly filter: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly filter: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTextListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTextListComponent, "ard-text-list", never, { "values": { "alias": "values"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/types/alignment.types.d.ts

@@ -5,7 +5,13 @@ export declare const SimpleOneAxisAlignment: {
 export type SimpleOneAxisAlignment = (typeof SimpleOneAxisAlignment)[keyof typeof SimpleOneAxisAlignment];
 export declare const OneAxisAlignment: {
     readonly Left: "left";
-    readonly Middle: "middle";
+    readonly Center: "center";
     readonly Right: "right";
 };
 export type OneAxisAlignment = (typeof OneAxisAlignment)[keyof typeof OneAxisAlignment];
+export declare const OneAxisAlignmentOrientational: {
+    readonly Start: "start";
+    readonly Center: "center";
+    readonly End: "end";
+};
+export type OneAxisAlignmentOrientational = (typeof OneAxisAlignmentOrientational)[keyof typeof OneAxisAlignmentOrientational];

package/lib/types/item-storage.types.d.ts

@@ -1,31 +1,30 @@
-import { WritableSignal } from '@angular/core';
-import { Nullable } from './utility.types';
-export interface OptionContext<T extends ArdSimplestStorageItem> {
+export type OptionContext<T extends ArdSimplestStorageItem> = {
     $implicit: T;
     item: T;
-    itemData: any;
-}
+} & {
+    [K in keyof Omit<T, 'filtered'>]: T[K];
+};
 export interface ArdSimplestStorageItem {
-    readonly itemData: WritableSignal<any>;
+    readonly itemData: object;
     readonly index: number;
-    readonly value: WritableSignal<any>;
-    readonly label: WritableSignal<string>;
-    readonly selected: WritableSignal<Nullable<boolean>>;
-    readonly highlighted: WritableSignal<Nullable<boolean>>;
+    readonly value: any;
+    readonly label: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
 }
 export interface ArdOptionSimple extends ArdSimplestStorageItem {
-    readonly disabled: WritableSignal<Nullable<boolean>>;
+    readonly disabled: boolean;
 }
 export interface ArdOption extends ArdOptionSimple {
+    readonly filtered: boolean;
+    readonly isExactMatch: boolean;
     readonly group: unknown;
-    readonly highlighted_recently: WritableSignal<Nullable<boolean>>;
+    readonly highlighted_recently: boolean;
 }
 export interface ArdOptionGroup {
-    readonly label: WritableSignal<string>;
-    readonly disabled: WritableSignal<Nullable<boolean>>;
-    readonly highlighted: WritableSignal<Nullable<boolean>>;
-    readonly selected: WritableSignal<Nullable<boolean>>;
-    readonly children: WritableSignal<ArdOption[]>;
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly children: ArdOption[];
 }
 export declare const ArdPanelPosition: {
     readonly Top: "top";
@@ -34,6 +33,18 @@ export declare const ArdPanelPosition: {
 };
 export type ArdPanelPosition = (typeof ArdPanelPosition)[keyof typeof ArdPanelPosition];
 export type ArdItemGroupMap = Map<any, ArdOptionGroup>;
+/**
+ * Function used to determine the group label for an item, based on the item's data.
+ */
 export type GroupByFn = (item: any) => any;
-export type SearchFn = (searchTerm: string, item: ArdOption) => boolean;
+/**
+ * Function used to search for items based on a search term.
+ *
+ * Should return a tuple where the first value is a boolean indicating if the item matches the search term,
+ * and the second value is a boolean indicating if the match is an exact match (used for auto-highlighting).
+ */
+export type SearchFn = (searchTerm: string, item: ArdOption) => [boolean, boolean];
+/**
+ * Function used to compare a value with an option's value to determine if they are considered equal.
+ */
 export type CompareWithFn = (value: any, optionValue: any) => boolean;

package/lib/types/theming.types.d.ts

@@ -31,6 +31,7 @@ export declare const DecorationElementAppearance: {
     readonly Outlined: "outlined";
     readonly OutlinedStrong: "outlined-strong";
     readonly Filled: "filled";
+    readonly FilledStrong: "filled-strong";
 };
 export type DecorationElementAppearance = (typeof DecorationElementAppearance)[keyof typeof DecorationElementAppearance];
 export declare const PanelVariant: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "5.0.0-alpha.9",
+  "version": "5.0.0-alpha.91",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -12,7 +12,8 @@
     "first-last": "^1.1.1",
     "more-rounding": "^4.2.2",
     "resolve-object-path": "^2.0.0",
-    "@ardium-ui/devkit": "^7.7.1",
+    "lodash": "^4.17.23",
+    "@ardium-ui/devkit": "8.0.2-alpha.2",
     "simple-bool": "^3.0.1",
     "take-chance": "^4.3.2",
     "color": "^4.2.3"