@ardium-ui/ui 2.3.2 → 2.4.0

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

@@ -1,10 +1,14 @@
 import { ControlValueAccessor } from '@angular/forms';
-import { _NgModelComponentBase } from './ngmodel-component';
+import { _NgModelComponentBase, _NgModelComponentDefaults } from './ngmodel-component';
 import * as i0 from "@angular/core";
+export interface _BooleanComponentDefaults extends _NgModelComponentDefaults {
+}
+export declare const _booleanComponentDefaults: _BooleanComponentDefaults;
 /**
  * Common code for components, which only operate on the "selected" state.
  */
 export declare abstract class _BooleanComponentBase extends _NgModelComponentBase implements ControlValueAccessor {
+    protected readonly _DEFAULTS: _BooleanComponentDefaults;
     writeValue(v: any): void;
     /**
      * Emits all select-state-related events.

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

@@ -1,11 +1,17 @@
 import * as i0 from "@angular/core";
+export interface _DisablableComponentDefaults {
+    readonly: boolean;
+    disabled: boolean;
+}
+export declare const _disablableComponentDefaults: _DisablableComponentDefaults;
 export declare abstract class _DisablableComponentBase {
+    protected readonly _DEFAULTS: _DisablableComponentDefaults;
     /**
-     * Whether the component is read-only. Defines the `readonly` host attribute and `ard-readonly` host class. Coearcible into a boolean.
+     * Whether the component is read-only. Defines the `readonly` host attribute and `ard-readonly` host class. Coercible into a boolean.
      */
     readonly readonly: import("@angular/core").InputSignalWithTransform<any, boolean>;
     /**
-     * Whether the component is disabled. Defines the `disabled` host attribute and `ard-disabled` host class. Coearcible into a boolean.
+     * Whether the component is disabled. Defines the `disabled` host attribute and `ard-disabled` host class. Coercible into a boolean.
      */
     readonly disabled: import("@angular/core").WritableSignal<boolean>;
     set _disabled(v: any);

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

@@ -1,6 +1,11 @@
-import { _DisablableComponentBase } from './disablable-component';
+import { _DisablableComponentBase, _DisablableComponentDefaults } from './disablable-component';
 import * as i0 from "@angular/core";
+export interface _FocusableComponentDefaults extends _DisablableComponentDefaults {
+    tabIndex: number;
+}
+export declare const _focusableComponentDefaults: _FocusableComponentDefaults;
 export declare abstract class _FocusableComponentBase extends _DisablableComponentBase {
+    protected readonly _DEFAULTS: _FocusableComponentDefaults;
     private readonly _focusableElement;
     /**
      * Focuses the correct element in the component.

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

@@ -1,12 +1,16 @@
 import { ControlValueAccessor } from '@angular/forms';
-import { _FocusableComponentBase } from './focusable-component';
+import { _FocusableComponentBase, _FocusableComponentDefaults } from './focusable-component';
 import * as i0 from "@angular/core";
+export interface _NgModelComponentDefaults extends _FocusableComponentDefaults {
+}
+export declare const _ngModelComponentDefaults: _NgModelComponentDefaults;
 /**
- * Common code for components, which implement the ControlValueAccessor.
+ * Common code for components which implement the ControlValueAccessor.
  *
  * **Warning**: `writeValue` function should be implemented on the child component!
  */
 export declare abstract class _NgModelComponentBase extends _FocusableComponentBase implements ControlValueAccessor {
+    protected readonly _DEFAULTS: _NgModelComponentDefaults;
     protected _onChangeRegistered: (_: any) => void;
     protected _onTouchedRegistered: () => void;
     /**

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

@@ -1,26 +1,32 @@
-import { ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ArdOptionSimple, CompareWithFn, OptionContext } from '../types/item-storage.types';
 import { Nullable } from '../types/utility.types';
 import { SimpleItemStorage, SimpleItemStorageHost } from './item-storages/simple-item-storage';
-import { _NgModelComponentBase } from './ngmodel-component';
+import { _NgModelComponentBase, _NgModelComponentDefaults } from './ngmodel-component';
 import * as i0 from "@angular/core";
+export interface _SelectableListComponentDefaults extends _NgModelComponentDefaults {
+    valueFrom: string;
+    labelFrom: string;
+    disabledFrom: string;
+    compareWith: Nullable<CompareWithFn>;
+    multiselectable: boolean;
+    requireValue: boolean;
+    invertDisabled: boolean;
+    maxSelectedItems: Nullable<number>;
+}
+export declare const _selectableListComponentDefaults: _SelectableListComponentDefaults;
 export declare abstract class _SelectableListComponentBase extends _NgModelComponentBase implements ControlValueAccessor, SimpleItemStorageHost {
-    private _cd;
+    protected readonly _DEFAULTS: _SelectableListComponentDefaults;
     readonly itemStorage: SimpleItemStorage;
     readonly htmlId: `${string}-${string}-${string}-${string}-${string}`;
     readonly element: HTMLElement;
-    readonly DEFAULTS: {
-        valueFrom: string;
-        labelFrom: string;
-        disabledFrom: string;
-    };
+    readonly DEFAULTS: _SelectableListComponentDefaults;
     abstract readonly _componentId: string;
     abstract readonly _componentName: string;
-    constructor(_cd: ChangeDetectorRef);
-    readonly valueFrom: import("@angular/core").InputSignal<Nullable<string>>;
-    readonly labelFrom: import("@angular/core").InputSignal<Nullable<string>>;
-    readonly disabledFrom: import("@angular/core").InputSignal<Nullable<string>>;
+    private readonly _cd;
+    readonly valueFrom: import("@angular/core").InputSignal<string>;
+    readonly labelFrom: import("@angular/core").InputSignal<string>;
+    readonly disabledFrom: import("@angular/core").InputSignal<string>;
     readonly compareWith: import("@angular/core").InputSignal<Nullable<CompareWithFn>>;
     get items(): any[];
     set items(value: any);

package/lib/badge/badge.defaults.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken } from '@angular/core';
+import { ComponentColor } from './../types/colors.types';
+import { FormElementVariant } from './../types/theming.types';
+import { BadgePosition, BadgeSize } from './badge.types';
+export interface ArdBadgeDefaults {
+    color: ComponentColor;
+    variant: FormElementVariant;
+    size: BadgeSize;
+    position: BadgePosition;
+    overlap: boolean;
+}
+export declare const ARD_BADGE_DEFAULTS: InjectionToken<ArdBadgeDefaults>;

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

@@ -1,12 +1,12 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy, Renderer2 } from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy } from '@angular/core';
 import { ComponentColor } from '../types/colors.types';
 import { FormElementVariant } from '../types/theming.types';
 import { BadgePosition, BadgeSize } from './badge.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumBadgeDirective implements OnChanges, AfterViewInit, OnDestroy {
-    private _elRef;
-    private _renderer;
-    constructor(_elRef: ElementRef, _renderer: Renderer2);
+    private readonly _elRef;
+    private readonly _renderer;
+    private readonly _DEFAULTS;
     readonly text: import("@angular/core").InputSignal<string>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;

package/lib/badge/index.d.ts

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

package/lib/buttons/_button-base.d.ts

@@ -1,15 +1,19 @@
 import { Signal } from '@angular/core';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
+import { ButtonType } from '../types/button.types';
 import { ComponentColor } from '../types/colors.types';
+import { _ButtonBaseDefaults } from './_button-base.defaults';
 import { ButtonAppearance } from './general-button.types';
 import * as i0 from "@angular/core";
 export declare abstract class _ButtonBase extends _FocusableComponentBase {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    protected readonly _DEFAULTS: _ButtonBaseDefaults;
+    readonly type: import("@angular/core").InputSignal<ButtonType>;
     readonly appearance: import("@angular/core").InputSignal<ButtonAppearance>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
     abstract readonly ngClasses: Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<_ButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/buttons/_button-base.defaults.d.ts

@@ -0,0 +1,15 @@
+import { _FocusableComponentDefaults } from '../_internal/focusable-component';
+import { ButtonType } from '../types/button.types';
+import { ComponentColor } from './../types/colors.types';
+import { ButtonAppearance } from './general-button.types';
+export interface _SimpleButtonDefaults extends _FocusableComponentDefaults {
+    color: ComponentColor;
+    lightColoring: boolean;
+    compact: boolean;
+    type: ButtonType;
+}
+export declare const _simpleButtonDefaults: _SimpleButtonDefaults;
+export interface _ButtonBaseDefaults extends _SimpleButtonDefaults {
+    appearance: ButtonAppearance;
+}
+export declare const _buttonBaseDefaults: _ButtonBaseDefaults;

package/lib/buttons/button/button.component.d.ts

@@ -1,15 +1,14 @@
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
-import { ButtonType } from '../../types/button.types';
 import { _ButtonBase } from '../_button-base';
 import { ButtonVariant } from '../general-button.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumButtonComponent extends _ButtonBase {
+    protected readonly _DEFAULTS: import("./button.defaults").ArdButtonDefaults;
     readonly icon: import("@angular/core").InputSignal<string>;
-    readonly type: import("@angular/core").InputSignal<ButtonType>;
     readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
     readonly alignIcon: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
     readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignIcon": { "alias": "alignIcon"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignIcon": { "alias": "alignIcon"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/buttons/button/button.defaults.d.ts

@@ -0,0 +1,10 @@
+import { InjectionToken } from '@angular/core';
+import { _ButtonBaseDefaults } from '../_button-base.defaults';
+import { ButtonVariant } from '../general-button.types';
+import { SimpleOneAxisAlignment } from './../../types/alignment.types';
+export interface ArdButtonDefaults extends _ButtonBaseDefaults {
+    variant: ButtonVariant;
+    alignIcon: SimpleOneAxisAlignment;
+    vertical: boolean;
+}
+export declare const ARD_BUTTON_DEFAULTS: InjectionToken<ArdButtonDefaults>;

package/lib/buttons/button/index.d.ts

@@ -1,2 +1,3 @@
-export * from './button.module';
 export * from './button.component';
+export * from './button.defaults';
+export * from './button.module';

package/lib/buttons/fab/fab.component.d.ts

@@ -1,12 +1,11 @@
-import { ButtonType } from '../../types/button.types';
 import { _ButtonBase } from '../_button-base';
 import { FABSize } from '../general-button.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumFabComponent extends _ButtonBase {
-    readonly type: import("@angular/core").InputSignal<ButtonType>;
+    protected readonly _DEFAULTS: import("./fab.defaults").ArdFabDefaults;
     readonly size: import("@angular/core").InputSignal<FABSize>;
     readonly extended: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFabComponent, "ard-fab", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFabComponent, "ard-fab", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/buttons/fab/fab.defaults.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import { _ButtonBaseDefaults } from '../_button-base.defaults';
+import { FABSize } from '../general-button.types';
+export interface ArdFabDefaults extends _ButtonBaseDefaults {
+    size: FABSize;
+    extended: boolean;
+}
+export declare const ARD_FAB_DEFAULTS: InjectionToken<ArdFabDefaults>;

package/lib/buttons/fab/index.d.ts

@@ -1,2 +1,3 @@
-export * from './fab.module';
 export * from './fab.component';
+export * from './fab.defaults';
+export * from './fab.module';

package/lib/buttons/icon-button/icon-button.component.d.ts

@@ -4,6 +4,7 @@ import { ComponentColor } from '../../types/colors.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumIconButtonComponent extends _FocusableComponentBase {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    protected readonly _DEFAULTS: import("./icon-button.defaults").ArdIconButtonDefaults;
     readonly type: import("@angular/core").InputSignal<ButtonType>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;

package/lib/buttons/icon-button/icon-button.defaults.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+import { _SimpleButtonDefaults } from '../_button-base.defaults';
+export interface ArdIconButtonDefaults extends _SimpleButtonDefaults {
+}
+export declare const ARD_ICON_BUTTON_DEFAULTS: InjectionToken<ArdIconButtonDefaults>;

package/lib/buttons/icon-button/index.d.ts

@@ -1,2 +1,3 @@
-export * from './icon-button.module';
 export * from './icon-button.component';
+export * from './icon-button.defaults';
+export * from './icon-button.module';

package/lib/card/card.children.d.ts

@@ -31,9 +31,9 @@ export declare class ArdiumCardImageDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardImageDirective, "[ard-card-image]", never, {}, {}, never, never, false, never>;
 }
 export declare class ArdiumCardActionButtonsDirective {
+    private readonly _DEFAULTS;
     readonly align: import("@angular/core").InputSignal<OneAxisAlignment>;
     readonly alignClass: import("@angular/core").Signal<string>;
-    get _alignClassHostAttribute(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCardActionButtonsDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardActionButtonsDirective, "ard-card-action-buttons, [ard-card-action-buttons]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/card/card.component.d.ts

@@ -1,6 +1,7 @@
 import { CardAppearance, CardVariant } from './card.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCardDirective {
+    private readonly _DEFAULTS;
     readonly appearance: import("@angular/core").InputSignal<CardAppearance>;
     readonly variant: import("@angular/core").InputSignal<CardVariant>;
     readonly ngClasses: import("@angular/core").Signal<string>;

package/lib/card/card.defaults.d.ts

@@ -0,0 +1,9 @@
+import { InjectionToken } from '@angular/core';
+import { OneAxisAlignment } from './../types/alignment.types';
+import { CardAppearance, CardVariant } from './card.types';
+export interface ArdCardDefaults {
+    appearance: CardAppearance;
+    variant: CardVariant;
+    actionButtonsAlign: OneAxisAlignment;
+}
+export declare const ARD_CARD_DEFAULTS: InjectionToken<ArdCardDefaults>;

package/lib/card/index.d.ts

@@ -1,4 +1,5 @@
-export * from './card.module';
+export * from './card.children';
 export * from './card.component';
+export * from './card.defaults';
+export * from './card.module';
 export * from './card.types';
-export * from './card.children';

package/lib/checkbox/checkbox.component.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxComponent extends _BooleanComponentBase implements ControlValueAccessor {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly htmlId: import("@angular/core").InputSignal<string>;
+    protected readonly _DEFAULTS: import("./checkbox.defaults").ArdCheckboxDefaults;
     readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly unselectedColor: import("@angular/core").InputSignal<SimpleComponentColor>;
     readonly ngClasses: import("@angular/core").Signal<string>;

package/lib/checkbox/checkbox.defaults.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import { _BooleanComponentDefaults } from '../_internal/boolean-component';
+import { SimpleComponentColor } from './../types/colors.types';
+export interface ArdCheckboxDefaults extends _BooleanComponentDefaults {
+    color: SimpleComponentColor;
+    unselectedColor: SimpleComponentColor;
+}
+export declare const ARD_CHECKBOX_DEFAULTS: InjectionToken<ArdCheckboxDefaults>;

package/lib/checkbox/index.d.ts

@@ -1,3 +1,4 @@
-export * from './checkbox.module';
 export * from './checkbox.component';
+export * from './checkbox.defaults';
+export * from './checkbox.module';
 export * from './checkbox.types';

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

@@ -9,11 +9,8 @@ import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase implements SimpleItemStorageHost, AfterViewInit {
     readonly htmlId: import("@angular/core").InputSignal<string>;
     get _htmlIdHostAttribute(): string;
-    readonly DEFAULTS: {
-        valueFrom: string;
-        labelFrom: string;
-        disabledFrom: string;
-    };
+    protected readonly _DEFAULTS: import("./checkbox-list.defaults").ArdCheckboxListDefaults;
+    readonly DEFAULTS: import("./checkbox-list.defaults").ArdCheckboxListDefaults;
     readonly multiselectable: import("@angular/core").WritableSignal<true>;
     readonly isValueRequired: import("@angular/core").WritableSignal<false>;
     readonly _componentId = "300";

package/lib/checkbox-list/checkbox-list.defaults.d.ts

@@ -0,0 +1,18 @@
+import { InjectionToken } from '@angular/core';
+import { _NgModelComponentDefaults } from '../_internal/ngmodel-component';
+import { CompareWithFn } from '../types/item-storage.types';
+import { Nullable } from '../types/utility.types';
+import { ComponentColor } from './../types/colors.types';
+import { CheckboxListAlignType } from './checkbox-list.types';
+export interface ArdCheckboxListDefaults extends _NgModelComponentDefaults {
+    valueFrom: string;
+    labelFrom: string;
+    disabledFrom: string;
+    compareWith: Nullable<CompareWithFn>;
+    invertDisabled: boolean;
+    maxSelectedItems: number;
+    color: ComponentColor;
+    align: CheckboxListAlignType;
+    compact: boolean;
+}
+export declare const ARD_CHECKBOX_LIST_DEFAULTS: InjectionToken<ArdCheckboxListDefaults>;

package/lib/chip/chip.component.d.ts

@@ -4,6 +4,7 @@ import { DecorationElementAppearance, FormElementVariant } from '../types/themin
 import { _DisablableComponentBase } from './../_internal/disablable-component';
 import * as i0 from "@angular/core";
 export declare class ArdiumChipComponent extends _DisablableComponentBase {
+    protected readonly _DEFAULTS: import("./chip.defaults").ArdChipDefaults;
     readonly contentAlignment: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;

package/lib/chip/chip.defaults.d.ts

@@ -0,0 +1,22 @@
+import { InjectionToken } from '@angular/core';
+import { _DisablableComponentDefaults } from '../_internal/disablable-component';
+import { SimpleOneAxisAlignment } from '../types/alignment.types';
+import { ComponentColor } from '../types/colors.types';
+import { DecorationElementAppearance, FormElementVariant } from '../types/theming.types';
+export interface ArdChipDefaults extends _DisablableComponentDefaults {
+    contentAlignment: SimpleOneAxisAlignment;
+    appearance: DecorationElementAppearance;
+    variant: FormElementVariant;
+    color: ComponentColor;
+    compact: boolean;
+}
+export declare const _chipDefaults: {
+    contentAlignment: "left";
+    appearance: "outlined";
+    variant: "rounded";
+    color: "primary";
+    compact: boolean;
+    readonly: boolean;
+    disabled: boolean;
+};
+export declare const ARD_CHIP_DEFAULTS: InjectionToken<ArdChipDefaults>;

package/lib/chip/deletable-chip/deletable-chip.component.d.ts

@@ -4,9 +4,7 @@ import { ComponentColor } from '../../types/colors.types';
 import { DecorationElementAppearance, FormElementVariant } from '../../types/theming.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumDeletableChipComponent extends _FocusableComponentBase {
-    readonly DEFAULTS: {
-        deleteButtonTitle: string;
-    };
+    protected readonly _DEFAULTS: import("./deletable-chip.defaults").ArdDeletableChipDefaults;
     readonly deleteButtonTitle: import("@angular/core").InputSignal<string>;
     readonly contentAlignment: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;

package/lib/chip/deletable-chip/deletable-chip.defaults.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken } from '@angular/core';
+import { _FocusableComponentDefaults } from '../../_internal/focusable-component';
+import { ArdChipDefaults } from '../chip.defaults';
+export interface ArdDeletableChipDefaults extends ArdChipDefaults, _FocusableComponentDefaults {
+    deleteButtonTitle: string;
+}
+export declare const ARD_DELETABLE_CHIP_DEFAULTS: InjectionToken<ArdDeletableChipDefaults>;

package/lib/chip/selectable-chip/selectable-chip.component.d.ts

@@ -5,9 +5,7 @@ import { DecorationElementAppearance, FormElementVariant } from '../../types/the
 import { _BooleanComponentBase } from './../../_internal/boolean-component';
 import * as i0 from "@angular/core";
 export declare class ArdiumSelectableChipComponent extends _BooleanComponentBase implements ControlValueAccessor {
-    readonly DEFAULTS: {
-        chipTitle: string;
-    };
+    protected readonly _DEFAULTS: import("./selectable-chip.defaults").ArdSelectableChipDefaults;
     readonly chipTitle: import("@angular/core").InputSignal<string>;
     readonly hideSelectionIcon: import("@angular/core").InputSignalWithTransform<boolean, any>;
     readonly contentAlignment: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;

package/lib/chip/selectable-chip/selectable-chip.defaults.d.ts

@@ -0,0 +1,8 @@
+import { InjectionToken } from '@angular/core';
+import { _BooleanComponentDefaults } from '../../_internal/boolean-component';
+import { ArdChipDefaults } from '../chip.defaults';
+export interface ArdSelectableChipDefaults extends ArdChipDefaults, _BooleanComponentDefaults {
+    chipTitle: string;
+    hideSelectionIcon: boolean;
+}
+export declare const ARD_SELECTABLE_CHIP_DEFAULTS: InjectionToken<ArdSelectableChipDefaults>;

package/lib/divider/divider.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ArdiumDividerComponent {
+    protected readonly _DEFAULTS: import("./divider.defaults").ArdDividerDefaults;
     readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    get _verticalHostAttribute(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDividerComponent, "ard-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/divider/divider.defaults.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+export interface ArdDividerDefaults {
+    vertical: boolean;
+}
+export declare const ARD_DIVIDER_DEFAULTS: InjectionToken<ArdDividerDefaults>;

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

@@ -7,6 +7,7 @@ export declare class ArdiumTabberComponent implements AfterContentInit {
     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 initialTab: import("@angular/core").InputSignal<string | undefined>;
     ngAfterContentInit(): void;
     onTabClick(tab: ArdiumTabComponent): void;
     onTabFocus(tab: ArdiumTabComponent): void;
@@ -22,5 +23,5 @@ export declare class ArdiumTabberComponent implements AfterContentInit {
     readonly tabContainerClasses: import("@angular/core").Signal<string>;
     readonly tabIndex: import("@angular/core").InputSignal<string | number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTabberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTabberComponent, "ard-tabber", never, { "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, { "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>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",

package/esm2022/lib/_internal/queue.mjs

@@ -1,59 +0,0 @@
-export class Queue {
-    push(item) {
-        if (!this.tail)
-            return this.pushFront(item);
-        this.tail.next = new QueueItem(item);
-        this.tail = this.tail.next;
-    }
-    pushFront(item) {
-        this.head = new QueueItem(item, this.head);
-        if (!this.tail)
-            this.tail = this.head;
-    }
-    pop() {
-        const head = this.head;
-        if (!head)
-            return;
-        //replace head with the next item
-        this.head = head.next;
-        //delete the tail if there are no next items
-        if (!this.head)
-            this.tail = undefined;
-        return head.value;
-    }
-    peek() {
-        return this.head?.value;
-    }
-    clear() {
-        this.head = undefined;
-        this.tail = undefined;
-    }
-    get length() {
-        let length = 0;
-        let currentNode = this.head;
-        while (currentNode) {
-            length++;
-            currentNode = currentNode.next;
-        }
-        return length;
-    }
-    isEmpty() {
-        return !this.head;
-    }
-    toArray() {
-        const array = [];
-        let currentNode = this.head;
-        while (currentNode) {
-            array.push(currentNode.value);
-            currentNode = currentNode.next;
-        }
-        return array;
-    }
-}
-export class QueueItem {
-    constructor(value, next) {
-        this.value = value;
-        this.next = next;
-    }
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVldWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL19pbnRlcm5hbC9xdWV1ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQSxNQUFNLE9BQU8sS0FBSztJQUloQixJQUFJLENBQUMsSUFBTztRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM1QyxJQUFJLENBQUMsSUFBSyxDQUFDLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFLLENBQUMsSUFBSyxDQUFDO0lBQy9CLENBQUM7SUFDRCxTQUFTLENBQUMsSUFBTztRQUNmLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxTQUFTLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDeEMsQ0FBQztJQUNELEdBQUc7UUFDRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUNsQixpQ0FBaUM7UUFDakMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3RCLDRDQUE0QztRQUM1QyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxJQUFJLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQztRQUV0QyxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNELElBQUk7UUFDRixPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7UUFDdEIsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksTUFBTTtRQUNSLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNmLElBQUksV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDNUIsT0FBTyxXQUFXLEVBQUUsQ0FBQztZQUNuQixNQUFNLEVBQUUsQ0FBQztZQUNULFdBQVcsR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDO1FBQ2pDLENBQUM7UUFDRCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0lBQ0QsT0FBTztRQUNMLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxPQUFPO1FBQ0wsTUFBTSxLQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ3RCLElBQUksV0FBVyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDNUIsT0FBTyxXQUFXLEVBQUUsQ0FBQztZQUNuQixLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM5QixXQUFXLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQztRQUNqQyxDQUFDO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFDZixDQUFDO0NBQ0Y7QUFFRCxNQUFNLE9BQU8sU0FBUztJQUNwQixZQUNTLEtBQVEsRUFDUixJQUFtQjtRQURuQixVQUFLLEdBQUwsS0FBSyxDQUFHO1FBQ1IsU0FBSSxHQUFKLElBQUksQ0FBZTtJQUN6QixDQUFDO0NBQ0wiLCJzb3VyY2VzQ29udGVudCI6WyJpbnRlcmZhY2UgSVF1ZXVlIHtcbiAgcmVhZG9ubHkgbGVuZ3RoOiBudW1iZXI7XG59XG5cbmV4cG9ydCBjbGFzcyBRdWV1ZTxUID0gdW5rbm93bj4gaW1wbGVtZW50cyBJUXVldWUge1xuICBwcml2YXRlIGhlYWQ/OiBRdWV1ZUl0ZW08VD47XG4gIHByaXZhdGUgdGFpbD86IFF1ZXVlSXRlbTxUPjtcblxuICBwdXNoKGl0ZW06IFQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMudGFpbCkgcmV0dXJuIHRoaXMucHVzaEZyb250KGl0ZW0pO1xuICAgIHRoaXMudGFpbCEubmV4dCA9IG5ldyBRdWV1ZUl0ZW0oaXRlbSk7XG4gICAgdGhpcy50YWlsID0gdGhpcy50YWlsIS5uZXh0ITtcbiAgfVxuICBwdXNoRnJvbnQoaXRlbTogVCk6IHZvaWQge1xuICAgIHRoaXMuaGVhZCA9IG5ldyBRdWV1ZUl0ZW0oaXRlbSwgdGhpcy5oZWFkKTtcbiAgICBpZiAoIXRoaXMudGFpbCkgdGhpcy50YWlsID0gdGhpcy5oZWFkO1xuICB9XG4gIHBvcCgpOiBUIHwgdW5kZWZpbmVkIHtcbiAgICBjb25zdCBoZWFkID0gdGhpcy5oZWFkO1xuICAgIGlmICghaGVhZCkgcmV0dXJuO1xuICAgIC8vcmVwbGFjZSBoZWFkIHdpdGggdGhlIG5leHQgaXRlbVxuICAgIHRoaXMuaGVhZCA9IGhlYWQubmV4dDtcbiAgICAvL2RlbGV0ZSB0aGUgdGFpbCBpZiB0aGVyZSBhcmUgbm8gbmV4dCBpdGVtc1xuICAgIGlmICghdGhpcy5oZWFkKSB0aGlzLnRhaWwgPSB1bmRlZmluZWQ7XG5cbiAgICByZXR1cm4gaGVhZC52YWx1ZTtcbiAgfVxuICBwZWVrKCk6IFQgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmhlYWQ/LnZhbHVlO1xuICB9XG4gIGNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMuaGVhZCA9IHVuZGVmaW5lZDtcbiAgICB0aGlzLnRhaWwgPSB1bmRlZmluZWQ7XG4gIH1cbiAgZ2V0IGxlbmd0aCgpOiBudW1iZXIge1xuICAgIGxldCBsZW5ndGggPSAwO1xuICAgIGxldCBjdXJyZW50Tm9kZSA9IHRoaXMuaGVhZDtcbiAgICB3aGlsZSAoY3VycmVudE5vZGUpIHtcbiAgICAgIGxlbmd0aCsrO1xuICAgICAgY3VycmVudE5vZGUgPSBjdXJyZW50Tm9kZS5uZXh0O1xuICAgIH1cbiAgICByZXR1cm4gbGVuZ3RoO1xuICB9XG4gIGlzRW1wdHkoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLmhlYWQ7XG4gIH1cbiAgdG9BcnJheSgpOiBUW10ge1xuICAgIGNvbnN0IGFycmF5OiBUW10gPSBbXTtcbiAgICBsZXQgY3VycmVudE5vZGUgPSB0aGlzLmhlYWQ7XG4gICAgd2hpbGUgKGN1cnJlbnROb2RlKSB7XG4gICAgICBhcnJheS5wdXNoKGN1cnJlbnROb2RlLnZhbHVlKTtcbiAgICAgIGN1cnJlbnROb2RlID0gY3VycmVudE5vZGUubmV4dDtcbiAgICB9XG4gICAgcmV0dXJuIGFycmF5O1xuICB9XG59XG5cbmV4cG9ydCBjbGFzcyBRdWV1ZUl0ZW08VD4ge1xuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgdmFsdWU6IFQsXG4gICAgcHVibGljIG5leHQ/OiBRdWV1ZUl0ZW08VD5cbiAgKSB7fVxufVxuIl19