@ardium-ui/ui 5.0.0-alpha.4 → 5.0.0-alpha.41

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

@@ -9,6 +9,6 @@ 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.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective], [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.ArdValueChipTemplateDirective, typeof i2.ArdItemLimitReachedTemplateDirective, typeof i2.ArdItemDisplayLimitTemplateDirective, typeof i2.ArdAddCustomTemplateDirective, typeof i2.ArdSelectPrefixTemplateDirective, typeof i2.ArdSelectSuffixTemplateDirective]>;
+    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.ArdValueChipTemplateDirective, 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.ArdValueChipTemplateDirective, 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

@@ -22,8 +22,10 @@ export interface CustomOptionContext {
 export interface GroupContext {
     $implicit: ArdOptionGroup;
     group: ArdOptionGroup;
-    selectedChildren: number;
-    totalChildren: number;
+    label: string;
+    disabled: boolean;
+    selectedChildrenCount: number;
+    totalChildrenCount: number;
 }
 export interface ItemLimitContext {
     totalItems: number;

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/slider/abstract-slider.d.ts

@@ -1,15 +1,16 @@
 import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
+import { ElementRef, Renderer2, Signal, ViewContainerRef, WritableSignal } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { _NgModelComponentBase, _NgModelComponentDefaults } from '../_internal/ngmodel-component';
 import { SimpleComponentColor } from '../types/colors.types';
-import { Nullable } from '../types/utility.types';
+import { ArdRangeSelectionBehavior } from './range-slider/range-slider.types';
 import { ArdSliderTooltipDirective } from './slider.directive';
 import { SliderDecorationPosition, SliderLabelObject, SliderTooltipBehavior, SliderTooltipFormatFn, _InternalSliderLabelObject } from './slider.types';
 import * as i0 from "@angular/core";
 export interface _AsbtractSliderDefaults extends _NgModelComponentDefaults {
     noTooltip: boolean;
     showValueTicks: boolean;
-    formatTooltipFn: Nullable<SliderTooltipFormatFn>;
+    formatTooltipFn: SliderTooltipFormatFn;
     min: number;
     max: number;
     step: number;
@@ -20,60 +21,65 @@ export interface _AsbtractSliderDefaults extends _NgModelComponentDefaults {
     compact: boolean;
     tooltipPosition: SliderDecorationPosition;
     tooltipBehavior: SliderTooltipBehavior;
+    selectionBehavior: ArdRangeSelectionBehavior;
+    minimumDistance: number;
 }
 export declare const _asbtractSliderDefaults: _AsbtractSliderDefaults;
 export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
     abstract readonly componentId: string;
     abstract readonly componentName: string;
     protected readonly _DEFAULTS: _AsbtractSliderDefaults;
-    readonly elementRef: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    readonly elementRef: Signal<ElementRef<HTMLElement> | undefined>;
     protected readonly document: Document;
     protected readonly renderer: Renderer2;
     protected readonly overlay: Overlay;
     protected readonly scrollStrategyOpts: ScrollStrategyOptions;
     protected readonly viewContainerRef: ViewContainerRef;
-    readonly noTooltip: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly tooltipFormatFn: import("@angular/core").InputSignal<Nullable<SliderTooltipFormatFn>>;
-    protected abstract _updateTooltipValue(): void;
-    readonly min: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly step: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly shiftMultiplier: import("@angular/core").InputSignalWithTransform<number, any>;
-    protected readonly _stepSizeComputed: import("@angular/core").Signal<number>;
-    readonly showValueTicks: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly percentStepSize: import("@angular/core").Signal<number>;
-    protected readonly _tickArray: import("@angular/core").Signal<string[]>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly minMaxStepValueCleanup: import("@angular/core").EffectRef;
+    readonly minMaxErrorCheck: import("@angular/core").EffectRef;
+    readonly shiftMultiplier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    protected readonly _stepSizeComputed: Signal<number>;
+    readonly showValueTicks: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    protected readonly _tickArray: Signal<string[]>;
+    private _transformLabelInput;
     readonly labelPosition: import("@angular/core").InputSignal<SliderDecorationPosition>;
-    readonly labels: import("@angular/core").InputSignal<number[] | SliderLabelObject[] | null>;
-    readonly labelObjects: import("@angular/core").Signal<_InternalSliderLabelObject[]>;
+    readonly labels: import("@angular/core").InputSignalWithTransform<SliderLabelObject[], string | number[] | SliderLabelObject[] | null | undefined>;
+    readonly labelObjects: Signal<_InternalSliderLabelObject[]>;
     readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly sliderTransition: import("@angular/core").Signal<string>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly ngClasses: Signal<string>;
+    readonly sliderTransition: Signal<string>;
     private readonly _totalSteps;
-    protected abstract _value: T;
+    protected abstract readonly _value: WritableSignal<T>;
     set value(newValue: T);
     get value(): T;
     readonly valueChange: import("@angular/core").OutputEmitterRef<T>;
     abstract writeValue(v: any): void;
+    abstract cleanupValueAfterMinMaxStepChange(): void;
     abstract reset(): void;
     protected _offset(offset: number, hasShift: boolean, handleId?: number): void;
     protected _clampValue(v: number): number;
     protected _valueToPercent(v: number): number;
     protected _emitChange(): void;
-    readonly tooltipTemplate: import("@angular/core").Signal<ArdSliderTooltipDirective | undefined>;
+    readonly noTooltip: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly tooltipFormatFn: import("@angular/core").InputSignal<SliderTooltipFormatFn>;
+    readonly tooltipTemplate: Signal<ArdSliderTooltipDirective | undefined>;
     readonly tooltipPosition: import("@angular/core").InputSignal<SliderDecorationPosition>;
     readonly tooltipBehavior: import("@angular/core").InputSignal<SliderTooltipBehavior>;
-    protected readonly _grabbedHandleId: import("@angular/core").WritableSignal<number | null>;
+    protected readonly _grabbedHandleId: WritableSignal<number | null>;
     protected _shouldCheckForMovement: boolean;
     protected _bodyHasClass: boolean;
-    readonly isSliderHandleGrabbed: import("@angular/core").Signal<boolean>;
+    readonly isSliderHandleGrabbed: Signal<boolean>;
+    readonly grabbedHandleEffect: import("@angular/core").EffectRef;
     abstract onTrackHitboxPointerDown(event: MouseEvent | TouchEvent): void;
     onPointerDownOnHandle(event: MouseEvent | TouchEvent, handleId?: number): void;
     abstract onPointerMove(event: MouseEvent | TouchEvent): void;
     onPointerUp(): void;
-    protected _positionPercent: [number] | [number, number];
-    getHandlePosition(handleId?: number): string;
+    protected abstract readonly _handlePositions: Signal<[number, number]>;
+    readonly handlePositionsPercent: Signal<[string, string]>;
     protected _setValueFromPercent(percent: number, handleId?: number | null): void;
     protected _writeValueFromEvent(event: MouseEvent | TouchEvent, handleId?: number | null): void;
     protected abstract _percentValueToValue(percent: number, handleId?: number): T;
@@ -81,8 +87,8 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
     protected _clampPercentValue(percent: number): number;
     protected _getPercentValueFromEvent(event: MouseEvent | TouchEvent): number;
     onKeyPress(event: KeyboardEvent): void;
-    protected _decrement(event: KeyboardEvent, steps?: number): void;
-    protected _increment(event: KeyboardEvent, steps?: number): void;
+    protected _decrement(event: KeyboardEvent, forceShift?: boolean): void;
+    protected _increment(event: KeyboardEvent, forceShift?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_AbstractSlider<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractSlider<any>, never, never, { "noTooltip": { "alias": "noTooltip"; "required": false; "isSignal": true; }; "tooltipFormatFn": { "alias": "tooltipFormatFn"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "shiftMultiplier": { "alias": "shiftMultiplier"; "required": false; "isSignal": true; }; "showValueTicks": { "alias": "showValueTicks"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipBehavior": { "alias": "tooltipBehavior"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["tooltipTemplate"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractSlider<any>, never, never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "shiftMultiplier": { "alias": "shiftMultiplier"; "required": false; "isSignal": true; }; "showValueTicks": { "alias": "showValueTicks"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "noTooltip": { "alias": "noTooltip"; "required": false; "isSignal": true; }; "tooltipFormatFn": { "alias": "tooltipFormatFn"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipBehavior": { "alias": "tooltipBehavior"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["tooltipTemplate"], never, true, never>;
 }

package/lib/slider/index.d.ts

@@ -1,5 +1,6 @@
 export * from './range-slider/range-slider.component';
 export * from './range-slider/range-slider.module';
+export * from './range-slider/range-slider.types';
 export * from './slider.component';
 export * from './slider.defaults';
 export * from './slider.directive';

package/lib/slider/range-slider/range-slider.component.d.ts

@@ -1,34 +1,37 @@
 import { OnInit } from '@angular/core';
+import { NumberLike } from '@ardium-ui/devkit';
 import { _AbstractSlider } from '../abstract-slider';
 import { ArdSliderDefaults } from '../slider.defaults';
 import { SliderRange, SliderTooltipContext } from '../slider.types';
+import { ArdRangeSelectionBehavior } from './range-slider.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRange> implements OnInit {
     readonly componentId = "106";
     readonly componentName = "range-slider";
     protected readonly _DEFAULTS: ArdSliderDefaults;
     constructor(defaults: ArdSliderDefaults);
-    protected _value: SliderRange;
-    ngOnInit(): void;
+    protected readonly _value: import("@angular/core").WritableSignal<SliderRange<number>>;
     private _isValidObject;
     private _isValidTuple;
-    private _arrayValueToObjectValue;
     private _normalizeSliderRange;
     writeValue(v: any): void;
     get value(): SliderRange;
     set value(v: any);
-    _tooltipValue: SliderRange<string | number>;
-    protected _updateTooltipValue(): void;
-    getTooltipContext(type: 'low' | 'high'): SliderTooltipContext;
+    cleanupValueAfterMinMaxStepChange(): void;
+    readonly selectionBehavior: import("@angular/core").InputSignal<ArdRangeSelectionBehavior>;
+    readonly minimumDistance: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    protected readonly _tooltipValue: import("@angular/core").Signal<SliderRange<string>>;
+    readonly tooltipContexts: import("@angular/core").Signal<SliderRange<SliderTooltipContext>>;
     reset(): void;
-    get trackOverlayLeft(): string;
-    get trackOverlayWidth(): string;
+    readonly trackOverlayLeft: import("@angular/core").Signal<string>;
+    readonly trackOverlayWidth: import("@angular/core").Signal<string>;
     onTrackHitboxPointerDown(event: MouseEvent | TouchEvent): void;
     onPointerMove(event: MouseEvent | TouchEvent): void;
     protected _percentValueToValue(percent: number, handleId: number): SliderRange;
+    protected readonly _handlePositions: import("@angular/core").Signal<[number, number]>;
     readonly currentHandle: import("@angular/core").WritableSignal<1 | 2 | null>;
     onHandleFocus(event: FocusEvent, handleId: 1 | 2): void;
     onBlur(event: FocusEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumRangeSliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRangeSliderComponent, "ard-range-slider", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumRangeSliderComponent, "ard-range-slider", never, { "selectionBehavior": { "alias": "selectionBehavior"; "required": false; "isSignal": true; }; "minimumDistance": { "alias": "minimumDistance"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/slider/range-slider/range-slider.types.d.ts

@@ -0,0 +1,6 @@
+export declare const ArdRangeSelectionBehavior: {
+    readonly Push: "push";
+    readonly Allow: "allow";
+    readonly Block: "block";
+};
+export type ArdRangeSelectionBehavior = typeof ArdRangeSelectionBehavior[keyof typeof ArdRangeSelectionBehavior];

package/lib/slider/slider.component.d.ts

@@ -7,17 +7,18 @@ export declare class ArdiumSliderComponent extends _AbstractSlider<number> {
     readonly componentName = "slider";
     protected readonly _DEFAULTS: ArdSliderDefaults;
     constructor(defaults: ArdSliderDefaults);
-    protected _value: number;
-    _tooltipValue: string;
-    protected _updateTooltipValue(): void;
-    getTooltipContext(): SliderTooltipContext;
+    protected readonly _value: import("@angular/core").WritableSignal<number>;
+    protected readonly _tooltipValue: import("@angular/core").Signal<string>;
+    readonly tooltipContext: import("@angular/core").Signal<SliderTooltipContext>;
     writeValue(v: any): void;
+    cleanupValueAfterMinMaxStepChange(): void;
     reset(): void;
     increment(steps?: number): void;
     decrement(steps?: number): void;
     onTrackHitboxPointerDown(event: MouseEvent | TouchEvent): void;
     onPointerMove(event: MouseEvent | TouchEvent): void;
     protected _percentValueToValue(percent: number): number;
+    protected readonly _handlePositions: import("@angular/core").Signal<[number, number]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSliderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSliderComponent, "ard-slider", never, {}, {}, never, never, false, never>;
 }

package/lib/slider/slider.types.d.ts

@@ -15,14 +15,14 @@ export declare const SliderDecorationPosition: {
 export type SliderDecorationPosition = (typeof SliderDecorationPosition)[keyof typeof SliderDecorationPosition];
 export interface SliderLabelObject {
     label: string | number;
-    for: number;
+    value: number;
 }
 export interface _InternalSliderLabelObject {
     label: string;
     positionPercent: string;
 }
 export interface SliderRange<T = number> {
-    low: T;
-    high: T;
+    from: T;
+    to: T;
 }
 export type SliderTooltipFormatFn = (value: number) => string | number;

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/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,25 @@
+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 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; }; "_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,7 @@ import { InjectionToken, Provider } from '@angular/core';
 import { OneAxisAlignment } from './../types/alignment.types';
 import { ComponentColor } from './../types/colors.types';
 export interface ArdTabberDefaults {
+    tabDisabled: 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>;
 }