@softpak/components 19.19.0 → 19.21.0-beta.2

package/spx-change-details/spx-change-details.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxChangeDetailsValueI } from './spx-change-details-value.interface';
 import { SpxFormI, SpxFormFieldI } from '@softpak/components/spx-form-view';
@@ -15,30 +14,29 @@ export declare const ctrlCategory = "category";
 export declare const ctrlUseCategories = "useCategories";
 export declare class SpxChangeDetailsComponent {
     readonly formBuilder: FormBuilder;
-    formGroup: FormGroup;
-    private _suggestions;
-    get suggestions(): any;
-    set suggestions(value: any);
-    textCategory: string;
-    textContainerNumber: string;
-    textContainerType: string;
-    textCustomer: string;
-    textLicensePlate: string;
-    textSave: string;
-    textTonsTested: string;
-    spxBlurCategory: EventEmitter<SpxValuePair<string>>;
-    spxBlurContainerType: EventEmitter<SpxValuePair<string>>;
-    spxSearchCategory: EventEmitter<SpxValuePair<string>>;
-    spxSearchContainerType: EventEmitter<SpxValuePair<string>>;
-    spxSearchTonsTested: EventEmitter<SpxValuePair<string>>;
-    submit: EventEmitter<SpxChangeDetailsValueI>;
+    readonly formGroup: import("@angular/core").InputSignal<FormGroup<any> | undefined>;
+    readonly suggestions: import("@angular/core").InputSignal<any>;
+    private readonly showTonsTested;
+    readonly textCategory: import("@angular/core").InputSignal<string | undefined>;
+    readonly textContainerNumber: import("@angular/core").InputSignal<string | undefined>;
+    readonly textContainerType: import("@angular/core").InputSignal<string | undefined>;
+    readonly textCustomer: import("@angular/core").InputSignal<string | undefined>;
+    readonly textLicensePlate: import("@angular/core").InputSignal<string | undefined>;
+    readonly textSave: import("@angular/core").InputSignal<string | undefined>;
+    readonly textTonsTested: import("@angular/core").InputSignal<string | undefined>;
+    spxBlurCategory: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxBlurContainerType: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxSearchCategory: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxSearchContainerType: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxSearchTonsTested: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    submit: import("@angular/core").OutputEmitterRef<SpxChangeDetailsValueI>;
     form: SpxFormI;
-    get ctrlCategory(): FormControl;
-    get ctrlCustomer(): FormControl;
-    get ctrlContainerType(): FormControl;
-    get ctrlLicensePlate(): FormControl;
-    get ctrlTonsTested(): FormControl;
-    get ctrlUseCategories(): FormControl;
+    readonly ctrlCategory: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlCustomer: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlContainerType: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlLicensePlate: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlTonsTested: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlUseCategories: import("@angular/core").Signal<FormControl<any>>;
     private subContainerType?;
     constructor(formBuilder: FormBuilder);
     createForm(): FormGroup;
@@ -56,5 +54,5 @@ export declare class SpxChangeDetailsComponent {
     onSubmit(): void;
     private listenToContainerType;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChangeDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "_suggestions": { "alias": "_suggestions"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "textCategory": { "alias": "textCategory"; "required": false; }; "textContainerNumber": { "alias": "textContainerNumber"; "required": false; }; "textContainerType": { "alias": "textContainerType"; "required": false; }; "textCustomer": { "alias": "textCustomer"; "required": false; }; "textLicensePlate": { "alias": "textLicensePlate"; "required": false; }; "textSave": { "alias": "textSave"; "required": false; }; "textTonsTested": { "alias": "textTonsTested"; "required": false; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "textCategory": { "alias": "textCategory"; "required": false; "isSignal": true; }; "textContainerNumber": { "alias": "textContainerNumber"; "required": false; "isSignal": true; }; "textContainerType": { "alias": "textContainerType"; "required": false; "isSignal": true; }; "textCustomer": { "alias": "textCustomer"; "required": false; "isSignal": true; }; "textLicensePlate": { "alias": "textLicensePlate"; "required": false; "isSignal": true; }; "textSave": { "alias": "textSave"; "required": false; "isSignal": true; }; "textTonsTested": { "alias": "textTonsTested"; "required": false; "isSignal": true; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
 }

package/spx-check-digit/spx-check-digit.component.d.ts

@@ -3,16 +3,16 @@ import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inp
 import * as i0 from "@angular/core";
 export declare class SpxCheckDigitComponent {
     private readonly formBuilder;
-    txtCheckDigit: string;
-    txtContainer: string;
-    txtPrefix: string;
-    ctrlContainerNumberRef?: SpxInputComponent;
+    readonly txtCheckDigit: import("@angular/core").InputSignal<string>;
+    readonly txtContainer: import("@angular/core").InputSignal<string>;
+    readonly txtPrefix: import("@angular/core").InputSignal<string>;
+    ctrlContainerNumberRef: import("@angular/core").Signal<SpxInputComponent | undefined>;
     inputTypeOverlayNumber: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
-    formGroup: FormGroup;
-    get ctrlCheckDigit(): FormControl;
-    get ctrlContainerNumber(): FormControl;
-    get ctrlContainerPrefix(): FormControl;
+    formGroup: import("@angular/core").WritableSignal<FormGroup<any> | null>;
+    ctrlCheckDigit: import("@angular/core").Signal<FormControl<any>>;
+    ctrlContainerNumber: import("@angular/core").Signal<FormControl<any>>;
+    ctrlContainerPrefix: import("@angular/core").Signal<FormControl<any>>;
     private inputChanges?;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
@@ -20,5 +20,5 @@ export declare class SpxCheckDigitComponent {
     ngOnDestroy(): void;
     getRawValidators(formControl: FormControl): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCheckDigitComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCheckDigitComponent, "spx-check-digit", never, { "txtCheckDigit": { "alias": "txtCheckDigit"; "required": false; }; "txtContainer": { "alias": "txtContainer"; "required": false; }; "txtPrefix": { "alias": "txtPrefix"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCheckDigitComponent, "spx-check-digit", never, { "txtCheckDigit": { "alias": "txtCheckDigit"; "required": true; "isSignal": true; }; "txtContainer": { "alias": "txtContainer"; "required": true; "isSignal": true; }; "txtPrefix": { "alias": "txtPrefix"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/spx-form-section/spx-form-section.component.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class SpxFormSectionComponent {
-    spxIndex?: number;
-    spxIndexSecondary?: number;
-    spxTitle?: string;
-    spxShowTitle: boolean;
+    readonly spxIndex: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxIndexSecondary: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxTitle: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxShowTitle: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxFormSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormSectionComponent, "spx-form-section", never, { "spxIndex": { "alias": "spxIndex"; "required": false; }; "spxIndexSecondary": { "alias": "spxIndexSecondary"; "required": false; }; "spxTitle": { "alias": "spxTitle"; "required": false; }; "spxShowTitle": { "alias": "spxShowTitle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormSectionComponent, "spx-form-section", never, { "spxIndex": { "alias": "spxIndex"; "required": false; "isSignal": true; }; "spxIndexSecondary": { "alias": "spxIndexSecondary"; "required": false; "isSignal": true; }; "spxTitle": { "alias": "spxTitle"; "required": false; "isSignal": true; }; "spxShowTitle": { "alias": "spxShowTitle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/spx-form-view/spx-autocomplete-search.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxFormFieldI } from './spx-form-field.interface';
 import { SpxFormSectionI } from './spx-form-section.interface';
@@ -10,24 +10,23 @@ export declare const ctrlQuery = "query";
 export declare const ctrlOptions = "options";
 export declare class SpxAutocompleteSearchComponent implements OnInit, OnDestroy {
     readonly formBuilder: FormBuilder;
-    formGroup: FormGroup;
-    spxSuggestions: SpxValuePair<any>[];
-    spxField: SpxFormFieldI;
-    txtOptions: string;
-    txtQuery: string;
-    txtSubmit: string;
-    spxValuePair: SpxValuePair<any>;
-    spxCancel: EventEmitter<void>;
-    spxSearch: EventEmitter<SpxValuePair<any>>;
-    spxSubmit: EventEmitter<SpxValuePair<any>>;
+    formGroup: import("@angular/core").WritableSignal<FormGroup<any> | null>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<SpxValuePair<any>[]>;
+    readonly spxField: import("@angular/core").InputSignal<SpxFormFieldI>;
+    readonly txtOptions: import("@angular/core").InputSignal<string>;
+    readonly txtQuery: import("@angular/core").InputSignal<string>;
+    readonly txtSubmit: import("@angular/core").InputSignal<string>;
+    readonly spxValuePair: import("@angular/core").InputSignal<SpxValuePair<any>>;
+    spxCancel: import("@angular/core").OutputEmitterRef<void>;
+    spxSearch: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
+    spxSubmit: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
     inputTypeRadio: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
     SpxSeverity: typeof SpxSeverityEnum;
     sections: SpxFormSectionI[];
-    get ctrlQuery(): FormControl;
-    get ctrlOptions(): FormControl;
-    private subSelection?;
-    private subQuery?;
+    readonly ctrlQuery: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlOptions: import("@angular/core").Signal<FormControl<any>>;
+    private subscriptions;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -38,5 +37,5 @@ export declare class SpxAutocompleteSearchComponent implements OnInit, OnDestroy
     private listenToQuery;
     private listenToSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxAutocompleteSearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAutocompleteSearchComponent, "spx-autocomplete-search", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "spxField": { "alias": "spxField"; "required": false; }; "txtOptions": { "alias": "txtOptions"; "required": false; }; "txtQuery": { "alias": "txtQuery"; "required": false; }; "txtSubmit": { "alias": "txtSubmit"; "required": false; }; "spxValuePair": { "alias": "spxValuePair"; "required": false; }; }, { "spxCancel": "spxCancel"; "spxSearch": "spxSearch"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAutocompleteSearchComponent, "spx-autocomplete-search", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxField": { "alias": "spxField"; "required": true; "isSignal": true; }; "txtOptions": { "alias": "txtOptions"; "required": true; "isSignal": true; }; "txtQuery": { "alias": "txtQuery"; "required": true; "isSignal": true; }; "txtSubmit": { "alias": "txtSubmit"; "required": true; "isSignal": true; }; "spxValuePair": { "alias": "spxValuePair"; "required": true; "isSignal": true; }; }, { "spxCancel": "spxCancel"; "spxSearch": "spxSearch"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
 }

package/spx-form-view/spx-form-view.component.d.ts

@@ -22,7 +22,7 @@ export declare class SpxFormViewComponent {
         valuePair: SpxValuePair<any>;
     }>;
     spxInputs: import("@angular/core").Signal<readonly ElementRef<any>[]>;
-    autocompleteField?: SpxFormFieldI;
+    autoCompleteField: import("@angular/core").WritableSignal<SpxFormFieldI | null>;
     typeAutocomplete: SpxInputTypeEnum;
     typeButton: SpxInputTypeEnum;
     typeFloat: SpxInputTypeEnum;

package/spx-inputs/spx-input-text/spx-input-text.component.d.ts

@@ -1,9 +1,10 @@
-import { ElementRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
 import { SpxValuePair } from '../spx-value-interface';
 import { SpxInputTypeEnum } from '../spx-input-type.enum';
 import { SelectedInputService } from '../input.service';
 import * as i0 from "@angular/core";
 export declare class SpxInputTextComponent {
+    private changeDetectorRef;
     readonly spxName: import("@angular/core").InputSignal<string | undefined>;
     readonly spxAutofocus: import("@angular/core").InputSignal<boolean>;
     readonly spxAutocomplete: import("@angular/core").InputSignal<string | undefined>;
@@ -20,7 +21,9 @@ export declare class SpxInputTextComponent {
     selectedInputService: SelectedInputService;
     spxIsFocused: import("@angular/core").WritableSignal<boolean>;
     inputRef: import("@angular/core").Signal<ElementRef<any>>;
+    constructor(changeDetectorRef: ChangeDetectorRef);
     ngOnInit(): void;
+    triggerChangeDetection(): void;
     spxSetFocus(): void;
     componentDidLoad(): void;
     handleChange(event: any): void;

package/spx-inputs/spx-input.component.d.ts

@@ -53,6 +53,7 @@ export declare class SpxInputComponent {
     handleSpxElementIdSet(id: number): void;
     ngOnDestroy(): void;
     handleChange(event: any): void;
+    triggerChangeDetection(): void;
     handleClear(): void;
     handleSearch(): void;
     handleEdit(): void;

package/spx-navigation/public-api.d.ts

@@ -1,7 +1,7 @@
 export * from './spx-navigation-item.interface';
 export * from './spx-navigation.component';
-export * from './spx-home-tile.component';
-export * from './spx-home-tiles.component';
+export * from './spx-home-tile/spx-home-tile.component';
+export * from './spx-home-tile/spx-home-tiles.component';
 export * as spxNavigationActions from './store/spx-navigation/spx-navigation.actions';
 export * as spxNavigationInitial from './store/spx-navigation/spx-navigation.initial';
 export * as spxNavigationReducer from './store/spx-navigation/spx-navigation.reducer';

package/spx-navigation/spx-home-tile/spx-home-tile.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class SpxHomeTileComponent {
+    readonly spxAutofocus: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly spxClass: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxSubtitle: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxTitle: import("@angular/core").InputSignal<string | undefined>;
+    private buttonRef;
+    setFocus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxHomeTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxHomeTileComponent, "spx-home-tile", never, { "spxAutofocus": { "alias": "spxAutofocus"; "required": false; "isSignal": true; }; "spxClass": { "alias": "spxClass"; "required": false; "isSignal": true; }; "spxSubtitle": { "alias": "spxSubtitle"; "required": false; "isSignal": true; }; "spxTitle": { "alias": "spxTitle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/spx-navigation/{spx-home-tiles.component.d.ts → spx-home-tile/spx-home-tiles.component.d.ts}

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class SpxHomeTilesComponent {
-    spxCols: 1 | 2;
+    readonly spxCols: import("@angular/core").InputSignal<1 | 2>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxHomeTilesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxHomeTilesComponent, "spx-home-tiles", never, { "spxCols": { "alias": "spxCols"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxHomeTilesComponent, "spx-home-tiles", never, { "spxCols": { "alias": "spxCols"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/spx-navigation/spx-navigation.component.d.ts

@@ -1,18 +1,21 @@
-import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
-import { SpxHomeTileComponent } from './spx-home-tile.component';
+import { OnDestroy, OnInit } from '@angular/core';
+import { SpxHomeTileComponent } from './spx-home-tile/spx-home-tile.component';
 import { Store } from '@ngrx/store';
 import { SpxNavigationItemI } from './spx-navigation-item.interface';
+import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class SpxNavigationComponent {
+export declare class SpxNavigationComponent implements OnInit, OnDestroy {
     private readonly appStore;
     readonly spxOverwriteNavItems: import("@angular/core").InputSignal<SpxNavigationItemI[] | undefined>;
-    tiles?: QueryList<SpxHomeTileComponent>;
-    iconTemplateRef?: TemplateRef<any>;
-    spxClick: EventEmitter<string>;
-    navItems: import("rxjs").Observable<SpxNavigationItemI[]>;
+    tiles: import("@angular/core").Signal<readonly SpxHomeTileComponent[]>;
+    spxClick: import("@angular/core").OutputEmitterRef<string>;
+    navItems: import("@angular/core").WritableSignal<SpxNavigationItemI[]>;
+    menuItemsSubscription: Subscription | null;
     constructor(appStore: Store);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
     setFocus(): void;
     onNavigate(link: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxNavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNavigationComponent, "spx-navigation", never, { "spxOverwriteNavItems": { "alias": "spxOverwriteNavItems"; "required": false; "isSignal": true; }; }, { "spxClick": "spxClick"; }, ["iconTemplateRef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNavigationComponent, "spx-navigation", never, { "spxOverwriteNavItems": { "alias": "spxOverwriteNavItems"; "required": false; "isSignal": true; }; }, { "spxClick": "spxClick"; }, never, never, true, never>;
 }

package/spx-number-check/spx-number-check.component.d.ts

@@ -1,46 +1,40 @@
-import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
-import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class SpxNumberCheckComponent implements OnChanges, OnInit, OnDestroy {
+export declare class SpxNumberCheckComponent implements OnInit, OnDestroy {
     private readonly formBuilder;
-    spxAction: string;
-    spxSimpleMode: boolean;
-    spxPincode: string;
-    txtCancel: string;
-    txtConfirm: string;
-    txtConfirmMessage: string;
-    txtReset: string;
-    spxCancel: EventEmitter<void>;
-    spxConfirm: EventEmitter<void>;
-    viewChild1: ElementRef<HTMLInputElement>;
-    viewChild2: ElementRef<HTMLInputElement>;
-    viewChild3: ElementRef<HTMLInputElement>;
-    viewChild4: ElementRef<HTMLInputElement>;
-    form: FormGroup;
+    readonly spxAction: import("@angular/core").InputSignal<string>;
+    readonly spxSimpleMode: import("@angular/core").InputSignal<boolean>;
+    readonly spxPincode: import("@angular/core").InputSignal<string>;
+    readonly txtCancel: import("@angular/core").InputSignal<string>;
+    readonly txtConfirm: import("@angular/core").InputSignal<string>;
+    readonly txtConfirmMessage: import("@angular/core").InputSignal<string>;
+    readonly txtReset: import("@angular/core").InputSignal<string>;
+    spxCancel: import("@angular/core").OutputEmitterRef<void>;
+    spxConfirm: import("@angular/core").OutputEmitterRef<void>;
+    readonly viewChild1: import("@angular/core").Signal<HTMLInputElement>;
+    readonly viewChild2: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly viewChild3: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    readonly viewChild4: import("@angular/core").Signal<ElementRef<HTMLInputElement>>;
+    form: import("@angular/core").WritableSignal<FormGroup<any> | null>;
     spxSeverity: typeof SpxSeverityEnum;
-    accepted: boolean;
-    denied: boolean;
-    listenToCtrl1?: Subscription;
-    listenToCtrl2?: Subscription;
-    listenToCtrl3?: Subscription;
-    listenToCtrl4?: Subscription;
-    listenToTyping?: Subscription;
-    get ctrl1(): FormControl;
-    get ctrl2(): FormControl;
-    get ctrl3(): FormControl;
-    get ctrl4(): FormControl;
+    accepted: import("@angular/core").WritableSignal<boolean>;
+    denied: import("@angular/core").WritableSignal<boolean>;
+    private subscription;
+    readonly ctrl1: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrl2: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrl3: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrl4: import("@angular/core").Signal<FormControl<any>>;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     handleCancel(): void;
     handleConfirm(): void;
     handleReset(): void;
-    onDigitInput(event: any): void;
-    onBackspace(event: any): void;
+    onDigitInput(event: KeyboardEvent): void;
+    onBackspace(event: Event): void;
     private checkPincode;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxNumberCheckComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNumberCheckComponent, "spx-number-check", never, { "spxAction": { "alias": "spxAction"; "required": false; }; "spxSimpleMode": { "alias": "spxSimpleMode"; "required": false; }; "spxPincode": { "alias": "spxPincode"; "required": false; }; "txtCancel": { "alias": "txtCancel"; "required": false; }; "txtConfirm": { "alias": "txtConfirm"; "required": false; }; "txtConfirmMessage": { "alias": "txtConfirmMessage"; "required": false; }; "txtReset": { "alias": "txtReset"; "required": false; }; }, { "spxCancel": "spxCancel"; "spxConfirm": "spxConfirm"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNumberCheckComponent, "spx-number-check", never, { "spxAction": { "alias": "spxAction"; "required": true; "isSignal": true; }; "spxSimpleMode": { "alias": "spxSimpleMode"; "required": false; "isSignal": true; }; "spxPincode": { "alias": "spxPincode"; "required": true; "isSignal": true; }; "txtCancel": { "alias": "txtCancel"; "required": true; "isSignal": true; }; "txtConfirm": { "alias": "txtConfirm"; "required": true; "isSignal": true; }; "txtConfirmMessage": { "alias": "txtConfirmMessage"; "required": true; "isSignal": true; }; "txtReset": { "alias": "txtReset"; "required": true; "isSignal": true; }; }, { "spxCancel": "spxCancel"; "spxConfirm": "spxConfirm"; }, never, never, true, never>;
 }

package/spx-pagination/spx-pagination.component.d.ts

@@ -1,16 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import { IconProp } from '@fortawesome/angular-fontawesome/types';
 import * as i0 from "@angular/core";
 export declare class SpxPaginationComponent {
-    faArrowLeft: IconProp;
-    faArrowRight: IconProp;
-    spxPage: number;
-    spxMaxPages: number;
-    textNext: string;
-    textPage: string;
-    textPrevious: string;
-    spxPageChange: EventEmitter<number>;
+    readonly faArrowLeft: import("@angular/core").InputSignal<IconProp>;
+    readonly faArrowRight: import("@angular/core").InputSignal<IconProp>;
+    readonly spxPage: import("@angular/core").InputSignal<number>;
+    readonly spxMaxPages: import("@angular/core").InputSignal<number>;
+    readonly textNext: import("@angular/core").InputSignal<string>;
+    readonly textPage: import("@angular/core").InputSignal<string>;
+    readonly textPrevious: import("@angular/core").InputSignal<string>;
+    spxPageChange: import("@angular/core").OutputEmitterRef<number>;
     onPageChange(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxPaginationComponent, "spx-pagination", never, { "faArrowLeft": { "alias": "faArrowLeft"; "required": false; }; "faArrowRight": { "alias": "faArrowRight"; "required": false; }; "spxPage": { "alias": "spxPage"; "required": false; }; "spxMaxPages": { "alias": "spxMaxPages"; "required": false; }; "textNext": { "alias": "textNext"; "required": false; }; "textPage": { "alias": "textPage"; "required": false; }; "textPrevious": { "alias": "textPrevious"; "required": false; }; }, { "spxPageChange": "spxPageChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxPaginationComponent, "spx-pagination", never, { "faArrowLeft": { "alias": "faArrowLeft"; "required": true; "isSignal": true; }; "faArrowRight": { "alias": "faArrowRight"; "required": true; "isSignal": true; }; "spxPage": { "alias": "spxPage"; "required": true; "isSignal": true; }; "spxMaxPages": { "alias": "spxMaxPages"; "required": true; "isSignal": true; }; "textNext": { "alias": "textNext"; "required": true; "isSignal": true; }; "textPage": { "alias": "textPage"; "required": true; "isSignal": true; }; "textPrevious": { "alias": "textPrevious"; "required": true; "isSignal": true; }; }, { "spxPageChange": "spxPageChange"; }, never, never, true, never>;
 }

package/spx-patch/spx-patch.component.d.ts

@@ -1,11 +1,11 @@
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxPatchComponent {
-    spxText: string;
-    patchCheck: number | null;
-    releaseCheck: string | null;
+    readonly spxText: import("@angular/core").InputSignal<string>;
+    readonly patchCheck: import("@angular/core").InputSignal<number | null>;
+    readonly releaseCheck: import("@angular/core").InputSignal<string | null>;
     severityError: SpxSeverityEnum;
     severityWarning: SpxSeverityEnum;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxPatchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxPatchComponent, "spx-patch", never, { "spxText": { "alias": "spxText"; "required": false; }; "patchCheck": { "alias": "patchCheck"; "required": false; }; "releaseCheck": { "alias": "releaseCheck"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxPatchComponent, "spx-patch", never, { "spxText": { "alias": "spxText"; "required": true; "isSignal": true; }; "patchCheck": { "alias": "patchCheck"; "required": true; "isSignal": true; }; "releaseCheck": { "alias": "releaseCheck"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/spx-progress-bar/spx-progress-bar.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SpxProgressBarComponent {
-    spxPercentage: number;
-    spxTitle: string;
+    readonly spxPercentage: import("@angular/core").InputSignal<number>;
+    readonly spxTitle: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxProgressBarComponent, "spx-progress-bar", never, { "spxPercentage": { "alias": "spxPercentage"; "required": false; }; "spxTitle": { "alias": "spxTitle"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxProgressBarComponent, "spx-progress-bar", never, { "spxPercentage": { "alias": "spxPercentage"; "required": true; "isSignal": true; }; "spxTitle": { "alias": "spxTitle"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/spx-spinner/spx-spinner.component.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class SpxSpinnerComponent {
-    spxShow: boolean;
-    spxLoaderText: string;
+    readonly spxShow: import("@angular/core").InputSignal<boolean>;
+    readonly spxLoaderText: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxSpinnerComponent, "spx-spinner", never, { "spxShow": { "alias": "spxShow"; "required": false; }; "spxLoaderText": { "alias": "spxLoaderText"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxSpinnerComponent, "spx-spinner", never, { "spxShow": { "alias": "spxShow"; "required": false; "isSignal": true; }; "spxLoaderText": { "alias": "spxLoaderText"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/spx-stock-info/spx-stock-info.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxValuePair } from '@softpak/components/spx-inputs';
 import { SpxFormFieldI, SpxFormI } from '@softpak/components/spx-form-view';
@@ -18,55 +17,55 @@ export declare const sectionCustomer = "sectionCustomer";
 export declare const sectionLocation = "sectionLocation";
 export declare class SpxStockInfoComponent {
     readonly formBuilder: FormBuilder;
-    depotReadonly: boolean;
-    statusGroupsInPatch: boolean;
-    containers: any[];
-    currentPage: number;
-    faArrowLeft: IconProp;
-    faArrowRight: IconProp;
-    faContainerStorage: IconProp;
-    formGroup: FormGroup;
-    loaded: boolean;
-    pageSize: number;
-    suggestions: any;
-    textCategory: string;
-    textContainerInfo: string;
-    textContainerStatus: string;
-    textContainerStatusGroup: string;
-    textContainerType: string;
-    textCustomer: string;
-    textDepot: string;
-    textLocation: string;
-    textNext: string;
-    textPage: string;
-    textPrevious: string;
-    textSearch: string;
-    textNoResults: string;
-    textYouCanChangeYourFilters: string;
-    spxBlurCategory: EventEmitter<SpxValuePair<string>>;
-    spxBlurContainerStatus: EventEmitter<SpxValuePair<string>>;
-    spxBlurContainerStatusGroup: EventEmitter<SpxValuePair<string>>;
-    spxBlurContainerType: EventEmitter<SpxValuePair<string>>;
-    spxBlurCustomer: EventEmitter<SpxValuePair<string>>;
-    spxBlurDepot: EventEmitter<SpxValuePair<string>>;
-    spxClickContainer: EventEmitter<any>;
-    spxPageChange: EventEmitter<number>;
-    spxSearchCategory: EventEmitter<SpxValuePair<string>>;
-    spxSearchContainerStatus: EventEmitter<SpxValuePair<string>>;
-    spxSearchContainerStatusGroup: EventEmitter<SpxValuePair<string>>;
-    spxSearchContainerType: EventEmitter<SpxValuePair<string>>;
-    spxSearchCustomer: EventEmitter<SpxValuePair<string>>;
-    spxSearchDepot: EventEmitter<SpxValuePair<string>>;
-    spxSubmit: EventEmitter<SpxStockInfoValueI>;
+    readonly depotReadonly: import("@angular/core").InputSignal<boolean>;
+    readonly statusGroupsInPatch: import("@angular/core").InputSignal<boolean>;
+    readonly containers: import("@angular/core").InputSignal<any[]>;
+    readonly currentPage: import("@angular/core").InputSignal<number>;
+    readonly faArrowLeft: import("@angular/core").InputSignal<IconProp>;
+    readonly faArrowRight: import("@angular/core").InputSignal<IconProp>;
+    readonly faContainerStorage: import("@angular/core").InputSignal<IconProp>;
+    readonly formGroup: import("@angular/core").InputSignal<FormGroup<any>>;
+    readonly loaded: import("@angular/core").InputSignal<boolean>;
+    readonly pageSize: import("@angular/core").InputSignal<number>;
+    readonly suggestions: import("@angular/core").InputSignal<any>;
+    readonly textCategory: import("@angular/core").InputSignal<string>;
+    readonly textContainerInfo: import("@angular/core").InputSignal<string>;
+    readonly textContainerStatus: import("@angular/core").InputSignal<string>;
+    readonly textContainerStatusGroup: import("@angular/core").InputSignal<string>;
+    readonly textContainerType: import("@angular/core").InputSignal<string>;
+    readonly textCustomer: import("@angular/core").InputSignal<string>;
+    readonly textDepot: import("@angular/core").InputSignal<string>;
+    readonly textLocation: import("@angular/core").InputSignal<string>;
+    readonly textNext: import("@angular/core").InputSignal<string>;
+    readonly textPage: import("@angular/core").InputSignal<string>;
+    readonly textPrevious: import("@angular/core").InputSignal<string>;
+    readonly textSearch: import("@angular/core").InputSignal<string>;
+    readonly textNoResults: import("@angular/core").InputSignal<string>;
+    readonly textYouCanChangeYourFilters: import("@angular/core").InputSignal<string>;
+    readonly spxBlurCategory: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxBlurContainerStatus: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxBlurContainerStatusGroup: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxBlurContainerType: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxBlurCustomer: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxBlurDepot: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxClickContainer: import("@angular/core").OutputEmitterRef<any>;
+    readonly spxPageChange: import("@angular/core").OutputEmitterRef<number>;
+    readonly spxSearchCategory: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxSearchContainerStatus: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxSearchContainerStatusGroup: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxSearchContainerType: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxSearchCustomer: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxSearchDepot: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    readonly spxSubmit: import("@angular/core").OutputEmitterRef<SpxStockInfoValueI>;
     severityInfo: SpxSeverityEnum;
     form: SpxFormI;
-    get ctrlCategory(): FormControl;
-    get ctrlContainerStatus(): FormControl;
-    get ctrlContainerStatusGroup(): FormControl;
-    get ctrlContainerType(): FormControl;
-    get ctrlCustomer(): FormControl;
-    get ctrlDepot(): FormControl;
-    get ctrlLocation(): FormControl;
+    readonly ctrlCategory: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlContainerStatus: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlContainerStatusGroup: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlContainerType: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlCustomer: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlDepot: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlLocation: import("@angular/core").Signal<FormControl<any>>;
     constructor(formBuilder: FormBuilder);
     createForm(): FormGroup;
     getRawValidators(formControl: FormControl): any;
@@ -82,5 +81,5 @@ export declare class SpxStockInfoComponent {
     goToContainer(container: any): void;
     onSubmit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxStockInfoComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxStockInfoComponent, "spx-stock-info", never, { "depotReadonly": { "alias": "depotReadonly"; "required": false; }; "statusGroupsInPatch": { "alias": "statusGroupsInPatch"; "required": false; }; "containers": { "alias": "containers"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "faArrowLeft": { "alias": "faArrowLeft"; "required": false; }; "faArrowRight": { "alias": "faArrowRight"; "required": false; }; "faContainerStorage": { "alias": "faContainerStorage"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "loaded": { "alias": "loaded"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "textCategory": { "alias": "textCategory"; "required": false; }; "textContainerInfo": { "alias": "textContainerInfo"; "required": false; }; "textContainerStatus": { "alias": "textContainerStatus"; "required": false; }; "textContainerStatusGroup": { "alias": "textContainerStatusGroup"; "required": false; }; "textContainerType": { "alias": "textContainerType"; "required": false; }; "textCustomer": { "alias": "textCustomer"; "required": false; }; "textDepot": { "alias": "textDepot"; "required": false; }; "textLocation": { "alias": "textLocation"; "required": false; }; "textNext": { "alias": "textNext"; "required": false; }; "textPage": { "alias": "textPage"; "required": false; }; "textPrevious": { "alias": "textPrevious"; "required": false; }; "textSearch": { "alias": "textSearch"; "required": false; }; "textNoResults": { "alias": "textNoResults"; "required": false; }; "textYouCanChangeYourFilters": { "alias": "textYouCanChangeYourFilters"; "required": false; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerStatus": "spxBlurContainerStatus"; "spxBlurContainerStatusGroup": "spxBlurContainerStatusGroup"; "spxBlurContainerType": "spxBlurContainerType"; "spxBlurCustomer": "spxBlurCustomer"; "spxBlurDepot": "spxBlurDepot"; "spxClickContainer": "spxClickContainer"; "spxPageChange": "spxPageChange"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerStatus": "spxSearchContainerStatus"; "spxSearchContainerStatusGroup": "spxSearchContainerStatusGroup"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchCustomer": "spxSearchCustomer"; "spxSearchDepot": "spxSearchDepot"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxStockInfoComponent, "spx-stock-info", never, { "depotReadonly": { "alias": "depotReadonly"; "required": false; "isSignal": true; }; "statusGroupsInPatch": { "alias": "statusGroupsInPatch"; "required": true; "isSignal": true; }; "containers": { "alias": "containers"; "required": true; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "faArrowLeft": { "alias": "faArrowLeft"; "required": true; "isSignal": true; }; "faArrowRight": { "alias": "faArrowRight"; "required": true; "isSignal": true; }; "faContainerStorage": { "alias": "faContainerStorage"; "required": true; "isSignal": true; }; "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "loaded": { "alias": "loaded"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": true; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "textCategory": { "alias": "textCategory"; "required": true; "isSignal": true; }; "textContainerInfo": { "alias": "textContainerInfo"; "required": true; "isSignal": true; }; "textContainerStatus": { "alias": "textContainerStatus"; "required": true; "isSignal": true; }; "textContainerStatusGroup": { "alias": "textContainerStatusGroup"; "required": true; "isSignal": true; }; "textContainerType": { "alias": "textContainerType"; "required": true; "isSignal": true; }; "textCustomer": { "alias": "textCustomer"; "required": true; "isSignal": true; }; "textDepot": { "alias": "textDepot"; "required": true; "isSignal": true; }; "textLocation": { "alias": "textLocation"; "required": true; "isSignal": true; }; "textNext": { "alias": "textNext"; "required": true; "isSignal": true; }; "textPage": { "alias": "textPage"; "required": true; "isSignal": true; }; "textPrevious": { "alias": "textPrevious"; "required": true; "isSignal": true; }; "textSearch": { "alias": "textSearch"; "required": true; "isSignal": true; }; "textNoResults": { "alias": "textNoResults"; "required": true; "isSignal": true; }; "textYouCanChangeYourFilters": { "alias": "textYouCanChangeYourFilters"; "required": true; "isSignal": true; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerStatus": "spxBlurContainerStatus"; "spxBlurContainerStatusGroup": "spxBlurContainerStatusGroup"; "spxBlurContainerType": "spxBlurContainerType"; "spxBlurCustomer": "spxBlurCustomer"; "spxBlurDepot": "spxBlurDepot"; "spxClickContainer": "spxClickContainer"; "spxPageChange": "spxPageChange"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerStatus": "spxSearchContainerStatus"; "spxSearchContainerStatusGroup": "spxSearchContainerStatusGroup"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchCustomer": "spxSearchCustomer"; "spxSearchDepot": "spxSearchDepot"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
 }

package/spx-toaster/src/spx-toaster-message.interface.d.ts

@@ -1,10 +1,14 @@
 import { SpxSeverityEnum } from "@softpak/components/spx-helpers";
+import { SpxToasterAutoCloseSpeedEnum } from "./spx-toaster-autoclose-speed";
 export declare class SpxToasterMessageI {
-    autoClose?: any;
+    private _autoClose?;
     title?: string;
     closeable?: boolean;
     id: number;
     message: string;
     severity: SpxSeverityEnum;
     uniqueIdentifier?: string;
+    constructor(message: string, id: number, severity: SpxSeverityEnum, autoClose?: SpxToasterAutoCloseSpeedEnum, closeable?: boolean);
+    get autoClose(): number | undefined;
+    set autoClose(value: number | undefined);
 }