@softpak/components 0.0.0-beta.12 → 0.0.0-beta.121

package/fesm2022/softpak-components-spx-update.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-update.mjs","sources":["../../../../projects/softpak/components/spx-update/src/spx-update-info.component.ts","../../../../projects/softpak/components/spx-update/src/spx-update-progress.component.ts","../../../../projects/softpak/components/spx-update/softpak-components-spx-update.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\n\nconst ctrlAppStoreVersion = 'appStoreVersion';\nconst ctrlChannel = 'channel';\nconst ctrlNextVersionNumber = 'nextVersionNumber';\nconst ctrlVersionNumber = 'versionNumber';\n\n@Component({\n  selector: 'spx-update-info',\n  template: `<form [formGroup]=\"form\" class=\"mt-3\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n      <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n    </div>\n  </form>`,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxInputComponent,\n  ]\n})\nexport class SpxUpdateInfoComponent {\n  form!: FormGroup;\n  @Input() txtAppStoreVersion!: string;\n  @Input() txtChannel!: string;\n  @Input() txtNextVersion!: string;\n  @Input() txtVersion!: string;\n  \n  get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n  get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n  get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlChannel) as FormControl; }\n  get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.form = this.formBuilder.group({\n      [ctrlAppStoreVersion]: [null, []],\n      [ctrlChannel]: [null, []],\n      [ctrlNextVersionNumber]: [null, []],\n      [ctrlVersionNumber]: [null, []],\n    });\n  }\n\n  update(appStoreVersion: string, channel: string, nextVersion: string, version: string) {\n    this.ctrlVersionNumber.setValue({\n      value: version,\n    });\n    this.ctrlNextVersionNumber.setValue({\n      value: nextVersion,\n    });\n    this.ctrlConfiguredChannel.setValue({\n      value: channel,\n    });\n    this.ctrlAppStoreVersion.setValue({\n      value: appStoreVersion,\n    });\n  }\n}\n","import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\n\n@Component({\n  selector: 'spx-update-progress',\n  template: `<spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"title | capitalize\">\n  </spx-progress-bar>`,\n  standalone: true,\n  imports: [\n    SpxProgressBarComponent,\n    SpxCapitalizePipe,\n  ],\n})\nexport class SpxUpdateProgressComponent implements OnInit, OnDestroy {\n  @Input() title!: string;\n  @Input() percentage!: number;\n  delayedPercentage!: number;\n  syncTruckInterval?: any;\n  \n  ngOnInit(): void {\n    this.startLoaderSync();\n  }\n\n  ngOnDestroy(): void {\n    this.stopLoaderSync();\n  }\n\n  private startLoaderSync() {\n    if (this.syncTruckInterval === null) {\n      this.syncTruckInterval = setInterval(() => {\n        this.delayedPercentage = this.percentage;\n      }, 200);\n    }\n  }\n\n  private stopLoaderSync() {\n    if (this.syncTruckInterval !== null) {\n      clearInterval(this.syncTruckInterval);\n      this.syncTruckInterval = undefined;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-update.mjs","sources":["../../../../projects/softpak/components/spx-update/src/spx-update-info.component.ts","../../../../projects/softpak/components/spx-update/src/spx-update-progress.component.ts","../../../../projects/softpak/components/spx-update/softpak-components-spx-update.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxInputComponent } from '@softpak/components/spx-inputs';\n\nconst ctrlAppStoreVersion = 'appStoreVersion';\nconst ctrlChannel = 'channel';\nconst ctrlNextVersionNumber = 'nextVersionNumber';\nconst ctrlVersionNumber = 'versionNumber';\n\n@Component({\n  selector: 'spx-update-info',\n  template: `<form [formGroup]=\"form\" class=\"mt-3\">\n    <div class=\"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-3\">\n      <spx-input [formControl]=\"ctrlVersionNumber\" [spxLabel]=\"txtVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlNextVersionNumber\" [spxLabel]=\"txtNextVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlConfiguredChannel\" [spxLabel]=\"txtChannel | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n      <spx-input [formControl]=\"ctrlAppStoreVersion\" [spxLabel]=\"txtAppStoreVersion | capitalize\"\n        [spxReadonly]=\"true\"></spx-input>\n    </div>\n  </form>`,\n  standalone: true,\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SpxCapitalizePipe,\n    SpxInputComponent,\n  ]\n})\nexport class SpxUpdateInfoComponent {\n  form!: FormGroup;\n  @Input() txtAppStoreVersion!: string;\n  @Input() txtChannel!: string;\n  @Input() txtNextVersion!: string;\n  @Input() txtVersion!: string;\n  \n  get ctrlVersionNumber(): FormControl { return this.form.get(ctrlVersionNumber) as FormControl; }\n  get ctrlNextVersionNumber(): FormControl { return this.form.get(ctrlNextVersionNumber) as FormControl; }\n  get ctrlConfiguredChannel(): FormControl { return this.form.get(ctrlChannel) as FormControl; }\n  get ctrlAppStoreVersion(): FormControl { return this.form.get(ctrlAppStoreVersion) as FormControl; }\n\n  constructor(\n    private readonly formBuilder: FormBuilder,\n  ) {\n    this.form = this.formBuilder.group({\n      [ctrlAppStoreVersion]: [null, []],\n      [ctrlChannel]: [null, []],\n      [ctrlNextVersionNumber]: [null, []],\n      [ctrlVersionNumber]: [null, []],\n    });\n  }\n\n  update(appStoreVersion: string, channel: string, nextVersion: string, version: string) {\n    this.ctrlVersionNumber.setValue({\n      value: version,\n    });\n    this.ctrlNextVersionNumber.setValue({\n      value: nextVersion,\n    });\n    this.ctrlConfiguredChannel.setValue({\n      value: channel,\n    });\n    this.ctrlAppStoreVersion.setValue({\n      value: appStoreVersion,\n    });\n  }\n}\n","import { Component, Input, OnDestroy, OnInit } from '@angular/core';\nimport { SpxCapitalizePipe } from '@softpak/components/spx-capitalize';\nimport { SpxProgressBarComponent } from '@softpak/components/spx-progress-bar';\n\n@Component({\n  selector: 'spx-update-progress',\n  template: `<spx-progress-bar [spxPercentage]=\"delayedPercentage\" [spxTitle]=\"title | capitalize\">\n  </spx-progress-bar>`,\n  standalone: true,\n  imports: [\n    SpxProgressBarComponent,\n    SpxCapitalizePipe,\n  ],\n})\nexport class SpxUpdateProgressComponent implements OnInit, OnDestroy {\n  @Input() title!: string;\n  @Input() percentage!: number;\n  delayedPercentage!: number;\n  syncTruckInterval?: any;\n  \n  ngOnInit(): void {\n    this.startLoaderSync();\n  }\n\n  ngOnDestroy(): void {\n    this.stopLoaderSync();\n  }\n\n  private startLoaderSync() {\n    if (this.syncTruckInterval === null) {\n      this.syncTruckInterval = setInterval(() => {\n        this.delayedPercentage = this.percentage;\n      }, 200);\n    }\n  }\n\n  private stopLoaderSync() {\n    if (this.syncTruckInterval !== null) {\n      clearInterval(this.syncTruckInterval);\n      this.syncTruckInterval = undefined;\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "0.0.0-beta.12",
+  "version": "0.0.0-beta.121",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^17.x.x",
@@ -41,18 +41,24 @@
       "esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
       "default": "./fesm2022/softpak-components-spx-app-configuration.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-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-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",
+      "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",
@@ -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",
@@ -95,23 +113,17 @@
       "esm": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
-    "./spx-spinner": {
-      "types": "./spx-spinner/index.d.ts",
-      "esm2022": "./esm2022/spx-spinner/softpak-components-spx-spinner.mjs",
-      "esm": "./esm2022/spx-spinner/softpak-components-spx-spinner.mjs",
-      "default": "./fesm2022/softpak-components-spx-spinner.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-toaster": {
-      "types": "./spx-toaster/index.d.ts",
-      "esm2022": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
-      "esm": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
-      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
+    "./spx-spinner": {
+      "types": "./spx-spinner/index.d.ts",
+      "esm2022": "./esm2022/spx-spinner/softpak-components-spx-spinner.mjs",
+      "esm": "./esm2022/spx-spinner/softpak-components-spx-spinner.mjs",
+      "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
     "./spx-suggestion": {
       "types": "./spx-suggestion/index.d.ts",
@@ -119,6 +131,12 @@
       "esm": "./esm2022/spx-suggestion/softpak-components-spx-suggestion.mjs",
       "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
+    "./spx-toaster": {
+      "types": "./spx-toaster/index.d.ts",
+      "esm2022": "./esm2022/spx-toaster/softpak-components-spx-toaster.mjs",
+      "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",

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-channel-selection/src/spx-channel-selection.component.d.ts

@@ -1,10 +1,11 @@
 import { FormControl } from '@angular/forms';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxChannelSelectionComponent {
     control: FormControl;
     options: SpxValuePair<string>[];
     txtChannel: string;
+    inputTypeRadio: SpxInputTypeEnum;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChannelSelectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxChannelSelectionComponent, "spx-channel-selection", never, { "control": { "alias": "control"; "required": false; }; "options": { "alias": "options"; "required": false; }; "txtChannel": { "alias": "txtChannel"; "required": false; }; }, {}, never, never, true, never>;

package/spx-channel-selection/src/spx-company-selection.component.d.ts

@@ -1,11 +1,12 @@
 import { FormControl } from '@angular/forms';
-import { SpxValuePair } from '@softpak/components/spx-inputs';
+import { SpxInputTypeEnum, SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
 export declare class SpxCompanySelectionComponent {
     control: FormControl;
     options: SpxValuePair<string>[];
     txtChannel: string;
     txtCompany: string;
+    inputTypeRadio: SpxInputTypeEnum;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCompanySelectionComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpxCompanySelectionComponent, "spx-company-selection", never, { "control": { "alias": "control"; "required": false; }; "options": { "alias": "options"; "required": false; }; "txtChannel": { "alias": "txtChannel"; "required": false; }; "txtCompany": { "alias": "txtCompany"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -1,10 +1,13 @@
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { 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;
+    inputTypeOverlayNumber: SpxInputTypeEnum;
+    inputTypeText: SpxInputTypeEnum;
     formGroup: FormGroup;
     get ctrlCheckDigit(): FormControl;
     get ctrlContainerNumber(): FormControl;

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/public-api.d.ts

@@ -2,3 +2,4 @@ export * from './spx-value-interface';
 export * from './spx-input-box.component';
 export * from './spx-input-text.component';
 export * from './spx-input.component';
+export * from './spx-input-type.enum';

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,33 +1,38 @@
-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>;
     spxClear: EventEmitter<void>;
-    spxSearchOutput: EventEmitter<void>;
+    spxSearch: EventEmitter<void>;
     spxFocus: EventEmitter<void>;
     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);
     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"; "spxSearchOutput": "spxSearchOutput"; "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,24 @@
-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?;
+    spxFocusIn(): void;
+    spxFocusOut(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    handleSuggestionClick(valuePair: SpxValuePair<any>): void;
+    private select;
+    private listenToKeyUp;
     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

@@ -0,0 +1,12 @@
+export declare enum SpxInputTypeEnum {
+    autocomplete = "autocomplete",
+    date = "date",
+    float = "float",
+    overlay = "overlay",
+    overlayNumber = "overlaynumber",
+    radio = "radio",
+    number = "number",
+    password = "password",
+    text = "text",
+    textNumericKeyboard = "textNumericKeyboard"
+}

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

@@ -1,5 +1,8 @@
 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 {
     spxLabel: string;
@@ -15,13 +18,14 @@ export declare class SpxInputComponent {
     spxSelectDay: boolean;
     spxShowEdit: boolean;
     spxShowHelp: boolean;
+    spxShowLabel: boolean;
     spxCompact: boolean;
     spxShowClear: boolean;
     spxShowSearch: boolean;
     spxShowValidationMessages?: boolean | null | undefined;
     spxStep?: number;
     spxSuggestions: SpxValuePair<boolean | number | string>[];
-    spxType: 'autocomplete' | 'date' | 'float' | 'overlay' | 'overlaynumber' | 'radio' | 'number' | 'password' | 'photo' | 'text';
+    spxType: SpxInputTypeEnum;
     spxValidators: any[];
     value: SpxValuePair<any>;
     spxCapitalize: boolean;
@@ -32,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;
@@ -53,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';