@softpak/components 0.0.0-beta.17 → 0.0.0-beta.170

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "0.0.0-beta.17",
+  "version": "0.0.0-beta.170",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^17.x.x",
@@ -23,6 +23,12 @@
       "esm": "./esm2022/softpak-components.mjs",
       "default": "./fesm2022/softpak-components.mjs"
     },
+    "./spx-button": {
+      "types": "./spx-button/index.d.ts",
+      "esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
+      "esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
+      "default": "./fesm2022/softpak-components-spx-button.mjs"
+    },
     "./spx-alert": {
       "types": "./spx-alert/index.d.ts",
       "esm2022": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
@@ -35,18 +41,18 @@
       "esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
       "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
     },
-    "./spx-button": {
-      "types": "./spx-button/index.d.ts",
-      "esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
-      "esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
-      "default": "./fesm2022/softpak-components-spx-button.mjs"
-    },
     "./spx-capitalize": {
       "types": "./spx-capitalize/index.d.ts",
       "esm2022": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
       "esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
+    "./spx-change-details": {
+      "types": "./spx-change-details/index.d.ts",
+      "esm2022": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
+      "esm": "./esm2022/spx-change-details/softpak-components-spx-change-details.mjs",
+      "default": "./fesm2022/softpak-components-spx-change-details.mjs"
+    },
     "./spx-channel-selection": {
       "types": "./spx-channel-selection/index.d.ts",
       "esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
@@ -65,6 +71,12 @@
       "esm": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
       "default": "./fesm2022/softpak-components-spx-form-section.mjs"
     },
+    "./spx-form-view": {
+      "types": "./spx-form-view/index.d.ts",
+      "esm2022": "./esm2022/spx-form-view/softpak-components-spx-form-view.mjs",
+      "esm": "./esm2022/spx-form-view/softpak-components-spx-form-view.mjs",
+      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
+    },
     "./spx-helpers": {
       "types": "./spx-helpers/index.d.ts",
       "esm2022": "./esm2022/spx-helpers/softpak-components-spx-helpers.mjs",
@@ -83,6 +95,12 @@
       "esm": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
+    "./spx-number-check": {
+      "types": "./spx-number-check/index.d.ts",
+      "esm2022": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
+      "esm": "./esm2022/spx-number-check/softpak-components-spx-number-check.mjs",
+      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    },
     "./spx-patch": {
       "types": "./spx-patch/index.d.ts",
       "esm2022": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxButtonComponent {
@@ -16,12 +16,14 @@ export declare class SpxButtonComponent {
     spxTabIndex?: number;
     spxType: 'button' | 'submit';
     spxClick: EventEmitter<void>;
+    buttonRef?: ElementRef<HTMLInputElement>;
     get severityError(): boolean;
     get severityInfo(): boolean;
     get severitySuccess(): boolean;
     get severityWarning(): boolean;
     hasShadowDom: (el: HTMLElement) => boolean;
     handleClick: () => void;
+    spxSetFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxButtonComponent, "spx-button", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; }; "spxClass": { "alias": "spxClass"; "required": false; }; "spxClassObject": { "alias": "spxClassObject"; "required": false; }; "spxForm": { "alias": "spxForm"; "required": false; }; "spxFullHeight": { "alias": "spxFullHeight"; "required": false; }; "spxFullWidth": { "alias": "spxFullWidth"; "required": false; }; "spxSeverity": { "alias": "spxSeverity"; "required": false; }; "spxSize": { "alias": "spxSize"; "required": false; }; "spxTabIndex": { "alias": "spxTabIndex"; "required": false; }; "spxType": { "alias": "spxType"; "required": false; }; }, { "spxClick": "spxClick"; }, never, ["*"], true, never>;
 }

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@softpak/components/spx-change-details" />
+export * from './public-api';

package/spx-change-details/public-api.d.ts

@@ -0,0 +1 @@
+export * from './spx-change-details.component';

package/spx-change-details/spx-change-details-value.interface.d.ts

@@ -0,0 +1,7 @@
+import { SpxValuePair } from "@softpak/components/spx-inputs";
+export interface SpxChangeDetailsValueI {
+    category?: SpxValuePair<string>;
+    containerType: SpxValuePair<string>;
+    licensePlate: SpxValuePair<string>;
+    tonsTested: SpxValuePair<string>;
+}

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

@@ -0,0 +1,47 @@
+import { EventEmitter } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxFormFieldI, SpxFormSectionI } from '@softpak/components/spx-form-view';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxChangeDetailsValueI } from './spx-change-details-value.interface';
+import * as i0 from "@angular/core";
+export declare const sectionChangeDetails = "changeDetails";
+export declare const ctrlContainerType = "containerType";
+export declare const ctrlTonsTested = "tonsTested";
+export declare const ctrlLicensePlate = "licensePlate";
+export declare const ctrlCategory = "category";
+export declare class SpxChangeDetailsComponent {
+    readonly formBuilder: FormBuilder;
+    formGroup: FormGroup;
+    showCategory: boolean;
+    suggestions: any;
+    txtCategory: string;
+    txtContainerType: string;
+    txtLicensePlate: string;
+    txtTonsTested: string;
+    spxSearchCategory: EventEmitter<SpxValuePair<string>>;
+    spxSearchContainerType: EventEmitter<SpxValuePair<string>>;
+    spxSearchTonsTested: EventEmitter<SpxValuePair<string>>;
+    submit: EventEmitter<SpxChangeDetailsValueI>;
+    inputTypeAutocomplete: SpxInputTypeEnum;
+    inputTypeRadio: SpxInputTypeEnum;
+    inputTypeText: SpxInputTypeEnum;
+    severitySuccess: SpxSeverityEnum;
+    sections: SpxFormSectionI[];
+    get ctrlCategory(): FormControl;
+    get ctrlContainerType(): FormControl;
+    get ctrlLicensePlate(): FormControl;
+    get ctrlTonsTested(): FormControl;
+    private inputChanges?;
+    constructor(formBuilder: FormBuilder);
+    createForm(): FormGroup;
+    ngOnDestroy(): void;
+    getRawValidators(formControl: FormControl): any;
+    onSearch(data: {
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }): void;
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxChangeDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "showCategory": { "alias": "showCategory"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "txtCategory": { "alias": "txtCategory"; "required": false; }; "txtContainerType": { "alias": "txtContainerType"; "required": false; }; "txtLicensePlate": { "alias": "txtLicensePlate"; "required": false; }; "txtTonsTested": { "alias": "txtTonsTested"; "required": false; }; }, { "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
+}

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

@@ -1,11 +1,12 @@
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { SpxInputTypeEnum } from '@softpak/components/spx-inputs';
+import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxCheckDigitComponent {
     private readonly formBuilder;
     txtCheckDigit: string;
     txtContainer: string;
     txtPrefix: string;
+    ctrlContainerNumberRef?: SpxInputComponent;
     inputTypeOverlayNumber: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
     formGroup: FormGroup;
@@ -15,6 +16,7 @@ export declare class SpxCheckDigitComponent {
     private inputChanges?;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     getRawValidators(formControl: FormControl): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCheckDigitComponent, never>;

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@softpak/components/spx-form-view" />
+export * from './public-api';

package/spx-form-view/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './spx-form-field.interface';
+export * from './spx-form-section.interface';
+export * from './spx-form-view.component';

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

@@ -0,0 +1,40 @@
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxFormFieldI } from './spx-form-field.interface';
+import { SpxFormSectionI } from './spx-form-section.interface';
+import * as i0 from "@angular/core";
+export declare const sectionAutocompleteSearch = "autocompleteSearch";
+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;
+    spxCancel: EventEmitter<void>;
+    spxSearch: EventEmitter<SpxValuePair<any>>;
+    spxSubmit: EventEmitter<SpxValuePair<any>>;
+    inputTypeRadio: SpxInputTypeEnum;
+    inputTypeText: SpxInputTypeEnum;
+    severityError: SpxSeverityEnum;
+    severitySuccess: SpxSeverityEnum;
+    sections: SpxFormSectionI[];
+    get ctrlQuery(): FormControl;
+    get ctrlOptions(): FormControl;
+    private subQuery?;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private createForm;
+    getRawValidators(formControl: FormControl): any;
+    onCancel(): void;
+    onSubmit(): void;
+    private listenToQuery;
+    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; }; }, { "spxCancel": "spxCancel"; "spxSearch": "spxSearch"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
+}

package/spx-form-view/spx-form-field.interface.d.ts

@@ -0,0 +1,16 @@
+import { SpxInputTypeEnum, SpxValuePair } from "@softpak/components/spx-inputs";
+export interface SpxFormFieldI {
+    afterValueChange?: (value: SpxValuePair<string | number | boolean | any>) => void;
+    autofocus?: () => boolean;
+    capitalize?: () => boolean;
+    defaultValue?: () => string | number | boolean | any;
+    key: string;
+    label?: () => string;
+    readonly?: () => boolean;
+    show?: () => boolean;
+    step?: () => number;
+    suggestions?: () => boolean;
+    suggestionsFixed?: () => SpxValuePair<string | number | boolean | any>[];
+    type: () => SpxInputTypeEnum;
+    validators?: () => any[];
+}

package/spx-form-view/spx-form-section.interface.d.ts

@@ -0,0 +1,9 @@
+import { SpxFormFieldI } from "./spx-form-field.interface";
+export interface SpxFormSectionI {
+    fields: SpxFormFieldI[];
+    index?: () => number;
+    key: string;
+    show?: () => boolean;
+    showTitle?: () => boolean;
+    title?: () => string;
+}

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

@@ -0,0 +1,37 @@
+import { EventEmitter } from '@angular/core';
+import { SpxFormSectionI } from './spx-form-section.interface';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
+import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
+import { SpxFormFieldI } from './spx-form-field.interface';
+import * as i0 from "@angular/core";
+export declare class SpxFormViewComponent {
+    readonly formBuilder: FormBuilder;
+    spxFormGroup: FormGroup;
+    spxSections: SpxFormSectionI[];
+    spxSuggestions: any;
+    spxSearch: EventEmitter<{
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }>;
+    autocompleteField?: SpxFormFieldI;
+    typeAutocomplete: SpxInputTypeEnum;
+    typeFloat: SpxInputTypeEnum;
+    typeNumber: SpxInputTypeEnum;
+    typeRadio: SpxInputTypeEnum;
+    typeText: SpxInputTypeEnum;
+    typeNumericKeyboard: SpxInputTypeEnum;
+    typeOverlay: SpxInputTypeEnum;
+    typeOverlayNumber: SpxInputTypeEnum;
+    onBlur(field: SpxFormFieldI): void;
+    onAutocompleteCancel(): void;
+    onAutocompleteSearch(valuePair: SpxValuePair<any>): void;
+    onAutocompleteSave(valuePair: SpxValuePair<any>): void;
+    onSearch(field: SpxFormFieldI): void;
+    getRawValidators(formControl: AbstractControl): any;
+    hasRequiredField(abstractControl: AbstractControl): boolean;
+    static initialFormValue(sections: SpxFormSectionI[]): any;
+    static createForm(formBuilder: FormBuilder, sections: SpxFormSectionI[]): FormGroup;
+    constructor(formBuilder: FormBuilder);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxFormViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormViewComponent, "spx-form-view", never, { "spxFormGroup": { "alias": "spxFormGroup"; "required": false; }; "spxSections": { "alias": "spxSections"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; }, { "spxSearch": "spxSearch"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,18 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { SpxValuePair } from './spx-value-interface';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class SpxDropdownComponent implements OnChanges, OnInit, OnDestroy {
+    protected focusPosition: number;
+    spxSuggestions: SpxValuePair<boolean | number | string>[];
+    spxSelect: EventEmitter<SpxValuePair<any>>;
+    subscriptionKeyUp?: Subscription;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    handleSuggestionClick(valuePair: SpxValuePair<string | number | boolean>): void;
+    private listenToKeyUp;
+    private select;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxDropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxDropdownComponent, "spx-dropdown", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; }, { "spxSelect": "spxSelect"; }, never, never, true, never>;
+}

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

@@ -1,18 +1,21 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SpxValuePair } from './spx-value-interface';
 import * as i0 from "@angular/core";
 export declare class SpxInputBoxComponent {
+    private elRef;
     faEdit: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faSearch: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faQuestion: import("@fortawesome/fontawesome-common-types").IconDefinition;
     faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    spxCompact?: boolean;
+    spxFocused: boolean;
     spxLabel?: string;
-    spxRequired?: boolean;
     spxReadonly: boolean;
-    spxShowHelp?: boolean;
-    spxCompact?: boolean;
+    spxRequired?: boolean;
     spxShowClear: boolean;
     spxShowEdit?: boolean;
+    spxShowHelp?: boolean;
+    spxShowLabel: boolean;
     spxShowSearch?: boolean;
     spxShowValidationMessages?: boolean | null | undefined;
     spxValue?: SpxValuePair<any>;
@@ -22,12 +25,16 @@ export declare class SpxInputBoxComponent {
     spxFocusOut: EventEmitter<void>;
     spxEdit: EventEmitter<void>;
     spxHelp: EventEmitter<void>;
-    spxFocused: boolean;
-    spxSetFocus(): Promise<void>;
+    handleFocusIn(ev: Event): void;
+    handleFocusOut(ev: FocusEvent): void;
+    handleWindowClick(ev: Event): void;
     onClear(): void;
     onSearch(): void;
     onEdit(): void;
     onHelp(): void;
+    constructor(elRef: ElementRef);
+    private emitFocusIn;
+    private emitFocusOut;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputBoxComponent, "spx-input-box", never, { "spxLabel": { "alias": "spxLabel"; "required": false; }; "spxRequired": { "alias": "spxRequired"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; }; "spxCompact": { "alias": "spxCompact"; "required": false; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; }; "spxValue": { "alias": "spxValue"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; }, { "spxClear": "spxClear"; "spxSearch": "spxSearch"; "spxFocus": "spxFocus"; "spxFocusOut": "spxFocusOut"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; }, never, ["[controls]", "[validation-messages]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputBoxComponent, "spx-input-box", never, { "spxCompact": { "alias": "spxCompact"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; "spxLabel": { "alias": "spxLabel"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxRequired": { "alias": "spxRequired"; "required": false; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; }; "spxValue": { "alias": "spxValue"; "required": false; }; }, { "spxClear": "spxClear"; "spxSearch": "spxSearch"; "spxFocus": "spxFocus"; "spxFocusOut": "spxFocusOut"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; }, never, ["[controls]", "[validation-messages]"], true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SpxValuePair } from './spx-value-interface';
 import * as i0 from "@angular/core";
 export declare class SpxInputFloatComponent {
@@ -17,7 +17,8 @@ export declare class SpxInputFloatComponent {
     spxFocus: EventEmitter<void>;
     spxWasInternalUpdate: boolean;
     tick: {};
-    spxSetFocus(): Promise<void>;
+    firstInputRef?: ElementRef<HTMLInputElement>;
+    spxSetFocus(): void;
     componentDidLoad(): void;
     handleFocus(): void;
     handleSetValue(newValue: SpxValuePair<any>): void;

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SpxValuePair } from './spx-value-interface';
 import * as i0 from "@angular/core";
 export declare class SpxInputNumberComponent {
@@ -12,8 +12,9 @@ export declare class SpxInputNumberComponent {
     value?: SpxValuePair<any>;
     spxChange: EventEmitter<SpxValuePair<any>>;
     spxFocus: EventEmitter<void>;
+    inputRef?: ElementRef<HTMLInputElement>;
     spxWasInternalUpdate: boolean;
-    spxSetFocus(): Promise<void>;
+    spxSetFocus(): void;
     componentDidLoad(): void;
     handleFocus(): void;
     handleInput(event: any): void;

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

@@ -1,18 +1,26 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, SimpleChanges } from '@angular/core';
 import { SpxValuePair } from './spx-value-interface';
 import * as i0 from "@angular/core";
 export declare class SpxInputRadioComponent {
+    protected focusPosition: number;
     spxName?: string;
     spxValidators: any[];
     spxFocused: boolean;
+    spxShowLabel: boolean;
     spxReadonly: boolean;
     spxSuggestions: SpxValuePair<any>[];
     value?: SpxValuePair<any>;
     spxChange: EventEmitter<SpxValuePair<any>>;
     spxFocus: EventEmitter<void>;
-    spxWasInternalUpdate: boolean;
-    spxSetFocus(): Promise<void>;
-    handleSuggestionClick(value: SpxValuePair<any>): void;
+    private subscriptionKeyUp?;
+    private subscriptionKeyDown?;
+    spxFocusIn(): void;
+    spxFocusOut(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleSuggestionClick(valuePair: SpxValuePair<any>): void;
+    private determineFocusPosition;
+    private select;
+    private listenToKeys;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputRadioComponent, "spx-input-radio", never, { "spxName": { "alias": "spxName"; "required": false; }; "spxValidators": { "alias": "spxValidators"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "spxChange": "spxChange"; "spxFocus": "spxFocus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputRadioComponent, "spx-input-radio", never, { "spxName": { "alias": "spxName"; "required": false; }; "spxValidators": { "alias": "spxValidators"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "spxChange": "spxChange"; "spxFocus": "spxFocus"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import { SpxValuePair } from './spx-value-interface';
 import * as i0 from "@angular/core";
 export declare class SpxInputTextComponent {
@@ -17,7 +17,8 @@ export declare class SpxInputTextComponent {
     spxChange: EventEmitter<SpxValuePair<any>>;
     spxFocus: EventEmitter<void>;
     spxWasInternalUpdate: boolean;
-    spxSetFocus(): Promise<void>;
+    inputRef?: ElementRef<HTMLInputElement>;
+    spxSetFocus(): void;
     componentDidLoad(): void;
     handleBlur(): void;
     handleFocus(): void;

package/spx-inputs/spx-input-type.enum.d.ts

@@ -7,5 +7,6 @@ export declare enum SpxInputTypeEnum {
     radio = "radio",
     number = "number",
     password = "password",
-    text = "text"
+    text = "text",
+    textNumericKeyboard = "textNumericKeyboard"
 }

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

@@ -1,5 +1,9 @@
 import { EventEmitter } from '@angular/core';
+import { SpxInputTextComponent } from './spx-input-text.component';
 import { SpxValuePair } from './spx-value-interface';
+import { SpxInputFloatComponent } from './spx-input-float.component';
+import { SpxInputNumberComponent } from './spx-input-number.component';
+import { SpxInputRadioComponent } from './spx-input-radio.component';
 import { SpxInputTypeEnum } from './spx-input-type.enum';
 import * as i0 from "@angular/core";
 export declare class SpxInputComponent {
@@ -16,6 +20,7 @@ export declare class SpxInputComponent {
     spxSelectDay: boolean;
     spxShowEdit: boolean;
     spxShowHelp: boolean;
+    spxShowLabel: boolean;
     spxCompact: boolean;
     spxShowClear: boolean;
     spxShowSearch: boolean;
@@ -33,14 +38,17 @@ export declare class SpxInputComponent {
     spxEdit: EventEmitter<void>;
     spxHelp: EventEmitter<void>;
     spxSearch: EventEmitter<void>;
+    floatInput?: SpxInputFloatComponent;
+    numberInput?: SpxInputNumberComponent;
+    textInput?: SpxInputTextComponent;
+    radioInput?: SpxInputRadioComponent;
     spxFocused: boolean;
-    spxSetFocus(): void;
     handleBlur(): void;
     handleChange(event: any): void;
     handleClear(): void;
     handleFocus(): void;
     handleSearch(): void;
-    setFocus(): void;
+    setFocusIn(): void;
     setFocusOut(): void;
     handleEdit(): void;
     handleHelp(): void;
@@ -54,5 +62,5 @@ export declare class SpxInputComponent {
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: () => void): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputComponent, "spx-input", never, { "spxLabel": { "alias": "spxLabel"; "required": false; }; "spxMax": { "alias": "spxMax"; "required": false; }; "spxMin": { "alias": "spxMin"; "required": false; }; "spxName": { "alias": "spxName"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; }; "spxPattern": { "alias": "spxPattern"; "required": false; }; "spxRequired": { "alias": "spxRequired"; "required": false; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; }; "spxCompact": { "alias": "spxCompact"; "required": false; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; }; "spxStep": { "alias": "spxStep"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "spxType": { "alias": "spxType"; "required": false; }; "spxValidators": { "alias": "spxValidators"; "required": false; }; "value": { "alias": "value"; "required": false; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; }, { "spxBlur": "spxBlur"; "spxClear": "spxClear"; "spxChange": "spxChange"; "spxFocus": "spxFocus"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSearch": "spxSearch"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxInputComponent, "spx-input", never, { "spxLabel": { "alias": "spxLabel"; "required": false; }; "spxMax": { "alias": "spxMax"; "required": false; }; "spxMin": { "alias": "spxMin"; "required": false; }; "spxName": { "alias": "spxName"; "required": false; }; "spxReadonly": { "alias": "spxReadonly"; "required": false; }; "spxAutofocus": { "alias": "spxAutofocus"; "required": false; }; "spxInputMode": { "alias": "spxInputMode"; "required": false; }; "spxPattern": { "alias": "spxPattern"; "required": false; }; "spxRequired": { "alias": "spxRequired"; "required": false; }; "spxSelectMonth": { "alias": "spxSelectMonth"; "required": false; }; "spxSelectDay": { "alias": "spxSelectDay"; "required": false; }; "spxShowEdit": { "alias": "spxShowEdit"; "required": false; }; "spxShowHelp": { "alias": "spxShowHelp"; "required": false; }; "spxShowLabel": { "alias": "spxShowLabel"; "required": false; }; "spxCompact": { "alias": "spxCompact"; "required": false; }; "spxShowClear": { "alias": "spxShowClear"; "required": false; }; "spxShowSearch": { "alias": "spxShowSearch"; "required": false; }; "spxShowValidationMessages": { "alias": "spxShowValidationMessages"; "required": false; }; "spxStep": { "alias": "spxStep"; "required": false; }; "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "spxType": { "alias": "spxType"; "required": false; }; "spxValidators": { "alias": "spxValidators"; "required": false; }; "value": { "alias": "value"; "required": false; }; "spxCapitalize": { "alias": "spxCapitalize"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; }, { "spxBlur": "spxBlur"; "spxClear": "spxClear"; "spxChange": "spxChange"; "spxFocus": "spxFocus"; "spxEdit": "spxEdit"; "spxHelp": "spxHelp"; "spxSearch": "spxSearch"; }, never, ["*"], true, never>;
 }

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

@@ -1,7 +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, { "spxClass": { "alias": "spxClass"; "required": false; }; "spxTitle": { "alias": "spxTitle"; "required": false; }; }, {}, never, ["*"], true, 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-navigation-item.interface.d.ts

@@ -16,5 +16,6 @@ export interface SpxNavigationItemI {
     signInRequired?: boolean;
     tileClasses?: string;
     title: string;
+    subtite?: string;
     currentSettingsRequired?: boolean;
 }

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

@@ -1,11 +1,14 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { EventEmitter, QueryList, TemplateRef } from '@angular/core';
 import { SpxNavigationItemI } from './spx-navigation-item.interface';
+import { SpxHomeTileComponent } from './spx-home-tile.component';
 import * as i0 from "@angular/core";
 export declare class SpxNavigationComponent {
+    tiles?: QueryList<SpxHomeTileComponent>;
     iconTemplateRef?: TemplateRef<any>;
     navItems: SpxNavigationItemI[];
     spxClick: EventEmitter<string>;
     constructor();
+    setFocus(): void;
     onNavigate(link: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxNavigationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxNavigationComponent, "spx-navigation", never, { "navItems": { "alias": "navItems"; "required": false; }; }, { "spxClick": "spxClick"; }, ["iconTemplateRef"], never, true, never>;

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@softpak/components/spx-number-check" />
+export * from './public-api';

package/spx-number-check/public-api.d.ts

@@ -0,0 +1 @@
+export * from './spx-number-check.component';

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

@@ -0,0 +1,48 @@
+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 OnChanges, 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;
+    severityError: SpxSeverityEnum;
+    severitySuccess: SpxSeverityEnum;
+    severityWarning: 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;
+    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;
+    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>;
+}