@softpak/components 0.0.0-beta.14 → 0.0.0-beta.141

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "0.0.0-beta.14",
+  "version": "0.0.0-beta.141",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^17.x.x",
@@ -23,24 +23,6 @@
       "esm": "./esm2022/softpak-components.mjs",
       "default": "./fesm2022/softpak-components.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-channel-selection": {
-      "types": "./spx-channel-selection/index.d.ts",
-      "esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
-      "esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
-      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
-    },
-    "./spx-check-digit": {
-      "types": "./spx-check-digit/index.d.ts",
-      "esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
-      "esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
-      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
-    },
     "./spx-alert": {
       "types": "./spx-alert/index.d.ts",
       "esm2022": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
@@ -59,12 +41,48 @@
       "esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
       "default": "./fesm2022/softpak-components-spx-app-configuration.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-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-channel-selection": {
+      "types": "./spx-channel-selection/index.d.ts",
+      "esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
+      "esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
+      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
+    },
+    "./spx-check-digit": {
+      "types": "./spx-check-digit/index.d.ts",
+      "esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
+      "esm": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
+      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
+    },
     "./spx-form-section": {
       "types": "./spx-form-section/index.d.ts",
       "esm2022": "./esm2022/spx-form-section/softpak-components-spx-form-section.mjs",
       "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",
+      "esm": "./esm2022/spx-helpers/softpak-components-spx-helpers.mjs",
+      "default": "./fesm2022/softpak-components-spx-helpers.mjs"
+    },
     "./spx-inputs": {
       "types": "./spx-inputs/index.d.ts",
       "esm2022": "./esm2022/spx-inputs/softpak-components-spx-inputs.mjs",
@@ -77,11 +95,11 @@
       "esm": "./esm2022/spx-navigation/softpak-components-spx-navigation.mjs",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
-    "./spx-helpers": {
-      "types": "./spx-helpers/index.d.ts",
-      "esm2022": "./esm2022/spx-helpers/softpak-components-spx-helpers.mjs",
-      "esm": "./esm2022/spx-helpers/softpak-components-spx-helpers.mjs",
-      "default": "./fesm2022/softpak-components-spx-helpers.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",
@@ -89,12 +107,6 @@
       "esm": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
       "default": "./fesm2022/softpak-components-spx-patch.mjs"
     },
-    "./spx-storage": {
-      "types": "./spx-storage/index.d.ts",
-      "esm2022": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
-      "esm": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
-      "default": "./fesm2022/softpak-components-spx-storage.mjs"
-    },
     "./spx-progress-bar": {
       "types": "./spx-progress-bar/index.d.ts",
       "esm2022": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
@@ -107,11 +119,17 @@
       "esm": "./esm2022/spx-spinner/softpak-components-spx-spinner.mjs",
       "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
-    "./spx-update": {
-      "types": "./spx-update/index.d.ts",
-      "esm2022": "./esm2022/spx-update/softpak-components-spx-update.mjs",
-      "esm": "./esm2022/spx-update/softpak-components-spx-update.mjs",
-      "default": "./fesm2022/softpak-components-spx-update.mjs"
+    "./spx-storage": {
+      "types": "./spx-storage/index.d.ts",
+      "esm2022": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
+      "esm": "./esm2022/spx-storage/softpak-components-spx-storage.mjs",
+      "default": "./fesm2022/softpak-components-spx-storage.mjs"
+    },
+    "./spx-suggestion": {
+      "types": "./spx-suggestion/index.d.ts",
+      "esm2022": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
+      "esm": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
+      "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
     "./spx-toaster": {
       "types": "./spx-toaster/index.d.ts",
@@ -119,17 +137,17 @@
       "esm": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
       "default": "./fesm2022/softpak-components-spx-toaster.mjs"
     },
+    "./spx-update": {
+      "types": "./spx-update/index.d.ts",
+      "esm2022": "./esm2022/spx-update/softpak-components-spx-update.mjs",
+      "esm": "./esm2022/spx-update/softpak-components-spx-update.mjs",
+      "default": "./fesm2022/softpak-components-spx-update.mjs"
+    },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",
       "esm2022": "./esm2022/spx-validation/softpak-components-spx-validation.mjs",
       "esm": "./esm2022/spx-validation/softpak-components-spx-validation.mjs",
       "default": "./fesm2022/softpak-components-spx-validation.mjs"
-    },
-    "./spx-suggestion": {
-      "types": "./spx-suggestion/index.d.ts",
-      "esm2022": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
-      "esm": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
-      "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     }
   }
 }

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,40 @@
+import { EventEmitter } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { SpxInputTypeEnum } from '@softpak/components/spx-inputs';
+import { 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;
+    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;
+    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; }; }, { "submit": "submit"; }, never, never, true, 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-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,27 @@
+import { SpxFormSectionI } from './spx-form-section.interface';
+import { SpxInputTypeEnum } 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;
+    typeAutocomplete: SpxInputTypeEnum;
+    typeFloat: SpxInputTypeEnum;
+    typeNumber: SpxInputTypeEnum;
+    typeRadio: SpxInputTypeEnum;
+    typeText: SpxInputTypeEnum;
+    typeNumericKeyboard: SpxInputTypeEnum;
+    typeOverlay: SpxInputTypeEnum;
+    typeOverlayNumber: SpxInputTypeEnum;
+    onBlur(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; }; }, {}, 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-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,6 +17,7 @@ export declare class SpxInputTextComponent {
     spxChange: EventEmitter<SpxValuePair<any>>;
     spxFocus: EventEmitter<void>;
     spxWasInternalUpdate: boolean;
+    inputRef?: ElementRef<HTMLInputElement>;
     spxSetFocus(): Promise<void>;
     componentDidLoad(): void;
     handleBlur(): 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,7 @@
 import { EventEmitter } from '@angular/core';
+import { SpxInputTextComponent } from './spx-input-text.component';
 import { SpxValuePair } from './spx-value-interface';
+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 +18,7 @@ export declare class SpxInputComponent {
     spxSelectDay: boolean;
     spxShowEdit: boolean;
     spxShowHelp: boolean;
+    spxShowLabel: boolean;
     spxCompact: boolean;
     spxShowClear: boolean;
     spxShowSearch: boolean;
@@ -33,14 +36,15 @@ export declare class SpxInputComponent {
     spxEdit: EventEmitter<void>;
     spxHelp: EventEmitter<void>;
     spxSearch: EventEmitter<void>;
+    textInput?: SpxInputTextComponent;
+    radioInput?: SpxInputRadioComponent;
     spxFocused: boolean;
-    spxSetFocus(): Promise<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 +58,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>;
+}

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

@@ -1,7 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class SpxSuggestionComponent {
     spxDisabled: boolean;
+    spxFocused: boolean;
     spxSelected: boolean;
+    spxTabbable: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxSuggestionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxSuggestionComponent, "spx-suggestion", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; }; "spxSelected": { "alias": "spxSelected"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxSuggestionComponent, "spx-suggestion", never, { "spxDisabled": { "alias": "spxDisabled"; "required": false; }; "spxFocused": { "alias": "spxFocused"; "required": false; }; "spxSelected": { "alias": "spxSelected"; "required": false; }; "spxTabbable": { "alias": "spxTabbable"; "required": false; }; }, {}, never, ["*"], true, never>;
 }