@softpak/components 0.0.0-beta.22 → 0.0.0-beta.220

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

@@ -1 +1 @@
-{"version":3,"file":"softpak-components-spx-validation.mjs","sources":["../../../../projects/softpak/components/spx-validation/required.validator.ts","../../../../projects/softpak/components/spx-validation/max.validator.ts","../../../../projects/softpak/components/spx-validation/maxlength.validator.ts","../../../../projects/softpak/components/spx-validation/min.validator.ts","../../../../projects/softpak/components/spx-validation/minlength.validator.ts","../../../../projects/softpak/components/spx-validation/pattern.validator.ts","../../../../projects/softpak/components/spx-validation/year-and-month.validator.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.html","../../../../projects/softpak/components/spx-validation/spx-validation.module.ts","../../../../projects/softpak/components/spx-validation/softpak-components-spx-validation.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\n    if (\n        control &&\n        valuePairToValue(control.value) === undefined ||\n        valuePairToValue(control.value) === null ||\n        valuePairToValue(control.value) === '' ||\n        valuePairToValue(control.value) === 0\n    ) {\n        return { required: true };\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n        if (!isNaN(value) && value > max) {\n            return {\n                max: {\n                    max,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length > maximumLength) {\n            return {\n                maxlength: {\n                    requiredLength: maximumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n\n        if (!isNaN(value) && value < min) {\n            return {\n                min: {\n                    min,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length < minimumLength) {\n            return {\n                minlength: {\n                    requiredLength: minimumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const matches = valuePairToValue(control.value).toString().match(matcher);\n        if (matches === null || matches.length === 0) {\n            return { pattern: true };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\n\nimport { DateTime } from 'luxon';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const val = valuePairToValue(control.value);\n        if (val.toUpperCase() !== 'ACEP') {\n            const date = DateTime.fromISO(val);\n            const year = date.year;\n            const month = date.month;\n            if (val.length < 6) {\n                return {\n                    minlength: {\n                        requiredLength: 6,\n                        actualLength: val.length\n                    }\n                };\n            }\n            if (month < 1 || month > 12) {\n                return { month: true };\n            }\n            if (future) {\n                if (year > 2050 || year < DateTime.now().year) {\n                    return { yearFuture: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\n                    return { past: true };\n                }\n            } else {\n                if (year < 1971 || year > DateTime.now().year) {\n                    return { year: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\n                    return { future: true };\n                }\n            }\n        }\n    }\n    return null;\n};\n","import { Component, Input } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\n\n@Component({\n  selector: 'spx-validate-control',\n  templateUrl: './spx-validate-control.component.html',\n})\nexport class SpxValidateControlComponent {\n  @Input() control!: AbstractControl;\n  @Input() label: string | unknown;\n  @Input() submitTried!: boolean;\n\n  get maxLength() {\n    return this.control.errors && this.control.errors['maxlength'];\n  }\n\n  get maxLengthRequiredLength() {\n    return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];\n  }\n\n  get minLength() {\n    return this.control.errors && this.control.errors['minlength'];\n  }\n\n  get minLengthRequiredLength() {\n    return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];\n  }\n\n  get max() {\n    return this.control.errors && this.control.errors['max'];\n  }\n\n  get maxRequiredMax() {\n    return this.max && this.control.errors && this.control.errors['max']['max'];\n  }\n\n  get min() {\n    return this.control.errors && this.control.errors['min'];\n  }\n\n  get minRequiredMin() {\n    return this.min && this.control.errors && this.control.errors['min']['min'];\n  }\n\n  get pattern() {\n    return this.control.errors && this.control.errors['pattern'];\n  }\n\n  get required() {\n    return this.control.errors && this.control.errors['required'];\n  }\n\n  get year() {\n    return this.control.errors && this.control.errors['year'];\n  }\n\n  get yearFuture() {\n    return this.control.errors && this.control.errors['yearFuture'];\n  }\n\n  get month() {\n    return this.control.errors && this.control.errors['month'];\n  }\n\n  get future() {\n    return this.control.errors && this.control.errors['future'];\n  }\n\n  get past() {\n    return this.control.errors && this.control.errors['past'];\n  }\n}\n","<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SpxValidateControlComponent } from './spx-validate-control.component';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n  declarations: [\n    SpxValidateControlComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n  ],\n  exports: [\n    SpxValidateControlComponent\n  ]\n})\nexport class SpxValidationModule { }\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-validation.mjs","sources":["../../../../projects/softpak/components/spx-validation/required.validator.ts","../../../../projects/softpak/components/spx-validation/max.validator.ts","../../../../projects/softpak/components/spx-validation/maxlength.validator.ts","../../../../projects/softpak/components/spx-validation/min.validator.ts","../../../../projects/softpak/components/spx-validation/minlength.validator.ts","../../../../projects/softpak/components/spx-validation/pattern.validator.ts","../../../../projects/softpak/components/spx-validation/year-and-month.validator.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.ts","../../../../projects/softpak/components/spx-validation/spx-validate-control.component.html","../../../../projects/softpak/components/spx-validation/softpak-components-spx-validation.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\n    if (\n        control &&\n        valuePairToValue(control.value) === undefined ||\n        valuePairToValue(control.value) === null ||\n        valuePairToValue(control.value) === '' ||\n        valuePairToValue(control.value) === 0\n    ) {\n        return { required: true };\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n        if (!isNaN(value) && value > max) {\n            return {\n                max: {\n                    max,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length > maximumLength) {\n            return {\n                maxlength: {\n                    requiredLength: maximumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\n\n        if (!isNaN(value) && value < min) {\n            return {\n                min: {\n                    min,\n                    actual: value\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl } from '@angular/forms';\nimport { spxValidatorRequired } from './required.validator';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\n\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\n    if (!spxValidatorRequired()(control)) {\n        let value = valuePairToValue(control.value);\n        if (sanitizer) {\n            value = sanitizer(value.toString());\n        }\n        if (value.toString().length < minimumLength) {\n            return {\n                minlength: {\n                    requiredLength: minimumLength,\n                    actualLength: value.toString().length\n                }\n            };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const matches = valuePairToValue(control.value).toString().match(matcher);\n        if (matches === null || matches.length === 0) {\n            return { pattern: true };\n        }\n    }\n    return null;\n};\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\n\nimport { DateTime } from 'luxon';\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\nimport { spxValidatorRequired } from './required.validator';\n\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\n    if (!spxValidatorRequired()(control)) {\n        const val = valuePairToValue(control.value);\n        if (val.toUpperCase() !== 'ACEP') {\n            const date = DateTime.fromISO(val);\n            const year = date.year;\n            const month = date.month;\n            if (val.length < 6) {\n                return {\n                    minlength: {\n                        requiredLength: 6,\n                        actualLength: val.length\n                    }\n                };\n            }\n            if (month < 1 || month > 12) {\n                return { month: true };\n            }\n            if (future) {\n                if (year > 2050 || year < DateTime.now().year) {\n                    return { yearFuture: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\n                    return { past: true };\n                }\n            } else {\n                if (year < 1971 || year > DateTime.now().year) {\n                    return { year: true };\n                }\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\n                    return { future: true };\n                }\n            }\n        }\n    }\n    return null;\n};\n","import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport { AbstractControl, FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'spx-validate-control',\n  templateUrl: './spx-validate-control.component.html',\n  imports: [\n    CommonModule,\n    FormsModule,\n  ],\n  standalone: true,\n})\nexport class SpxValidateControlComponent {\n  @Input() control!: AbstractControl;\n  @Input() label: string | unknown;\n  @Input() submitTried!: boolean;\n\n  get maxLength() {\n    return this.control.errors && this.control.errors['maxlength'];\n  }\n\n  get maxLengthRequiredLength() {\n    return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];\n  }\n\n  get minLength() {\n    return this.control.errors && this.control.errors['minlength'];\n  }\n\n  get minLengthRequiredLength() {\n    return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];\n  }\n\n  get max() {\n    return this.control.errors && this.control.errors['max'];\n  }\n\n  get maxRequiredMax() {\n    return this.max && this.control.errors && this.control.errors['max']['max'];\n  }\n\n  get min() {\n    return this.control.errors && this.control.errors['min'];\n  }\n\n  get minRequiredMin() {\n    return this.min && this.control.errors && this.control.errors['min']['min'];\n  }\n\n  get pattern() {\n    return this.control.errors && this.control.errors['pattern'];\n  }\n\n  get required() {\n    return this.control.errors && this.control.errors['required'];\n  }\n\n  get year() {\n    return this.control.errors && this.control.errors['year'];\n  }\n\n  get yearFuture() {\n    return this.control.errors && this.control.errors['yearFuture'];\n  }\n\n  get month() {\n    return this.control.errors && this.control.errors['month'];\n  }\n\n  get future() {\n    return this.control.errors && this.control.errors['future'];\n  }\n\n  get past() {\n    return this.control.errors && this.control.errors['past'];\n  }\n}\n","<ng-container *ngIf=\"control && control.errors && (control.touched || submitTried)\">\n  <div *ngIf=\"maxLength\">'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  <div *ngIf=\"minLength\">'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  <div *ngIf=\"max\">The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  <div *ngIf=\"min\">The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  <div *ngIf=\"pattern\">The pattern of '{{ label }}' not valid.</div>\n  <div *ngIf=\"required\">'{{ label }}' is required.</div>\n  <div *ngIf=\"year\">Please choose a year between 1991 and the current year.</div>\n  <div *ngIf=\"yearFuture\">Please choose a year between the current year and 2050.</div>\n  <div *ngIf=\"month\">Please choose a valid month (a value between 01 and 12).</div>\n  <div *ngIf=\"future\">The selected date may not be in the future.</div>\n  <div *ngIf=\"past\">The selected date may not be in the past.</div>\n</ng-container>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@softpak/components",
-  "version": "0.0.0-beta.22",
+  "version": "0.0.0-beta.220",
   "private": false,
   "peerDependencies": {
-    "@angular/common": "^17.x.x",
-    "@angular/core": "^17.x.x",
-    "@fortawesome/free-solid-svg-icons": "^6.x.x"
+    "@angular/common": "17.x.x || 18.x.x",
+    "@angular/core": "17.x.x || 18.x.x",
+    "@fortawesome/free-solid-svg-icons": "^6.x.x",
+    "@ngx-translate/core": "^15.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -29,24 +30,30 @@
       "esm": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
       "default": "./fesm2022/softpak-components-spx-alert.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-app-configuration": {
       "types": "./spx-app-configuration/index.d.ts",
       "esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
       "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 +72,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",
@@ -89,18 +102,18 @@
       "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",
-      "esm": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
-      "default": "./fesm2022/softpak-components-spx-patch.mjs"
-    },
     "./spx-progress-bar": {
       "types": "./spx-progress-bar/index.d.ts",
       "esm2022": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
       "esm": "./esm2022/spx-progress-bar/softpak-components-spx-progress-bar.mjs",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
+    "./spx-patch": {
+      "types": "./spx-patch/index.d.ts",
+      "esm2022": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
+      "esm": "./esm2022/spx-patch/softpak-components-spx-patch.mjs",
+      "default": "./fesm2022/softpak-components-spx-patch.mjs"
+    },
     "./spx-spinner": {
       "types": "./spx-spinner/index.d.ts",
       "esm2022": "./esm2022/spx-spinner/softpak-components-spx-spinner.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 {
@@ -11,17 +11,19 @@ export declare class SpxButtonComponent {
     spxForm?: string;
     spxFullHeight?: boolean;
     spxFullWidth?: boolean;
-    spxSeverity: SpxSeverityEnum;
+    spxSeverity?: SpxSeverityEnum;
     spxSize: 'lg' | 'xl';
     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,63 @@
+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 ctrlContainerNumber = "containerNumber";
+export declare const ctrlContainerPrefix = "containerPrefix";
+export declare const ctrlContainerSeqNr = "containerSeqNr";
+export declare const ctrlContainerType = "containerType";
+export declare const ctrlCustomer = "customer";
+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;
+    txtContainerNumber: string;
+    txtContainerPrefix: string;
+    txtContainerType: string;
+    txtCustomer: string;
+    txtLicensePlate: string;
+    txtTonsTested: string;
+    spxBlurCategory: EventEmitter<SpxValuePair<string>>;
+    spxBlurContainerType: EventEmitter<SpxValuePair<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 ctrlCustomer(): FormControl;
+    get ctrlContainerType(): FormControl;
+    get ctrlLicensePlate(): FormControl;
+    get ctrlTonsTested(): FormControl;
+    private subContainerType?;
+    constructor(formBuilder: FormBuilder);
+    createForm(): FormGroup;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    getRawValidators(formControl: FormControl): any;
+    onBlur(data: {
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }): void;
+    onSearch(data: {
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }): void;
+    onSubmit(): void;
+    private listenToContainerType;
+    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; }; "txtContainerNumber": { "alias": "txtContainerNumber"; "required": false; }; "txtContainerPrefix": { "alias": "txtContainerPrefix"; "required": false; }; "txtContainerType": { "alias": "txtContainerType"; "required": false; }; "txtCustomer": { "alias": "txtCustomer"; "required": false; }; "txtLicensePlate": { "alias": "txtLicensePlate"; "required": false; }; "txtTonsTested": { "alias": "txtTonsTested"; "required": false; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
+}

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

@@ -1,12 +1,41 @@
-import { EventEmitter } from '@angular/core';
-import { SpxAppChannelI } from '@softpak/components/spx-app-configuration';
+import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy } from '@angular/core';
+import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import { SpxAppChannelI, SpxAppChannelTypeEnum } from '@softpak/components/spx-app-configuration';
+import { SpxFormSectionI } from '@softpak/components/spx-form-view';
+import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
+import { SpxValuePair } from '@softpak/components/spx-inputs';
 import * as i0 from "@angular/core";
-export declare class SpxWelcomeComponent {
+export declare const sectionWelcome = "welcome";
+export declare const ctrlChannel = "channel";
+export declare const ctrlChannelType = "channelType";
+export interface SpxWelcomeValueI {
+    [ctrlChannel]?: SpxAppChannelI;
+    [ctrlChannelType]: SpxAppChannelTypeEnum;
+}
+export declare class SpxWelcomeComponent implements OnChanges, OnInit, OnDestroy {
+    readonly formBuilder: FormBuilder;
     channels?: SpxAppChannelI[];
-    spxSelected: EventEmitter<SpxAppChannelI>;
-    get filteredChannels(): SpxAppChannelI[];
-    constructor();
-    onSelectChannel(channel: SpxAppChannelI): void;
+    channelTypes?: SpxAppChannelTypeEnum[];
+    formGroup: FormGroup;
+    txtChannel: string;
+    txtCompany: string;
+    spxSelect: EventEmitter<SpxWelcomeValueI>;
+    severitySuccess: SpxSeverityEnum;
+    suggestions: {
+        [ctrlChannelType]?: SpxValuePair<string>[];
+        [ctrlChannel]?: SpxValuePair<string>[];
+    };
+    get ctrlChannel(): FormControl;
+    get ctrlChannelType(): FormControl;
+    private subscriptions;
+    sections: SpxFormSectionI[];
+    get filteredCompanies(): SpxValuePair<string>[];
+    constructor(formBuilder: FormBuilder);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    onSubmit(): void;
+    createForm(): FormGroup;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxWelcomeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxWelcomeComponent, "spx-welcome", never, { "channels": { "alias": "channels"; "required": false; }; }, { "spxSelected": "spxSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxWelcomeComponent, "spx-welcome", never, { "channels": { "alias": "channels"; "required": false; }; "channelTypes": { "alias": "channelTypes"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "txtChannel": { "alias": "txtChannel"; "required": false; }; "txtCompany": { "alias": "txtCompany"; "required": false; }; }, { "spxSelect": "spxSelect"; }, 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,43 @@
+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;
+    spxValuePair: SpxValuePair<any>;
+    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 subSelection?;
+    private subQuery?;
+    constructor(formBuilder: FormBuilder);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private createForm;
+    getRawValidators(formControl: FormControl): any;
+    onCancel(): void;
+    onSubmit(): void;
+    private listenToQuery;
+    private listenToSelection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpxAutocompleteSearchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAutocompleteSearchComponent, "spx-autocomplete-search", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; }; "spxField": { "alias": "spxField"; "required": false; }; "txtOptions": { "alias": "txtOptions"; "required": false; }; "txtQuery": { "alias": "txtQuery"; "required": false; }; "txtSubmit": { "alias": "txtSubmit"; "required": false; }; "spxValuePair": { "alias": "spxValuePair"; "required": false; }; }, { "spxCancel": "spxCancel"; "spxSearch": "spxSearch"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,18 @@
+import { SpxSeverityEnum } from "@softpak/components/spx-helpers";
+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;
+    severity?: () => SpxSeverityEnum;
+    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,48 @@
+import { EventEmitter, QueryList } from '@angular/core';
+import { SpxFormSectionI } from './spx-form-section.interface';
+import { SpxInputComponent, 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;
+    spxBlur: EventEmitter<{
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }>;
+    spxClick: EventEmitter<{
+        field: SpxFormFieldI;
+    }>;
+    spxSearch: EventEmitter<{
+        field: SpxFormFieldI;
+        valuePair: SpxValuePair<any>;
+    }>;
+    spxInputs: QueryList<SpxInputComponent>;
+    autocompleteField?: SpxFormFieldI;
+    typeAutocomplete: SpxInputTypeEnum;
+    typeButton: SpxInputTypeEnum;
+    typeFloat: SpxInputTypeEnum;
+    typeNumber: SpxInputTypeEnum;
+    typeRadio: SpxInputTypeEnum;
+    typeText: SpxInputTypeEnum;
+    typeNumericKeyboard: SpxInputTypeEnum;
+    typeOverlay: SpxInputTypeEnum;
+    typeOverlayNumber: SpxInputTypeEnum;
+    setAutofocus(key: string): void;
+    onBlur(field: SpxFormFieldI): void;
+    onClick(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; }; }, { "spxBlur": "spxBlur"; "spxClick": "spxClick"; "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;