@ardium-ui/ui 1.0.2 → 2.0.1

package/lib/slider/abstract-slider.d.ts

@@ -1,81 +1,64 @@
 import { Overlay, ScrollStrategyOptions } from '@angular/cdk/overlay';
-import { ElementRef, EventEmitter, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ElementRef, Renderer2, ViewContainerRef } from '@angular/core';
 import { _NgModelComponentBase } from '../_internal/ngmodel-component';
 import { SimpleComponentColor } from '../types/colors.types';
+import { Nullable } from '../types/utility.types';
+import { ArdSliderTooltipDirective } from './slider.directive';
 import { SliderDecorationPosition, SliderLabelObject, SliderTooltipBehavior, SliderTooltipFormatFn, _InternalSliderLabelObject } from './slider.types';
 import * as i0 from "@angular/core";
 export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
-    protected document: Document;
-    protected renderer: Renderer2;
-    protected overlay: Overlay;
-    protected scrollStrategyOpts: ScrollStrategyOptions;
-    protected viewContainerRef: ViewContainerRef;
-    readonly element: ElementRef<HTMLElement>;
-    constructor(document: Document, renderer: Renderer2, overlay: Overlay, scrollStrategyOpts: ScrollStrategyOptions, viewContainerRef: ViewContainerRef);
-    private _noTooltip;
-    get noTooltip(): boolean;
-    set noTooltip(v: any);
-    tooltipFormat?: SliderTooltipFormatFn;
+    abstract readonly componentId: string;
+    abstract readonly componentName: string;
+    readonly elementRef: import("@angular/core").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 tooltipFormat: import("@angular/core").InputSignal<Nullable<SliderTooltipFormatFn>>;
     protected abstract _updateTooltipValue(): void;
-    protected _min: number;
-    get min(): number;
-    set min(v: any);
-    protected _max: number;
-    get max(): number;
-    set max(v: any);
-    protected _step: number;
-    get step(): number;
-    set step(v: any);
-    protected _shiftMultiplier: number;
-    get shiftMultiplier(): number;
-    set shiftMultiplier(v: any);
-    protected _stepSizeComputed: number;
-    protected _updateComputedStepSizes(): number;
-    protected _showValueTicks: boolean;
-    get showValueTicks(): boolean;
-    set showValueTicks(v: any);
-    get percentStepSize(): number;
-    protected _tickArray: string[];
-    protected _updateTickArray(): string[];
-    get tickArray(): string[];
-    labelPosition: SliderDecorationPosition;
-    labelObjects: _InternalSliderLabelObject[];
-    set labels(val: SliderLabelObject[] | number[] | null);
+    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 labelPosition: import("@angular/core").InputSignal<SliderDecorationPosition>;
+    readonly labelObjects: import("@angular/core").InputSignalWithTransform<_InternalSliderLabelObject[], number[] | SliderLabelObject[] | null>;
     protected _numberLabelArrayMapFn(val: SliderLabelObject | number): SliderLabelObject;
-    color: SimpleComponentColor;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    get sliderTransition(): string;
-    private get _totalSteps();
+    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>;
+    private readonly _totalSteps;
     protected abstract _value: T;
     set value(newValue: T);
     get value(): T;
-    valueChange: EventEmitter<T>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<T>;
     abstract writeValue(v: any): 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;
-    tooltipTemplate?: TemplateRef<any>;
-    tooltipPosition: SliderDecorationPosition;
-    private _tooltipBehavior;
-    set tooltipBehavior(v: SliderTooltipBehavior);
-    get tooltipBehavior(): SliderTooltipBehavior;
-    protected _isGrabbed: number;
+    readonly tooltipTemplate: import("@angular/core").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 _shouldCheckForMovement: boolean;
     protected _bodyHasClass: boolean;
-    get isSliderHandleGrabbed(): boolean;
+    readonly isSliderHandleGrabbed: import("@angular/core").Signal<boolean>;
     abstract onTrackHitboxPointerDown(event: MouseEvent | TouchEvent): void;
     onPointerDownOnHandle(event: MouseEvent | TouchEvent, handleId?: number): void;
     abstract onPointerMove(event: MouseEvent | TouchEvent): void;
-    onPointerUp(event: MouseEvent | TouchEvent): void;
+    onPointerUp(): void;
     protected _positionPercent: [number] | [number, number];
     getHandlePosition(handleId?: number): string;
-    protected _setValueFromPercent(percent: number, handleId?: number): void;
-    protected _writeValueFromEvent(event: MouseEvent | TouchEvent, handleId?: number): void;
+    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;
     protected _getElementRect(): DOMRect;
     protected _clampPercentValue(percent: number): number;
@@ -84,5 +67,5 @@ export declare abstract class _AbstractSlider<T> extends _NgModelComponentBase {
     protected _decrement(event: KeyboardEvent, steps?: number): void;
     protected _increment(event: KeyboardEvent, steps?: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_AbstractSlider<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractSlider<any>, never, never, { "noTooltip": { "alias": "noTooltip"; "required": false; }; "tooltipFormat": { "alias": "tooltipFormat"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "shiftMultiplier": { "alias": "shiftMultiplier"; "required": false; }; "showValueTicks": { "alias": "showValueTicks"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "tooltipBehavior": { "alias": "tooltipBehavior"; "required": false; }; }, { "valueChange": "valueChange"; }, ["tooltipTemplate"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_AbstractSlider<any>, never, never, { "noTooltip": { "alias": "noTooltip"; "required": false; "isSignal": true; }; "tooltipFormat": { "alias": "tooltipFormat"; "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; }; "labelObjects": { "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, false, never>;
 }

package/lib/slider/index.d.ts

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

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

@@ -3,6 +3,8 @@ import { _AbstractSlider } from '../abstract-slider';
 import { SliderRange, SliderTooltipContext } from '../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 _value: SliderRange;
     ngOnInit(): void;
     private _isValidObject;
@@ -21,7 +23,7 @@ export declare class ArdiumRangeSliderComponent extends _AbstractSlider<SliderRa
     onTrackHitboxPointerDown(event: MouseEvent | TouchEvent): void;
     onPointerMove(event: MouseEvent | TouchEvent): void;
     protected _percentValueToValue(percent: number, handleId: number): SliderRange;
-    currentHandle: 1 | 2 | null;
+    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>;

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

@@ -2,6 +2,8 @@ import { _AbstractSlider } from './abstract-slider';
 import { SliderTooltipContext } from './slider.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumSliderComponent extends _AbstractSlider<number> {
+    readonly componentId = "105";
+    readonly componentName = "slider";
     protected _value: number;
     _tooltipValue: string;
     protected _updateTooltipValue(): void;

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

@@ -1,7 +1,7 @@
-export type SliderTooltipContext = {
+export interface SliderTooltipContext {
     value: string | number;
     $implicit: string | number;
-};
+}
 export declare const SliderTooltipBehavior: {
     readonly Always: "always";
     readonly Auto: "auto";
@@ -13,16 +13,16 @@ export declare const SliderDecorationPosition: {
     readonly Bottom: "bottom";
 };
 export type SliderDecorationPosition = (typeof SliderDecorationPosition)[keyof typeof SliderDecorationPosition];
-export type SliderLabelObject = {
+export interface SliderLabelObject {
     label: string | number;
     for: number;
-};
-export type _InternalSliderLabelObject = {
+}
+export interface _InternalSliderLabelObject {
     label: string;
     positionPercent: string;
-};
-export type SliderRange<T = number> = {
+}
+export interface SliderRange<T = number> {
     low: T;
     high: T;
-};
+}
 export type SliderTooltipFormatFn = (value: number) => string | number;

package/lib/snackbar/snackbar-ref.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { ComponentType } from '@angular/cdk/portal';
 import { InjectionToken } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
@@ -13,7 +12,7 @@ export declare class _ArdSnackbarRefInternal<T> {
     options: Required<ArdSnackbarOptions>;
     constructor(component: ComponentType<T>, options: Required<ArdSnackbarOptions>, dismiss: (withAction?: boolean) => void);
     readonly publicRef: ArdSnackbarRef<T>;
-    timeout: NodeJS.Timeout;
+    timeout: any;
     overlay: OverlayRef;
     private readonly _onOpen;
     private readonly _onCloseStart;

package/lib/snackbar/snackbar.component.d.ts

@@ -1,7 +1,7 @@
 import { ArdSnackbarRef } from './snackbar-ref';
 import { ArdSnackbarType } from './snackbar.types';
 import * as i0 from "@angular/core";
-export declare class _ArdSimpleSnackbar {
+export declare class _ArdSimpleSnackbarComponent {
     readonly snackbarRef: ArdSnackbarRef<any>;
     readonly data: import("./snackbar.types").ArdSnackbarData;
     readonly color: import("@ardium-ui/ui").ComponentColor;
@@ -11,6 +11,6 @@ export declare class _ArdSimpleSnackbar {
     get hasAction(): boolean;
     private _getTypeIcon;
     get colorClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<_ArdSimpleSnackbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<_ArdSimpleSnackbar, "_ard-simple-snackbar", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_ArdSimpleSnackbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<_ArdSimpleSnackbarComponent, "ard-simple-snackbar", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,7 @@
 import { ComponentType } from '@angular/cdk/overlay';
 import { OnDestroy } from '@angular/core';
 import { ArdSnackbarRef } from './snackbar-ref';
-import { _ArdSimpleSnackbar } from './snackbar.component';
+import { _ArdSimpleSnackbarComponent } from './snackbar.component';
 import { ArdSnackbarOptions } from './snackbar.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumSnackbarService implements OnDestroy {
@@ -12,7 +12,7 @@ export declare class ArdiumSnackbarService implements OnDestroy {
     private readonly _animationLength;
     private readonly _overlay;
     private readonly _injector;
-    open(message: string, action?: string, options?: ArdSnackbarOptions): ArdSnackbarRef<_ArdSimpleSnackbar>;
+    open(message: string, action?: string, options?: ArdSnackbarOptions): ArdSnackbarRef<_ArdSimpleSnackbarComponent>;
     openFromComponent<T>(component: ComponentType<T>, options: ArdSnackbarOptions): ArdSnackbarRef<T>;
     private _handleQueue;
     private _mergeOptions;

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

@@ -29,11 +29,11 @@ export declare const ArdSnackbarType: {
     readonly Info: "info";
 };
 export type ArdSnackbarType = (typeof ArdSnackbarType)[keyof typeof ArdSnackbarType];
-export type ArdSnackbarData = {
+export interface ArdSnackbarData {
     message: string;
     action?: string;
-};
-export type ArdSnackbarOptions = {
+}
+export interface ArdSnackbarOptions {
     data?: ArdSnackbarData;
     placement?: {
         align?: ArdSnackbarAlignment;
@@ -45,4 +45,4 @@ export type ArdSnackbarOptions = {
     type?: ArdSnackbarType;
     queueHandling?: ArdSnackbarQueueHandling;
     panelClass?: string | string[];
-};
+}

package/lib/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spinner.module';
+export * from './spinner.component';

package/lib/spinner/spinner.component.d.ts

@@ -1,8 +1,8 @@
 import { SimpleComponentColor } from '../types/colors.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumSpinnerComponent {
-    color: SimpleComponentColor;
-    get ngClasses(): string;
+    readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSpinnerComponent, "ard-spinner", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSpinnerComponent, "ard-spinner", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/star/index.d.ts

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

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

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

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

@@ -1,16 +1,16 @@
 import { ControlValueAccessor } from '@angular/forms';
-import { ClickStrategy } from '../../types/utility.types';
 import { _BooleanComponentBase } from '../../_internal/boolean-component';
+import { ClickStrategy } from '../../types/utility.types';
 import { StarColor } from '../star.types';
 import { StarFillMode } from './../star.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumStarButtonComponent extends _BooleanComponentBase implements ControlValueAccessor {
-    wrapperClasses: string;
-    clickStrategy: ClickStrategy;
-    color: StarColor;
-    get ngClasses(): string;
-    get starFillState(): StarFillMode;
+    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>;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarButtonComponent, "ard-star-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "clickStrategy": { "alias": "clickStrategy"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarButtonComponent, "ard-star-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "clickStrategy": { "alias": "clickStrategy"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/star/star-display/index.d.ts

@@ -0,0 +1,2 @@
+export * from './star-display.module';
+export * from './star-display.component';

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

@@ -1,16 +1,12 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
 import { StarColor, StarFillMode } from './../star.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumStarDisplayComponent implements OnChanges {
-    wrapperClasses: string;
-    color: StarColor;
-    get ngClasses(): string;
-    starArray: StarFillMode[];
-    max: number;
-    value: number | StarFillMode[];
-    setStarArrayFromArray(starArr: StarFillMode[]): void;
-    setStarArrayFromNumber(stars: number): StarFillMode[];
-    ngOnChanges(changes: SimpleChanges): void;
+export declare class ArdiumStarDisplayComponent {
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<StarColor>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly value: import("@angular/core").InputSignalWithTransform<number | StarFillMode[], string | number | StarFillMode[]>;
+    readonly starArray: import("@angular/core").Signal<StarFillMode[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarDisplayComponent, "ard-star-display", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "color": { "alias": "color"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarDisplayComponent, "ard-star-display", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/star/star-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './star-input.module';
+export * from './star-input.component';

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

@@ -1,39 +1,34 @@
-import { EventEmitter, OnChanges, SimpleChanges, QueryList } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ArdiumStarButtonComponent } from '../star-button/star-button.component';
 import { _NgModelComponentBase } from './../../_internal/ngmodel-component';
 import { StarColor } from './../star.types';
 import * as i0 from "@angular/core";
-type StarInputObject = {
+interface StarInputObject {
     filled: boolean;
     isInValue: boolean;
-};
-export declare class ArdiumStarInputComponent extends _NgModelComponentBase implements OnChanges, ControlValueAccessor {
-    wrapperClasses: string;
-    color: StarColor;
-    get ngClasses(): string;
-    starButtonInstances: QueryList<ArdiumStarButtonComponent>;
-    changeEvent: EventEmitter<number>;
-    highlightEvent: EventEmitter<number>;
-    value: number;
-    valueChange: EventEmitter<number>;
-    max: number;
-    starArray: StarInputObject[];
-    setStarArrayFromNumber(targetIndex: number): void;
-    createFirstStarArray(): StarInputObject[];
-    ngOnChanges(changes: SimpleChanges): void;
+}
+export declare class ArdiumStarInputComponent extends _NgModelComponentBase implements ControlValueAccessor {
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<StarColor>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<number>;
+    readonly highlightEvent: import("@angular/core").OutputEmitterRef<number>;
+    readonly value: import("@angular/core").ModelSignal<number>;
+    constructor();
+    readonly max: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly starButtonInstances: import("@angular/core").Signal<readonly ArdiumStarButtonComponent[]>;
+    private readonly _highlightedStarIndex;
+    readonly starArray: import("@angular/core").Signal<StarInputObject[]>;
     writeValue(v: number): void;
     onStarClick(index: number): void;
-    private _currentHoverIndex;
     onStarHighlight(index: number): void;
     setDisplayToValue(): void;
     protected _emitChange(): void;
     private _isFocusEventSuppressed;
     private _isBlurEventSuppressed;
-    private _wasComponentBlurred;
     private _currentFocusIndex;
-    onStarButtonFocus(index: number): void;
-    onStarButtonBlur(): void;
+    onStarButtonFocus(index: number, event: FocusEvent): void;
+    onStarButtonBlur(event: FocusEvent): void;
     focusStarButtonByIndex(index: number): void;
     focusNextStarButton(offset: number): void;
     private _suppressFocusEvents;
@@ -46,6 +41,6 @@ export declare class ArdiumStarInputComponent extends _NgModelComponentBase impl
     private _onEndPress;
     private _onTabPress;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarInputComponent, "ard-star-input", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, { "changeEvent": "change"; "highlightEvent": "highlight"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarInputComponent, "ard-star-input", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "changeEvent": "change"; "highlightEvent": "highlight"; "value": "valueChange"; }, never, never, false, never>;
 }
 export {};

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

@@ -1,10 +1,10 @@
 import { StarColor, StarFillMode } from './star.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumStarComponent {
-    wrapperClasses: string;
-    fill: StarFillMode;
-    color: StarColor;
-    get ngClasses(): string;
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<StarColor>;
+    readonly fill: import("@angular/core").InputSignal<StarFillMode>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarComponent, "ard-star", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStarComponent, "ard-star", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/statebox/index.d.ts

@@ -0,0 +1,3 @@
+export * from './statebox.component';
+export * from './statebox.module';
+export { StateboxState, StateboxValue } from './statebox.types';

package/lib/statebox/statebox.component.d.ts

@@ -1,31 +1,25 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { _NgModelComponentBase } from './../_internal/ngmodel-component';
 import { StateboxState, StateboxValue, _StateboxInternalState } from './statebox.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumStateboxComponent extends _NgModelComponentBase implements ControlValueAccessor, OnChanges {
-    _states: _StateboxInternalState[];
-    states?: StateboxState[];
-    manualStateHandling: boolean;
-    wrapperClasses: string;
-    get ngClasses(): string;
-    changeEvent: EventEmitter<StateboxValue>;
-    clickEvent: EventEmitter<MouseEvent>;
-    private _state;
-    private _stateIndex;
-    set state(v: StateboxValue);
-    get state(): StateboxValue;
-    stateChange: EventEmitter<StateboxValue>;
+export declare class ArdiumStateboxComponent extends _NgModelComponentBase implements ControlValueAccessor {
+    readonly states: import("@angular/core").InputSignal<StateboxState[]>;
+    readonly _states: import("@angular/core").Signal<_StateboxInternalState[]>;
+    readonly _defaultState: import("@angular/core").Signal<_StateboxInternalState>;
+    readonly manualStateHandling: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<StateboxValue>;
+    readonly clickEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    constructor();
+    readonly state: import("@angular/core").ModelSignal<StateboxValue>;
+    private readonly _stateIndex;
+    readonly internalState: import("@angular/core").Signal<_StateboxInternalState>;
     writeValue(v: StateboxValue): void;
-    ngOnChanges(changes: SimpleChanges): void;
     private _stateMapFn;
-    get defaultState(): _StateboxInternalState;
     onClick(event: MouseEvent): void;
     protected _emitChange(): void;
-    get currState(): _StateboxInternalState;
-    get ngStyle(): {
-        [klass: string]: any;
-    };
+    readonly ngStyle: import("@angular/core").Signal<Record<string, any>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumStateboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStateboxComponent, "ard-statebox", never, { "states": { "alias": "states"; "required": false; }; "manualStateHandling": { "alias": "manualStateHandling"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "changeEvent": "change"; "clickEvent": "click"; "stateChange": "stateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumStateboxComponent, "ard-statebox", never, { "states": { "alias": "states"; "required": false; "isSignal": true; }; "manualStateHandling": { "alias": "manualStateHandling"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "changeEvent": "change"; "clickEvent": "click"; "state": "stateChange"; }, never, never, false, never>;
 }

package/lib/statebox/statebox.types.d.ts

@@ -1,22 +1,26 @@
 import { ComponentColor } from '../types/colors.types';
 export type StateboxValue = string | boolean | number | null | undefined;
-export type StateboxState = {
+export interface StateboxState {
     value: StateboxValue;
     icon?: string;
     character?: string;
     color?: ComponentColor;
     customColor?: string;
-    colorOnCustomColor?: string;
-    fillMode?: boolean;
+    colorOnCustom?: string;
+    filled?: boolean;
     keepFrame?: boolean;
-};
-export type _StateboxInternalState = {
+}
+export interface _StateboxInternalState {
     value: StateboxValue;
     display: string;
     displayAsIcon: boolean;
     color: string;
     useCustomColor: boolean;
-    colorOnCustomColor?: string;
-    fillMode: boolean;
+    colorOnCustom?: string;
+    filled: boolean;
     keepFrame: boolean;
-};
+}
+export interface _StateboxInternalStateData {
+    state: _StateboxInternalState;
+    index: number;
+}

package/lib/tabber/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tabber.module';
+export * from './tabber.component';
+export * from './tab/tab.component';

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

@@ -0,0 +1,18 @@
+import * as i0 from "@angular/core";
+export declare class ArdiumTabComponent {
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    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 focusEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    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>;
+}

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

@@ -0,0 +1,25 @@
+import { AfterContentInit } from '@angular/core';
+import { OneAxisAlignment } from '../types/alignment.types';
+import { ComponentColor } from '../types/colors.types';
+import { ArdiumTabComponent } from './tab/tab.component';
+import * as i0 from "@angular/core";
+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>;
+    ngAfterContentInit(): void;
+    onTabClick(tab: ArdiumTabComponent): void;
+    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 tabAlignment: import("@angular/core").InputSignal<OneAxisAlignment>;
+    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; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; "changeTab": "changeTab"; }, ["tabs"], ["*"], false, never>;
+}

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

@@ -0,0 +1,9 @@
+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";
+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 ɵinj: i0.ɵɵInjectorDeclaration<ArdiumTabberModule>;
+}

package/lib/table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './table.module';
+export * from './table.component';
+export * from './table.directives';
+export * from './table.types';