@softpak/components 19.17.0-beta.4 → 19.17.0

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

@@ -1,4 +1,4 @@
-import { OnDestroy, OnInit } from '@angular/core';
+import { EventEmitter, 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,23 +10,24 @@ export declare const ctrlQuery = "query";
 export declare const ctrlOptions = "options";
 export declare class SpxAutocompleteSearchComponent implements OnInit, OnDestroy {
     readonly formBuilder: FormBuilder;
-    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>>;
+    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>>;
     inputTypeRadio: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
     SpxSeverity: typeof SpxSeverityEnum;
     sections: SpxFormSectionI[];
-    readonly ctrlQuery: import("@angular/core").Signal<FormControl<any>>;
-    readonly ctrlOptions: import("@angular/core").Signal<FormControl<any>>;
-    private subscriptions;
+    get ctrlQuery(): FormControl;
+    get ctrlOptions(): FormControl;
+    private subSelection?;
+    private subQuery?;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -37,5 +38,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; "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>;
+    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>;
 }

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: import("@angular/core").WritableSignal<SpxFormFieldI | null>;
+    autocompleteField?: SpxFormFieldI;
     typeAutocomplete: SpxInputTypeEnum;
     typeButton: SpxInputTypeEnum;
     typeFloat: SpxInputTypeEnum;

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

@@ -1,10 +1,9 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { 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>;
@@ -21,9 +20,7 @@ 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,7 +53,6 @@ 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/spx-home-tile.component';
-export * from './spx-home-tile/spx-home-tiles.component';
+export * from './spx-home-tile.component';
+export * from './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.component.d.ts

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

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

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

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

@@ -1,21 +1,18 @@
-import { OnDestroy, OnInit } from '@angular/core';
-import { SpxHomeTileComponent } from './spx-home-tile/spx-home-tile.component';
+import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { SpxHomeTileComponent } from './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 implements OnInit, OnDestroy {
+export declare class SpxNavigationComponent {
     private readonly appStore;
     readonly spxOverwriteNavItems: import("@angular/core").InputSignal<SpxNavigationItemI[] | undefined>;
-    tiles: import("@angular/core").Signal<readonly SpxHomeTileComponent[]>;
-    spxClick: import("@angular/core").OutputEmitterRef<string>;
-    navItems: import("@angular/core").WritableSignal<SpxNavigationItemI[]>;
-    menuItemsSubscription: Subscription | null;
+    tiles?: QueryList<SpxHomeTileComponent>;
+    iconTemplateRef?: TemplateRef<any>;
+    spxClick: EventEmitter<string>;
+    navItems: import("rxjs").Observable<SpxNavigationItemI[]>;
     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"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxNavigationComponent, "spx-navigation", never, { "spxOverwriteNavItems": { "alias": "spxOverwriteNavItems"; "required": false; "isSignal": true; }; }, { "spxClick": "spxClick"; }, ["iconTemplateRef"], never, true, never>;
 }

package/spx-navigation/store/spx-navigation/spx-navigation.actions.d.ts

@@ -18,11 +18,11 @@ export declare const update: import("@ngrx/store").ActionCreator<"[SPX / Navigat
 } & import("@ngrx/store").Action<"[SPX / Navigation] Update">>;
 declare const all: ({
     navigationItems: SpxNavigationItemI[];
-} & import("@ngrx/store").Action<"[SPX / Navigation] Add items">) | ({
-    navigationItems: SpxNavigationItemI[];
 } & import("@ngrx/store").Action<"[SPX / Navigation] Initialize">) | ({
     accessList: string[];
     signedIn: boolean;
-} & import("@ngrx/store").Action<"[SPX / Navigation] Update">);
+} & import("@ngrx/store").Action<"[SPX / Navigation] Update">) | ({
+    navigationItems: SpxNavigationItemI[];
+} & import("@ngrx/store").Action<"[SPX / Navigation] Add items">);
 export type Actions = typeof all;
 export {};

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

@@ -1,40 +1,46 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } 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 OnInit, OnDestroy {
+export declare class SpxNumberCheckComponent implements OnChanges, OnInit, OnDestroy {
     private readonly formBuilder;
-    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>;
+    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;
     spxSeverity: typeof SpxSeverityEnum;
-    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>>;
+    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;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     handleCancel(): void;
     handleConfirm(): void;
     handleReset(): void;
-    onDigitInput(event: KeyboardEvent): void;
-    onBackspace(event: Event): void;
+    onDigitInput(event: any): void;
+    onBackspace(event: any): void;
     private checkPincode;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxNumberCheckComponent, 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>;
+    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>;
 }

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

@@ -1,15 +1,16 @@
+import { EventEmitter } from '@angular/core';
 import { IconProp } from '@fortawesome/angular-fontawesome/types';
 import * as i0 from "@angular/core";
 export declare class SpxPaginationComponent {
-    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>;
+    faArrowLeft: IconProp;
+    faArrowRight: IconProp;
+    spxPage: number;
+    spxMaxPages: number;
+    textNext: string;
+    textPage: string;
+    textPrevious: string;
+    spxPageChange: EventEmitter<number>;
     onPageChange(page: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxPaginationComponent, 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>;
+    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>;
 }

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 {
-    readonly spxText: import("@angular/core").InputSignal<string>;
-    readonly patchCheck: import("@angular/core").InputSignal<number | null>;
-    readonly releaseCheck: import("@angular/core").InputSignal<string | null>;
+    spxText: string;
+    patchCheck: number | null;
+    releaseCheck: string | null;
     severityError: SpxSeverityEnum;
     severityWarning: SpxSeverityEnum;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxPatchComponent, 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>;
+    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>;
 }

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

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

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

@@ -1,3 +1,4 @@
+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';
@@ -17,55 +18,55 @@ export declare const sectionCustomer = "sectionCustomer";
 export declare const sectionLocation = "sectionLocation";
 export declare class SpxStockInfoComponent {
     readonly formBuilder: FormBuilder;
-    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>;
+    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>;
     severityInfo: SpxSeverityEnum;
     form: SpxFormI;
-    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>>;
+    get ctrlCategory(): FormControl;
+    get ctrlContainerStatus(): FormControl;
+    get ctrlContainerStatusGroup(): FormControl;
+    get ctrlContainerType(): FormControl;
+    get ctrlCustomer(): FormControl;
+    get ctrlDepot(): FormControl;
+    get ctrlLocation(): FormControl;
     constructor(formBuilder: FormBuilder);
     createForm(): FormGroup;
     getRawValidators(formControl: FormControl): any;
@@ -81,5 +82,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; "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>;
+    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>;
 }

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

@@ -1,14 +1,10 @@
 import { SpxSeverityEnum } from "@softpak/components/spx-helpers";
-import { SpxToasterAutoCloseSpeedEnum } from "./spx-toaster-autoclose-speed";
 export declare class SpxToasterMessageI {
-    private _autoClose?;
+    autoClose?: any;
     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);
 }

package/spx-toaster/src/spx-toaster.component.d.ts

@@ -1,11 +1,19 @@
+import { ElementRef, EventEmitter, OnChanges, Renderer2 } from '@angular/core';
 import { SpxToasterMessageI } from './spx-toaster-message.interface';
 import * as i0 from "@angular/core";
-export declare class SpxToasterComponent {
-    messages: import("@angular/core").InputSignal<SpxToasterMessageI[]>;
-    readonly spxAutoclose: import("@angular/core").InputSignal<number | undefined>;
-    spxClose: import("@angular/core").OutputEmitterRef<number>;
-    constructor();
+export declare class SpxToasterComponent implements OnChanges {
+    private renderer;
+    private el;
+    hostClass: boolean;
+    messages: SpxToasterMessageI[];
+    spxClose: EventEmitter<number>;
+    spxAutoclose: number | undefined;
+    count: number;
+    constructor(renderer: Renderer2, el: ElementRef);
+    ngOnChanges(): void;
+    showProgressBar(autoclose: number, id: number): void;
     handleClose(id: number): void;
+    private calcToasterAutocloseSpeed;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxToasterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxToasterComponent, "spx-toaster", never, { "messages": { "alias": "messages"; "required": true; "isSignal": true; }; "spxAutoclose": { "alias": "spxAutoclose"; "required": false; "isSignal": true; }; }, { "spxClose": "spxClose"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxToasterComponent, "spx-toaster", never, { "messages": { "alias": "messages"; "required": false; }; "spxAutoclose": { "alias": "spxAutoclose"; "required": false; }; }, { "spxClose": "spxClose"; }, never, never, true, never>;
 }

package/spx-update/store/spx-update-check/spx-update-check.actions.d.ts

@@ -17,12 +17,12 @@ export declare const runCheck: import("@ngrx/store").ActionCreator<"[SPX / Updat
 }) => {
     forceWaitForUpdate?: boolean;
 } & import("@ngrx/store").Action<"[SPX / Update Check] Run">>;
-declare const all: ({
-    forceWaitForUpdate?: boolean;
-} & import("@ngrx/store").Action<"[SPX / Update Check] Run">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] An update is ready">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] Clear error">) | ({
+declare const all: (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] An update is ready">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] Clear error">) | ({
     startUpdateAgainAfterTimeout?: boolean;
-} & import("@ngrx/store").Action<"[SPX / Update Check] Error happened">) | ({
+} & import("@ngrx/store").Action<"[SPX / Update Check] Error happened">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] Initialize">) | ({
     startUpdateAgainAfterTimeout?: boolean;
-} & import("@ngrx/store").Action<"[SPX / Update Check] No update was found">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] Not available on web">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] Initialize">);
+} & import("@ngrx/store").Action<"[SPX / Update Check] No update was found">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Check] Not available on web">) | ({
+    forceWaitForUpdate?: boolean;
+} & import("@ngrx/store").Action<"[SPX / Update Check] Run">);
 export type Actions = typeof all;
 export {};

package/spx-update/store/spx-update-pending/spx-update-pending.actions.d.ts

@@ -3,6 +3,6 @@ export declare const hasBeenDownloaded: import("@ngrx/store").ActionCreator<"[SP
 export declare const hasBeenInstalled: import("@ngrx/store").ActionCreator<"[SPX / Update Pending] Has been installed", (props: Record<string, unknown>) => Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Has been installed">>;
 export declare const postpone: import("@ngrx/store").ActionCreator<"[SPX / Update Pending] Postpone", (props: Record<string, unknown>) => Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Postpone">>;
 export declare const postponeExpired: import("@ngrx/store").ActionCreator<"[SPX / Update Pending] Postpone expired", (props: Record<string, unknown>) => Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Postpone expired">>;
-declare const all: (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Has been downloaded">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Accept update">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Has been installed">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Postpone">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Postpone expired">);
+declare const all: (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Accept update">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Has been downloaded">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Has been installed">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Postpone">) | (Record<string, unknown> & import("@ngrx/store").Action<"[SPX / Update Pending] Postpone expired">);
 export type Actions = typeof all;
 export {};

package/spx-validation/spx-validate-control.component.d.ts

@@ -1,26 +1,24 @@
-import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { AbstractControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class SpxValidateControlComponent {
-    readonly control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
-    readonly label: import("@angular/core").InputSignal<unknown>;
-    readonly submitTried: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly errors: import("@angular/core").InputSignal<ValidationErrors | null>;
-    readonly touched: import("@angular/core").InputSignal<boolean>;
-    maxLength: import("@angular/core").Signal<any>;
-    maxLengthRequiredLength: import("@angular/core").Signal<any>;
-    minLength: import("@angular/core").Signal<any>;
-    minLengthRequiredLength: import("@angular/core").Signal<any>;
-    max: import("@angular/core").Signal<any>;
-    maxRequiredMax: import("@angular/core").Signal<any>;
-    min: import("@angular/core").Signal<any>;
-    minRequiredMin: import("@angular/core").Signal<any>;
-    pattern: import("@angular/core").Signal<any>;
-    required: import("@angular/core").Signal<any>;
-    year: import("@angular/core").Signal<any>;
-    yearFuture: import("@angular/core").Signal<any>;
-    month: import("@angular/core").Signal<any>;
-    future: import("@angular/core").Signal<any>;
-    past: import("@angular/core").Signal<any>;
+    control: AbstractControl;
+    label: string | unknown;
+    submitTried: boolean;
+    get maxLength(): any;
+    get maxLengthRequiredLength(): any;
+    get minLength(): any;
+    get minLengthRequiredLength(): any;
+    get max(): any;
+    get maxRequiredMax(): any;
+    get min(): any;
+    get minRequiredMin(): any;
+    get pattern(): any;
+    get required(): any;
+    get year(): any;
+    get yearFuture(): any;
+    get month(): any;
+    get future(): any;
+    get past(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxValidateControlComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxValidateControlComponent, "spx-validate-control", never, { "control": { "alias": "control"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "submitTried": { "alias": "submitTried"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": true; "isSignal": true; }; "touched": { "alias": "touched"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxValidateControlComponent, "spx-validate-control", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "submitTried": { "alias": "submitTried"; "required": false; }; }, {}, never, never, true, never>;
 }