@softpak/components 19.15.3 → 19.15.4-beta

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

@@ -1,7 +1,7 @@
 import { valuePairToValue } from '@softpak/components/spx-helpers';
 import { DateTime } from 'luxon';
 import * as i0 from '@angular/core';
-import { Component, Input } from '@angular/core';
+import { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
 const spxValidatorRequired = () => (control) => {
@@ -131,66 +131,80 @@ const spxValidatorYearAndMonth = (future) => (control) => {
 };
 
 class SpxValidateControlComponent {
-    get maxLength() {
-        return this.control.errors && this.control.errors['maxlength'];
-    }
-    get maxLengthRequiredLength() {
-        return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];
-    }
-    get minLength() {
-        return this.control.errors && this.control.errors['minlength'];
-    }
-    get minLengthRequiredLength() {
-        return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];
-    }
-    get max() {
-        return this.control.errors && this.control.errors['max'];
-    }
-    get maxRequiredMax() {
-        return this.max && this.control.errors && this.control.errors['max']['max'];
-    }
-    get min() {
-        return this.control.errors && this.control.errors['min'];
-    }
-    get minRequiredMin() {
-        return this.min && this.control.errors && this.control.errors['min']['min'];
-    }
-    get pattern() {
-        return this.control.errors && this.control.errors['pattern'];
-    }
-    get required() {
-        return this.control.errors && this.control.errors['required'];
-    }
-    get year() {
-        return this.control.errors && this.control.errors['year'];
-    }
-    get yearFuture() {
-        return this.control.errors && this.control.errors['yearFuture'];
-    }
-    get month() {
-        return this.control.errors && this.control.errors['month'];
-    }
-    get future() {
-        return this.control.errors && this.control.errors['future'];
-    }
-    get past() {
-        return this.control.errors && this.control.errors['past'];
+    constructor() {
+        this.control = input.required();
+        this.label = input();
+        this.submitTried = input();
+        this.maxLength = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['maxlength'];
+        });
+        this.maxLengthRequiredLength = computed(() => {
+            const control = this.control();
+            return this.maxLength() && control.errors && control.errors['maxlength']['requiredLength'];
+        });
+        this.minLength = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['minlength'];
+        });
+        this.minLengthRequiredLength = computed(() => {
+            const control = this.control();
+            return this.minLength() && control.errors && control.errors['minlength']['requiredLength'];
+        });
+        this.max = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['max'];
+        });
+        this.maxRequiredMax = computed(() => {
+            const control = this.control();
+            return this.max() && control.errors && control.errors['max']['max'];
+        });
+        this.min = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['min'];
+        });
+        this.minRequiredMin = computed(() => {
+            const control = this.control();
+            return this.min() && control.errors && control.errors['min']['min'];
+        });
+        this.pattern = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['pattern'];
+        });
+        this.required = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['required'];
+        });
+        this.year = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['year'];
+        });
+        this.yearFuture = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['yearFuture'];
+        });
+        this.month = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['month'];
+        });
+        this.future = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['future'];
+        });
+        this.past = computed(() => {
+            const control = this.control();
+            return control.errors && control.errors['past'];
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxValidateControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxValidateControlComponent, isStandalone: true, selector: "spx-validate-control", inputs: { control: "control", label: "label", submitTried: "submitTried" }, ngImport: i0, template: "@if (control && control.errors && (control.touched || submitTried)) {\r\n  @if (maxLength) {\r\n    <div>'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\r\n  }\r\n  @if (minLength) {\r\n    <div>'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\r\n  }\r\n  @if (max) {\r\n    <div>The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\r\n  }\r\n  @if (min) {\r\n    <div>The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\r\n  }\r\n  @if (pattern) {\r\n    <div>The pattern of '{{ label }}' not valid.</div>\r\n  }\r\n  @if (required) {\r\n    <div>'{{ label }}' is required.</div>\r\n  }\r\n  @if (year) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (yearFuture) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (month) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (future) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (past) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\n}", dependencies: [{ kind: "ngmodule", type: FormsModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.5", type: SpxValidateControlComponent, isStandalone: true, selector: "spx-validate-control", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, submitTried: { classPropertyName: "submitTried", publicName: "submitTried", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (control() && control().errors && (control().touched || submitTried())) {\r\n  @if (maxLength()) {\r\n    <div>'{{ label() }}' is too long, the maximum length is {{ maxLengthRequiredLength() }}.</div>\r\n  }\r\n  @if (minLength()) {\r\n    <div>'{{ label() }}' is too short, the minimum length is {{ minLengthRequiredLength() }}.</div>\r\n  }\r\n  @if (max()) {\r\n    <div>The value of '{{ label() }}' is too high, the maximum is {{ maxRequiredMax() }}.</div>\r\n  }\r\n  @if (min()) {\r\n    <div>The value of '{{ label() }}' is too low, the minimum is {{ minRequiredMin() }}.</div>\r\n  }\r\n  @if (pattern()) {\r\n    <div>The pattern of '{{ label() }}' not valid.</div>\r\n  }\r\n  @if (required()) {\r\n    <div>'{{ label() }}' is required.</div>\r\n  }\r\n  @if (year()) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (yearFuture()) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (month()) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (future()) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (past()) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\n}", dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxValidateControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-validate-control', imports: [
                         FormsModule
-                    ], template: "@if (control && control.errors && (control.touched || submitTried)) {\r\n  @if (maxLength) {\r\n    <div>'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\r\n  }\r\n  @if (minLength) {\r\n    <div>'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\r\n  }\r\n  @if (max) {\r\n    <div>The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\r\n  }\r\n  @if (min) {\r\n    <div>The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\r\n  }\r\n  @if (pattern) {\r\n    <div>The pattern of '{{ label }}' not valid.</div>\r\n  }\r\n  @if (required) {\r\n    <div>'{{ label }}' is required.</div>\r\n  }\r\n  @if (year) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (yearFuture) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (month) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (future) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (past) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\n}" }]
-        }], propDecorators: { control: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], submitTried: [{
-                type: Input
-            }] } });
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control() && control().errors && (control().touched || submitTried())) {\r\n  @if (maxLength()) {\r\n    <div>'{{ label() }}' is too long, the maximum length is {{ maxLengthRequiredLength() }}.</div>\r\n  }\r\n  @if (minLength()) {\r\n    <div>'{{ label() }}' is too short, the minimum length is {{ minLengthRequiredLength() }}.</div>\r\n  }\r\n  @if (max()) {\r\n    <div>The value of '{{ label() }}' is too high, the maximum is {{ maxRequiredMax() }}.</div>\r\n  }\r\n  @if (min()) {\r\n    <div>The value of '{{ label() }}' is too low, the minimum is {{ minRequiredMin() }}.</div>\r\n  }\r\n  @if (pattern()) {\r\n    <div>The pattern of '{{ label() }}' not valid.</div>\r\n  }\r\n  @if (required()) {\r\n    <div>'{{ label() }}' is required.</div>\r\n  }\r\n  @if (year()) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (yearFuture()) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (month()) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (future()) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (past()) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\n}" }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

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/softpak-components-spx-validation.ts"],"sourcesContent":["import { AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\r\n    if (\r\n        control &&\r\n        valuePairToValue(control.value) === undefined ||\r\n        valuePairToValue(control.value) === null ||\r\n        valuePairToValue(control.value) === '' ||\r\n        valuePairToValue(control.value) === 0\r\n    ) {\r\n        return { required: true };\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\r\n        if (!isNaN(value) && value > max) {\r\n            return {\r\n                max: {\r\n                    max,\r\n                    actual: value\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        let value = valuePairToValue(control.value);\r\n        if (sanitizer) {\r\n            value = sanitizer(value.toString());\r\n        }\r\n        if (value.toString().length > maximumLength) {\r\n            return {\r\n                maxlength: {\r\n                    requiredLength: maximumLength,\r\n                    actualLength: value.toString().length\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\r\n\r\n        if (!isNaN(value) && value < min) {\r\n            return {\r\n                min: {\r\n                    min,\r\n                    actual: value\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        let value = valuePairToValue(control.value);\r\n        if (sanitizer) {\r\n            value = sanitizer(value.toString());\r\n        }\r\n        if (value.toString().length < minimumLength) {\r\n            return {\r\n                minlength: {\r\n                    requiredLength: minimumLength,\r\n                    actualLength: value.toString().length\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { spxValidatorRequired } from './required.validator';\r\n\r\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const matches = valuePairToValue(control.value).toString().match(matcher);\r\n        if (matches === null || matches.length === 0) {\r\n            return { pattern: true };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\r\n\r\nimport { DateTime } from 'luxon';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { spxValidatorRequired } from './required.validator';\r\n\r\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const val = valuePairToValue(control.value);\r\n        if (val.toUpperCase() !== 'ACEP') {\r\n            const date = DateTime.fromISO(val);\r\n            const year = date.year;\r\n            const month = date.month;\r\n            if (val.length < 6) {\r\n                return {\r\n                    minlength: {\r\n                        requiredLength: 6,\r\n                        actualLength: val.length\r\n                    }\r\n                };\r\n            }\r\n            if (month < 1 || month > 12) {\r\n                return { month: true };\r\n            }\r\n            if (future) {\r\n                if (year > 2050 || year < DateTime.now().year) {\r\n                    return { yearFuture: true };\r\n                }\r\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\r\n                    return { past: true };\r\n                }\r\n            } else {\r\n                if (year < 1971 || year > DateTime.now().year) {\r\n                    return { year: true };\r\n                }\r\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\r\n                    return { future: true };\r\n                }\r\n            }\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","\r\nimport { Component, Input } from '@angular/core';\r\nimport { AbstractControl, FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n    selector: 'spx-validate-control',\r\n    templateUrl: './spx-validate-control.component.html',\r\n    imports: [\r\n        FormsModule\r\n    ]\r\n})\r\nexport class SpxValidateControlComponent {\r\n  @Input() control!: AbstractControl;\r\n  @Input() label: string | unknown;\r\n  @Input() submitTried!: boolean;\r\n\r\n  get maxLength() {\r\n    return this.control.errors && this.control.errors['maxlength'];\r\n  }\r\n\r\n  get maxLengthRequiredLength() {\r\n    return this.maxLength && this.control.errors && this.control.errors['maxlength']['requiredLength'];\r\n  }\r\n\r\n  get minLength() {\r\n    return this.control.errors && this.control.errors['minlength'];\r\n  }\r\n\r\n  get minLengthRequiredLength() {\r\n    return this.minLength && this.control.errors && this.control.errors['minlength']['requiredLength'];\r\n  }\r\n\r\n  get max() {\r\n    return this.control.errors && this.control.errors['max'];\r\n  }\r\n\r\n  get maxRequiredMax() {\r\n    return this.max && this.control.errors && this.control.errors['max']['max'];\r\n  }\r\n\r\n  get min() {\r\n    return this.control.errors && this.control.errors['min'];\r\n  }\r\n\r\n  get minRequiredMin() {\r\n    return this.min && this.control.errors && this.control.errors['min']['min'];\r\n  }\r\n\r\n  get pattern() {\r\n    return this.control.errors && this.control.errors['pattern'];\r\n  }\r\n\r\n  get required() {\r\n    return this.control.errors && this.control.errors['required'];\r\n  }\r\n\r\n  get year() {\r\n    return this.control.errors && this.control.errors['year'];\r\n  }\r\n\r\n  get yearFuture() {\r\n    return this.control.errors && this.control.errors['yearFuture'];\r\n  }\r\n\r\n  get month() {\r\n    return this.control.errors && this.control.errors['month'];\r\n  }\r\n\r\n  get future() {\r\n    return this.control.errors && this.control.errors['future'];\r\n  }\r\n\r\n  get past() {\r\n    return this.control.errors && this.control.errors['past'];\r\n  }\r\n}\r\n","@if (control && control.errors && (control.touched || submitTried)) {\r\n  @if (maxLength) {\r\n    <div>'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\r\n  }\r\n  @if (minLength) {\r\n    <div>'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\r\n  }\r\n  @if (max) {\r\n    <div>The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\r\n  }\r\n  @if (min) {\r\n    <div>The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\r\n  }\r\n  @if (pattern) {\r\n    <div>The pattern of '{{ label }}' not valid.</div>\r\n  }\r\n  @if (required) {\r\n    <div>'{{ label }}' is required.</div>\r\n  }\r\n  @if (year) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (yearFuture) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (month) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (future) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (past) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\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';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorRequired = () => (control: AbstractControl): ValidationErrors | null => {\r\n    if (\r\n        control &&\r\n        valuePairToValue(control.value) === undefined ||\r\n        valuePairToValue(control.value) === null ||\r\n        valuePairToValue(control.value) === '' ||\r\n        valuePairToValue(control.value) === 0\r\n    ) {\r\n        return { required: true };\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMax = (max: number) => (control: AbstractControl): { max: { max: number; actual: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\r\n        if (!isNaN(value) && value > max) {\r\n            return {\r\n                max: {\r\n                    max,\r\n                    actual: value\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMaxLength = (maximumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { maxlength: { requiredLength: number; actualLength: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        let value = valuePairToValue(control.value);\r\n        if (sanitizer) {\r\n            value = sanitizer(value.toString());\r\n        }\r\n        if (value.toString().length > maximumLength) {\r\n            return {\r\n                maxlength: {\r\n                    requiredLength: maximumLength,\r\n                    actualLength: value.toString().length\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMin = (min: number) => (control: AbstractControl): { min: { min: number; actual: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const value = parseInt(valuePairToValue(control.value).toString(), 10);\r\n\r\n        if (!isNaN(value) && value < min) {\r\n            return {\r\n                min: {\r\n                    min,\r\n                    actual: value\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl } from '@angular/forms';\r\nimport { spxValidatorRequired } from './required.validator';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\n\r\nexport const spxValidatorMinLength = (minimumLength: number, sanitizer?: (input: string) => string) => (control: AbstractControl): { minlength: { requiredLength: number; actualLength: number } } | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        let value = valuePairToValue(control.value);\r\n        if (sanitizer) {\r\n            value = sanitizer(value.toString());\r\n        }\r\n        if (value.toString().length < minimumLength) {\r\n            return {\r\n                minlength: {\r\n                    requiredLength: minimumLength,\r\n                    actualLength: value.toString().length\r\n                }\r\n            };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { spxValidatorRequired } from './required.validator';\r\n\r\nexport const spxValidatorPattern = (matcher: RegExp) => (control: AbstractControl): ValidationErrors | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const matches = valuePairToValue(control.value).toString().match(matcher);\r\n        if (matches === null || matches.length === 0) {\r\n            return { pattern: true };\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","import { AbstractControl, ValidationErrors } from '@angular/forms';\r\n\r\nimport { DateTime } from 'luxon';\r\nimport { valuePairToValue } from '@softpak/components/spx-helpers';\r\nimport { spxValidatorRequired } from './required.validator';\r\n\r\nexport const spxValidatorYearAndMonth = (future?: boolean) => (control: AbstractControl): ValidationErrors | null => {\r\n    if (!spxValidatorRequired()(control)) {\r\n        const val = valuePairToValue(control.value);\r\n        if (val.toUpperCase() !== 'ACEP') {\r\n            const date = DateTime.fromISO(val);\r\n            const year = date.year;\r\n            const month = date.month;\r\n            if (val.length < 6) {\r\n                return {\r\n                    minlength: {\r\n                        requiredLength: 6,\r\n                        actualLength: val.length\r\n                    }\r\n                };\r\n            }\r\n            if (month < 1 || month > 12) {\r\n                return { month: true };\r\n            }\r\n            if (future) {\r\n                if (year > 2050 || year < DateTime.now().year) {\r\n                    return { yearFuture: true };\r\n                }\r\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') < DateTime.now()) {\r\n                    return { past: true };\r\n                }\r\n            } else {\r\n                if (year < 1971 || year > DateTime.now().year) {\r\n                    return { year: true };\r\n                }\r\n                if (DateTime.now().set({ year: year, month: DateTime.now().month - 1 }).startOf('month') > DateTime.now()) {\r\n                    return { future: true };\r\n                }\r\n            }\r\n        }\r\n    }\r\n    return null;\r\n};\r\n","\r\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\r\nimport { AbstractControl, FormsModule } from '@angular/forms';\r\n\r\n@Component({\r\n    selector: 'spx-validate-control',\r\n    templateUrl: './spx-validate-control.component.html',\r\n    imports: [\r\n        FormsModule\r\n    ],\r\n    standalone: true,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class SpxValidateControlComponent {\r\n  readonly control = input.required<AbstractControl>();\r\n  readonly label = input<string | unknown>();\r\n  readonly submitTried = input<boolean>();\r\n\r\n  maxLength = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['maxlength'];\r\n  });\r\n\r\n  maxLengthRequiredLength = computed(() => {\r\n    const control = this.control();\r\n    return this.maxLength() && control.errors && control.errors['maxlength']['requiredLength'];\r\n  });\r\n\r\n  minLength = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['minlength'];\r\n  });\r\n\r\n  minLengthRequiredLength = computed(() => {\r\n    const control = this.control();\r\n    return this.minLength() && control.errors && control.errors['minlength']['requiredLength'];\r\n  });\r\n\r\n  max = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['max'];\r\n  });\r\n\r\n  maxRequiredMax = computed(() => {\r\n    const control = this.control();\r\n    return this.max() && control.errors && control.errors['max']['max'];\r\n  });\r\n\r\n  min = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['min'];\r\n  });\r\n\r\n  minRequiredMin = computed(() => {\r\n    const control = this.control();\r\n    return this.min() && control.errors && control.errors['min']['min'];\r\n  });\r\n\r\n  pattern = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['pattern'];\r\n  });\r\n\r\n  required = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['required'];\r\n  });\r\n\r\n  year = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['year'];\r\n  });\r\n\r\n  yearFuture = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['yearFuture'];\r\n  });\r\n\r\n  month = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['month'];\r\n  });\r\n\r\n  future = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['future'];\r\n  });\r\n\r\n  past = computed(() => {\r\n    const control = this.control();\r\n    return control.errors && control.errors['past'];\r\n  });\r\n}\r\n","@if (control() && control().errors && (control().touched || submitTried())) {\r\n  @if (maxLength()) {\r\n    <div>'{{ label() }}' is too long, the maximum length is {{ maxLengthRequiredLength() }}.</div>\r\n  }\r\n  @if (minLength()) {\r\n    <div>'{{ label() }}' is too short, the minimum length is {{ minLengthRequiredLength() }}.</div>\r\n  }\r\n  @if (max()) {\r\n    <div>The value of '{{ label() }}' is too high, the maximum is {{ maxRequiredMax() }}.</div>\r\n  }\r\n  @if (min()) {\r\n    <div>The value of '{{ label() }}' is too low, the minimum is {{ minRequiredMin() }}.</div>\r\n  }\r\n  @if (pattern()) {\r\n    <div>The pattern of '{{ label() }}' not valid.</div>\r\n  }\r\n  @if (required()) {\r\n    <div>'{{ label() }}' is required.</div>\r\n  }\r\n  @if (year()) {\r\n    <div>Please choose a year between 1991 and the current year.</div>\r\n  }\r\n  @if (yearFuture()) {\r\n    <div>Please choose a year between the current year and 2050.</div>\r\n  }\r\n  @if (month()) {\r\n    <div>Please choose a valid month (a value between 01 and 12).</div>\r\n  }\r\n  @if (future()) {\r\n    <div>The selected date may not be in the future.</div>\r\n  }\r\n  @if (past()) {\r\n    <div>The selected date may not be in the past.</div>\r\n  }\r\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": "19.15.3",
+  "version": "19.15.4-beta",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x",
@@ -33,34 +33,34 @@
       "types": "./spx-alert/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-alert.mjs"
     },
-    "./spx-capitalize": {
-      "types": "./spx-capitalize/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
-    },
     "./spx-app-configuration": {
       "types": "./spx-app-configuration/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
     },
-    "./spx-app-expiry": {
-      "types": "./spx-app-expiry/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
-    },
     "./spx-button": {
       "types": "./spx-button/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-button.mjs"
     },
+    "./spx-capitalize": {
+      "types": "./spx-capitalize/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
+    },
+    "./spx-app-expiry": {
+      "types": "./spx-app-expiry/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-expiry.mjs"
+    },
     "./spx-card": {
       "types": "./spx-card/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-card.mjs"
     },
-    "./spx-channel-selection": {
-      "types": "./spx-channel-selection/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
-    },
     "./spx-change-details": {
       "types": "./spx-change-details/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-change-details.mjs"
     },
+    "./spx-channel-selection": {
+      "types": "./spx-channel-selection/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
+    },
     "./spx-check-digit": {
       "types": "./spx-check-digit/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
@@ -69,14 +69,14 @@
       "types": "./spx-form-section/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-section.mjs"
     },
-    "./spx-form-view": {
-      "types": "./spx-form-view/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
-    },
     "./spx-helpers": {
       "types": "./spx-helpers/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-helpers.mjs"
     },
+    "./spx-form-view": {
+      "types": "./spx-form-view/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-form-view.mjs"
+    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.mjs"
@@ -85,13 +85,21 @@
       "types": "./spx-inputs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-inputs.mjs"
     },
+    "./spx-number-check": {
+      "types": "./spx-number-check/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    },
     "./spx-navigation": {
       "types": "./spx-navigation/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-navigation.mjs"
     },
-    "./spx-number-check": {
-      "types": "./spx-number-check/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    "./spx-pagination": {
+      "types": "./spx-pagination/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-pagination.mjs"
+    },
+    "./spx-patch": {
+      "types": "./spx-patch/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-patch.mjs"
     },
     "./spx-pipes": {
       "types": "./spx-pipes/index.d.ts",
@@ -101,18 +109,10 @@
       "types": "./spx-progress-bar/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
-    "./spx-patch": {
-      "types": "./spx-patch/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-patch.mjs"
-    },
     "./spx-spinner": {
       "types": "./spx-spinner/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-spinner.mjs"
     },
-    "./spx-pagination": {
-      "types": "./spx-pagination/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-pagination.mjs"
-    },
     "./spx-storage": {
       "types": "./spx-storage/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-storage.mjs"

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

@@ -1,7 +1,7 @@
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxAlertComponent {
-    _autoCloseTimeout: any;
+    _autoCloseTimeout: import("@angular/core").WritableSignal<NodeJS.Timeout | null>;
     spxClose: import("@angular/core").OutputEmitterRef<void>;
     readonly spxAutoclose: import("@angular/core").InputSignal<number | undefined>;
     readonly spxCloseable: import("@angular/core").InputSignal<boolean | undefined>;

package/spx-app-expiry/spx-app-expiry.component.d.ts

@@ -2,20 +2,20 @@ import { OnChanges } from '@angular/core';
 import { SpxAppExpiryI } from './spx-app-expiry.interface';
 import * as i0 from "@angular/core";
 export declare class SpxAppExpiryComponent implements OnChanges {
-    txtContactHelpdeskOrSoftpak: string;
-    txtExpired: string;
-    txtLastReminder: string;
-    txtPleaseOpenTheAppStore: string;
-    txtPleaseUpdate: string;
-    txtThisVersionWillExpireSoon: string;
-    txtUpdateAvailable: string;
-    txtUpdateTheAppToTheLatestVersion: string;
-    spxExpiry: SpxAppExpiryI;
-    spxVersion: string;
-    warning: boolean;
-    finalWarning: boolean;
-    expired: boolean;
+    readonly txtContactHelpdeskOrSoftpak: import("@angular/core").InputSignal<string>;
+    readonly txtExpired: import("@angular/core").InputSignal<string>;
+    readonly txtLastReminder: import("@angular/core").InputSignal<string>;
+    readonly txtPleaseOpenTheAppStore: import("@angular/core").InputSignal<string>;
+    readonly txtPleaseUpdate: import("@angular/core").InputSignal<string>;
+    readonly txtThisVersionWillExpireSoon: import("@angular/core").InputSignal<string>;
+    readonly txtUpdateAvailable: import("@angular/core").InputSignal<string>;
+    readonly txtUpdateTheAppToTheLatestVersion: import("@angular/core").InputSignal<string>;
+    readonly spxExpiry: import("@angular/core").InputSignal<SpxAppExpiryI>;
+    readonly spxVersion: import("@angular/core").InputSignal<string>;
+    warning: import("@angular/core").WritableSignal<boolean>;
+    finalWarning: import("@angular/core").WritableSignal<boolean>;
+    expired: import("@angular/core").WritableSignal<boolean>;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxAppExpiryComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAppExpiryComponent, "spx-app-expiry", never, { "txtContactHelpdeskOrSoftpak": { "alias": "txtContactHelpdeskOrSoftpak"; "required": false; }; "txtExpired": { "alias": "txtExpired"; "required": false; }; "txtLastReminder": { "alias": "txtLastReminder"; "required": false; }; "txtPleaseOpenTheAppStore": { "alias": "txtPleaseOpenTheAppStore"; "required": false; }; "txtPleaseUpdate": { "alias": "txtPleaseUpdate"; "required": false; }; "txtThisVersionWillExpireSoon": { "alias": "txtThisVersionWillExpireSoon"; "required": false; }; "txtUpdateAvailable": { "alias": "txtUpdateAvailable"; "required": false; }; "txtUpdateTheAppToTheLatestVersion": { "alias": "txtUpdateTheAppToTheLatestVersion"; "required": false; }; "spxExpiry": { "alias": "spxExpiry"; "required": false; }; "spxVersion": { "alias": "spxVersion"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAppExpiryComponent, "spx-app-expiry", never, { "txtContactHelpdeskOrSoftpak": { "alias": "txtContactHelpdeskOrSoftpak"; "required": true; "isSignal": true; }; "txtExpired": { "alias": "txtExpired"; "required": true; "isSignal": true; }; "txtLastReminder": { "alias": "txtLastReminder"; "required": true; "isSignal": true; }; "txtPleaseOpenTheAppStore": { "alias": "txtPleaseOpenTheAppStore"; "required": true; "isSignal": true; }; "txtPleaseUpdate": { "alias": "txtPleaseUpdate"; "required": true; "isSignal": true; }; "txtThisVersionWillExpireSoon": { "alias": "txtThisVersionWillExpireSoon"; "required": true; "isSignal": true; }; "txtUpdateAvailable": { "alias": "txtUpdateAvailable"; "required": true; "isSignal": true; }; "txtUpdateTheAppToTheLatestVersion": { "alias": "txtUpdateTheAppToTheLatestVersion"; "required": true; "isSignal": true; }; "spxExpiry": { "alias": "spxExpiry"; "required": true; "isSignal": true; }; "spxVersion": { "alias": "spxVersion"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -2,9 +2,6 @@ import { ElementRef } from '@angular/core';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxButtonComponent {
-    get hostClassBlock(): boolean | undefined;
-    get hostClassHFull(): boolean | undefined;
-    get hostClassWFull(): boolean | undefined;
     readonly spxDisabled: import("@angular/core").InputSignal<boolean>;
     readonly spxClass: import("@angular/core").InputSignal<string | undefined>;
     readonly spxClassObject: import("@angular/core").InputSignal<object | undefined>;

package/spx-card/spx-card-item/spx-card-item.component.d.ts

@@ -2,7 +2,6 @@ import { IconProp } from '@fortawesome/angular-fontawesome/types';
 import { SpxSeverityEnum } from '@softpak/components/spx-helpers';
 import * as i0 from "@angular/core";
 export declare class SpxCardItemComponent {
-    hFull: boolean;
     readonly icon: import("@angular/core").InputSignal<IconProp | undefined>;
     readonly iconOnly: import("@angular/core").InputSignal<boolean>;
     readonly spxLabel: import("@angular/core").InputSignal<string>;

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

@@ -1,16 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SpxCardComponent {
-    clickable: boolean;
-    hasContent: boolean;
-    onDetailPage: boolean;
-    text: string;
-    unit?: string;
-    tableView: boolean;
-    clicked: EventEmitter<void>;
+    readonly clickable: import("@angular/core").InputSignal<boolean>;
+    readonly hasContent: import("@angular/core").InputSignal<boolean>;
+    readonly onDetailPage: import("@angular/core").InputSignal<boolean>;
+    readonly text: import("@angular/core").InputSignal<string | undefined>;
+    readonly unit: import("@angular/core").InputSignal<string | undefined>;
+    readonly tableView: import("@angular/core").InputSignal<boolean>;
+    clicked: import("@angular/core").OutputEmitterRef<void>;
     constructor();
     displayValue(val: string | number): string | number;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCardComponent, "spx-card", never, { "clickable": { "alias": "clickable"; "required": false; }; "hasContent": { "alias": "hasContent"; "required": false; }; "onDetailPage": { "alias": "onDetailPage"; "required": false; }; "text": { "alias": "text"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "tableView": { "alias": "tableView"; "required": false; }; }, { "clicked": "clicked"; }, never, ["[card-header]", "[card-content-top]", "[card-content]", "[card-content-bottom]", "[card-lines]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCardComponent, "spx-card", never, { "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "hasContent": { "alias": "hasContent"; "required": false; "isSignal": true; }; "onDetailPage": { "alias": "onDetailPage"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "unit": { "alias": "unit"; "required": false; "isSignal": true; }; "tableView": { "alias": "tableView"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["[card-header]", "[card-content-top]", "[card-content]", "[card-content-bottom]", "[card-lines]"], true, never>;
 }

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

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxChangeDetailsValueI } from './spx-change-details-value.interface';
 import { SpxFormI, SpxFormFieldI } from '@softpak/components/spx-form-view';
@@ -15,28 +14,28 @@ export declare const ctrlCategory = "category";
 export declare const ctrlUseCategories = "useCategories";
 export declare class SpxChangeDetailsComponent {
     readonly formBuilder: FormBuilder;
-    formGroup: FormGroup;
-    suggestions: any;
-    textCategory: string;
-    textContainerNumber: string;
-    textContainerType: string;
-    textCustomer: string;
-    textLicensePlate: string;
-    textSave: string;
-    textTonsTested: string;
-    spxBlurCategory: EventEmitter<SpxValuePair<string>>;
-    spxBlurContainerType: EventEmitter<SpxValuePair<string>>;
-    spxSearchCategory: EventEmitter<SpxValuePair<string>>;
-    spxSearchContainerType: EventEmitter<SpxValuePair<string>>;
-    spxSearchTonsTested: EventEmitter<SpxValuePair<string>>;
-    submit: EventEmitter<SpxChangeDetailsValueI>;
+    readonly formGroup: import("@angular/core").InputSignal<FormGroup<any>>;
+    readonly suggestions: import("@angular/core").InputSignal<any>;
+    readonly textCategory: import("@angular/core").InputSignal<string>;
+    readonly textContainerNumber: import("@angular/core").InputSignal<string>;
+    readonly textContainerType: import("@angular/core").InputSignal<string>;
+    readonly textCustomer: import("@angular/core").InputSignal<string>;
+    readonly textLicensePlate: import("@angular/core").InputSignal<string>;
+    readonly textSave: import("@angular/core").InputSignal<string>;
+    readonly textTonsTested: import("@angular/core").InputSignal<string>;
+    spxBlurCategory: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxBlurContainerType: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxSearchCategory: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxSearchContainerType: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    spxSearchTonsTested: import("@angular/core").OutputEmitterRef<SpxValuePair<string>>;
+    submit: import("@angular/core").OutputEmitterRef<SpxChangeDetailsValueI>;
     form: SpxFormI;
-    get ctrlCategory(): FormControl;
-    get ctrlCustomer(): FormControl;
-    get ctrlContainerType(): FormControl;
-    get ctrlLicensePlate(): FormControl;
-    get ctrlTonsTested(): FormControl;
-    get ctrlUseCategories(): FormControl;
+    readonly ctrlCategory: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlCustomer: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlContainerType: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlLicensePlate: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlTonsTested: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlUseCategories: import("@angular/core").Signal<FormControl<any>>;
     private subContainerType?;
     constructor(formBuilder: FormBuilder);
     createForm(): FormGroup;
@@ -54,5 +53,5 @@ export declare class SpxChangeDetailsComponent {
     onSubmit(): void;
     private listenToContainerType;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxChangeDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "textCategory": { "alias": "textCategory"; "required": false; }; "textContainerNumber": { "alias": "textContainerNumber"; "required": false; }; "textContainerType": { "alias": "textContainerType"; "required": false; }; "textCustomer": { "alias": "textCustomer"; "required": false; }; "textLicensePlate": { "alias": "textLicensePlate"; "required": false; }; "textSave": { "alias": "textSave"; "required": false; }; "textTonsTested": { "alias": "textTonsTested"; "required": false; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxChangeDetailsComponent, "spx-change-details", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "textCategory": { "alias": "textCategory"; "required": true; "isSignal": true; }; "textContainerNumber": { "alias": "textContainerNumber"; "required": true; "isSignal": true; }; "textContainerType": { "alias": "textContainerType"; "required": true; "isSignal": true; }; "textCustomer": { "alias": "textCustomer"; "required": true; "isSignal": true; }; "textLicensePlate": { "alias": "textLicensePlate"; "required": true; "isSignal": true; }; "textSave": { "alias": "textSave"; "required": true; "isSignal": true; }; "textTonsTested": { "alias": "textTonsTested"; "required": true; "isSignal": true; }; }, { "spxBlurCategory": "spxBlurCategory"; "spxBlurContainerType": "spxBlurContainerType"; "spxSearchCategory": "spxSearchCategory"; "spxSearchContainerType": "spxSearchContainerType"; "spxSearchTonsTested": "spxSearchTonsTested"; "submit": "submit"; }, never, never, true, never>;
 }

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

@@ -3,16 +3,16 @@ import { SpxInputComponent, SpxInputTypeEnum } from '@softpak/components/spx-inp
 import * as i0 from "@angular/core";
 export declare class SpxCheckDigitComponent {
     private readonly formBuilder;
-    txtCheckDigit: string;
-    txtContainer: string;
-    txtPrefix: string;
-    ctrlContainerNumberRef?: SpxInputComponent;
+    readonly txtCheckDigit: import("@angular/core").InputSignal<string>;
+    readonly txtContainer: import("@angular/core").InputSignal<string>;
+    readonly txtPrefix: import("@angular/core").InputSignal<string>;
+    ctrlContainerNumberRef: import("@angular/core").Signal<SpxInputComponent | undefined>;
     inputTypeOverlayNumber: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
-    formGroup: FormGroup;
-    get ctrlCheckDigit(): FormControl;
-    get ctrlContainerNumber(): FormControl;
-    get ctrlContainerPrefix(): FormControl;
+    formGroup: import("@angular/core").WritableSignal<FormGroup<any> | null>;
+    ctrlCheckDigit: import("@angular/core").Signal<FormControl<any>>;
+    ctrlContainerNumber: import("@angular/core").Signal<FormControl<any>>;
+    ctrlContainerPrefix: import("@angular/core").Signal<FormControl<any>>;
     private inputChanges?;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
@@ -20,5 +20,5 @@ export declare class SpxCheckDigitComponent {
     ngOnDestroy(): void;
     getRawValidators(formControl: FormControl): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxCheckDigitComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCheckDigitComponent, "spx-check-digit", never, { "txtCheckDigit": { "alias": "txtCheckDigit"; "required": false; }; "txtContainer": { "alias": "txtContainer"; "required": false; }; "txtPrefix": { "alias": "txtPrefix"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxCheckDigitComponent, "spx-check-digit", never, { "txtCheckDigit": { "alias": "txtCheckDigit"; "required": true; "isSignal": true; }; "txtContainer": { "alias": "txtContainer"; "required": true; "isSignal": true; }; "txtPrefix": { "alias": "txtPrefix"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -10,6 +10,13 @@ export declare const answer: import("@ngrx/store").ActionCreator<"[Confirm] Answ
 } & import("@ngrx/store").Action<"[Confirm] Answer">>;
 export declare const reset: import("@ngrx/store").ActionCreator<"[Confirm] Reset", (props: Record<string, unknown>) => Record<string, unknown> & import("@ngrx/store").Action<"[Confirm] Reset">>;
 export declare const show: import("@ngrx/store").ActionCreator<"[Confirm] Show", (props: SpxConfirmI) => SpxConfirmI & import("@ngrx/store").Action<"[Confirm] Show">>;
-declare const all: (Record<string, unknown> & import("@ngrx/store").Action<"[Confirm] Reset">) | (SpxConfirmI & import("@ngrx/store").Action<"[Confirm] Show">);
+export declare const answerConfirm: import("@ngrx/store").ActionCreator<"[Confirm] Answer Confirm", (props: {
+    id: string;
+}) => {
+    id: string;
+} & import("@ngrx/store").Action<"[Confirm] Answer Confirm">>;
+declare const all: (Record<string, unknown> & import("@ngrx/store").Action<"[Confirm] Reset">) | (SpxConfirmI & import("@ngrx/store").Action<"[Confirm] Show">) | ({
+    id: string;
+} & import("@ngrx/store").Action<"[Confirm] Answer Confirm">);
 export type Actions = typeof all;
 export {};

package/spx-confirm/store/spx-confirm.effects.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 export declare class SpxConfirmEffects {
     private readonly actions$;
     private readonly appStore;
-    afterAnswer$: Observable<any>;
+    onAnswer$: Observable<any>;
     constructor(actions$: Actions, appStore: Store);
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxConfirmEffects, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SpxConfirmEffects>;