@softpak/components 19.16.1 → 19.17.0-beta.2

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)) {\n  @if (maxLength) {\n    <div>'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  }\n  @if (minLength) {\n    <div>'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  }\n  @if (max) {\n    <div>The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  }\n  @if (min) {\n    <div>The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  }\n  @if (pattern) {\n    <div>The pattern of '{{ label }}' not valid.</div>\n  }\n  @if (required) {\n    <div>'{{ label }}' is required.</div>\n  }\n  @if (year) {\n    <div>Please choose a year between 1991 and the current year.</div>\n  }\n  @if (yearFuture) {\n    <div>Please choose a year between the current year and 2050.</div>\n  }\n  @if (month) {\n    <div>Please choose a valid month (a value between 01 and 12).</div>\n  }\n  @if (future) {\n    <div>The selected date may not be in the future.</div>\n  }\n  @if (past) {\n    <div>The selected date may not be in the past.</div>\n  }\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())) {\n  @if (maxLength()) {\n    <div>'{{ label() }}' is too long, the maximum length is {{ maxLengthRequiredLength() }}.</div>\n  }\n  @if (minLength()) {\n    <div>'{{ label() }}' is too short, the minimum length is {{ minLengthRequiredLength() }}.</div>\n  }\n  @if (max()) {\n    <div>The value of '{{ label() }}' is too high, the maximum is {{ maxRequiredMax() }}.</div>\n  }\n  @if (min()) {\n    <div>The value of '{{ label() }}' is too low, the minimum is {{ minRequiredMin() }}.</div>\n  }\n  @if (pattern()) {\n    <div>The pattern of '{{ label() }}' not valid.</div>\n  }\n  @if (required()) {\n    <div>'{{ label() }}' is required.</div>\n  }\n  @if (year()) {\n    <div>Please choose a year between 1991 and the current year.</div>\n  }\n  @if (yearFuture()) {\n    <div>Please choose a year between the current year and 2050.</div>\n  }\n  @if (month()) {\n    <div>Please choose a valid month (a value between 01 and 12).</div>\n  }\n  @if (future()) {\n    <div>The selected date may not be in the future.</div>\n  }\n  @if (past()) {\n    <div>The selected date may not be in the past.</div>\n  }\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)) {\n  @if (maxLength) {\n    <div>'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  }\n  @if (minLength) {\n    <div>'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  }\n  @if (max) {\n    <div>The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  }\n  @if (min) {\n    <div>The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  }\n  @if (pattern) {\n    <div>The pattern of '{{ label }}' not valid.</div>\n  }\n  @if (required) {\n    <div>'{{ label }}' is required.</div>\n  }\n  @if (year) {\n    <div>Please choose a year between 1991 and the current year.</div>\n  }\n  @if (yearFuture) {\n    <div>Please choose a year between the current year and 2050.</div>\n  }\n  @if (month) {\n    <div>Please choose a valid month (a value between 01 and 12).</div>\n  }\n  @if (future) {\n    <div>The selected date may not be in the future.</div>\n  }\n  @if (past) {\n    <div>The selected date may not be in the past.</div>\n  }\n}" }]
-        }], propDecorators: { control: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], submitTried: [{
-                type: Input
-            }] } });
+                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control() && control().errors && (control().touched || submitTried())) {\n  @if (maxLength()) {\n    <div>'{{ label() }}' is too long, the maximum length is {{ maxLengthRequiredLength() }}.</div>\n  }\n  @if (minLength()) {\n    <div>'{{ label() }}' is too short, the minimum length is {{ minLengthRequiredLength() }}.</div>\n  }\n  @if (max()) {\n    <div>The value of '{{ label() }}' is too high, the maximum is {{ maxRequiredMax() }}.</div>\n  }\n  @if (min()) {\n    <div>The value of '{{ label() }}' is too low, the minimum is {{ minRequiredMin() }}.</div>\n  }\n  @if (pattern()) {\n    <div>The pattern of '{{ label() }}' not valid.</div>\n  }\n  @if (required()) {\n    <div>'{{ label() }}' is required.</div>\n  }\n  @if (year()) {\n    <div>Please choose a year between 1991 and the current year.</div>\n  }\n  @if (yearFuture()) {\n    <div>Please choose a year between the current year and 2050.</div>\n  }\n  @if (month()) {\n    <div>Please choose a valid month (a value between 01 and 12).</div>\n  }\n  @if (future()) {\n    <div>The selected date may not be in the future.</div>\n  }\n  @if (past()) {\n    <div>The selected date may not be in the past.</div>\n  }\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';\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","\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        FormsModule\n    ]\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","@if (control && control.errors && (control.touched || submitTried)) {\n  @if (maxLength) {\n    <div>'{{ label }}' is too long, the maximum length is {{ maxLengthRequiredLength }}.</div>\n  }\n  @if (minLength) {\n    <div>'{{ label }}' is too short, the minimum length is {{ minLengthRequiredLength }}.</div>\n  }\n  @if (max) {\n    <div>The value of '{{ label }}' is too high, the maximum is {{ maxRequiredMax }}.</div>\n  }\n  @if (min) {\n    <div>The value of '{{ label }}' is too low, the minimum is {{ minRequiredMin }}.</div>\n  }\n  @if (pattern) {\n    <div>The pattern of '{{ label }}' not valid.</div>\n  }\n  @if (required) {\n    <div>'{{ label }}' is required.</div>\n  }\n  @if (year) {\n    <div>Please choose a year between 1991 and the current year.</div>\n  }\n  @if (yearFuture) {\n    <div>Please choose a year between the current year and 2050.</div>\n  }\n  @if (month) {\n    <div>Please choose a valid month (a value between 01 and 12).</div>\n  }\n  @if (future) {\n    <div>The selected date may not be in the future.</div>\n  }\n  @if (past) {\n    <div>The selected date may not be in the past.</div>\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"softpak-components-spx-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","\nimport { ChangeDetectionStrategy, Component, computed, 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        FormsModule\n    ],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SpxValidateControlComponent {\n  readonly control = input.required<AbstractControl>();\n  readonly label = input<string | unknown>();\n  readonly submitTried = input<boolean>();\n\n  maxLength = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['maxlength'];\n  });\n\n  maxLengthRequiredLength = computed(() => {\n    const control = this.control();\n    return this.maxLength() && control.errors && control.errors['maxlength']['requiredLength'];\n  });\n\n  minLength = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['minlength'];\n  });\n\n  minLengthRequiredLength = computed(() => {\n    const control = this.control();\n    return this.minLength() && control.errors && control.errors['minlength']['requiredLength'];\n  });\n\n  max = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['max'];\n  });\n\n  maxRequiredMax = computed(() => {\n    const control = this.control();\n    return this.max() && control.errors && control.errors['max']['max'];\n  });\n\n  min = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['min'];\n  });\n\n  minRequiredMin = computed(() => {\n    const control = this.control();\n    return this.min() && control.errors && control.errors['min']['min'];\n  });\n\n  pattern = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['pattern'];\n  });\n\n  required = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['required'];\n  });\n\n  year = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['year'];\n  });\n\n  yearFuture = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['yearFuture'];\n  });\n\n  month = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['month'];\n  });\n\n  future = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['future'];\n  });\n\n  past = computed(() => {\n    const control = this.control();\n    return control.errors && control.errors['past'];\n  });\n}\n","@if (control() && control().errors && (control().touched || submitTried())) {\n  @if (maxLength()) {\n    <div>'{{ label() }}' is too long, the maximum length is {{ maxLengthRequiredLength() }}.</div>\n  }\n  @if (minLength()) {\n    <div>'{{ label() }}' is too short, the minimum length is {{ minLengthRequiredLength() }}.</div>\n  }\n  @if (max()) {\n    <div>The value of '{{ label() }}' is too high, the maximum is {{ maxRequiredMax() }}.</div>\n  }\n  @if (min()) {\n    <div>The value of '{{ label() }}' is too low, the minimum is {{ minRequiredMin() }}.</div>\n  }\n  @if (pattern()) {\n    <div>The pattern of '{{ label() }}' not valid.</div>\n  }\n  @if (required()) {\n    <div>'{{ label() }}' is required.</div>\n  }\n  @if (year()) {\n    <div>Please choose a year between 1991 and the current year.</div>\n  }\n  @if (yearFuture()) {\n    <div>Please choose a year between the current year and 2050.</div>\n  }\n  @if (month()) {\n    <div>Please choose a valid month (a value between 01 and 12).</div>\n  }\n  @if (future()) {\n    <div>The selected date may not be in the future.</div>\n  }\n  @if (past()) {\n    <div>The selected date may not be in the past.</div>\n  }\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "19.16.1",
+  "version": "19.17.0-beta.2",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x",
@@ -33,10 +33,6 @@
       "types": "./spx-alert/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-alert.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"
@@ -45,26 +41,30 @@
       "types": "./spx-button/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-button.mjs"
     },
+    "./spx-app-configuration": {
+      "types": "./spx-app-configuration/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
+    },
     "./spx-capitalize": {
       "types": "./spx-capitalize/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-capitalize.mjs"
     },
-    "./spx-card": {
-      "types": "./spx-card/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-card.mjs"
-    },
     "./spx-change-details": {
       "types": "./spx-change-details/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-change-details.mjs"
     },
-    "./spx-check-digit": {
-      "types": "./spx-check-digit/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-check-digit.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-check-digit": {
+      "types": "./spx-check-digit/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-check-digit.mjs"
+    },
     "./spx-confirm": {
       "types": "./spx-confirm/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-confirm.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-form-section/spx-form-section.component.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class SpxFormSectionComponent {
-    spxIndex?: number;
-    spxIndexSecondary?: number;
-    spxTitle?: string;
-    spxShowTitle: boolean;
+    readonly spxIndex: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxIndexSecondary: import("@angular/core").InputSignal<number | undefined>;
+    readonly spxTitle: import("@angular/core").InputSignal<string | undefined>;
+    readonly spxShowTitle: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxFormSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormSectionComponent, "spx-form-section", never, { "spxIndex": { "alias": "spxIndex"; "required": false; }; "spxIndexSecondary": { "alias": "spxIndexSecondary"; "required": false; }; "spxTitle": { "alias": "spxTitle"; "required": false; }; "spxShowTitle": { "alias": "spxShowTitle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxFormSectionComponent, "spx-form-section", never, { "spxIndex": { "alias": "spxIndex"; "required": false; "isSignal": true; }; "spxIndexSecondary": { "alias": "spxIndexSecondary"; "required": false; "isSignal": true; }; "spxTitle": { "alias": "spxTitle"; "required": false; "isSignal": true; }; "spxShowTitle": { "alias": "spxShowTitle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { SpxFormFieldI } from './spx-form-field.interface';
 import { SpxFormSectionI } from './spx-form-section.interface';
@@ -10,24 +10,23 @@ 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>>;
+    formGroup: import("@angular/core").WritableSignal<FormGroup<any> | null>;
+    readonly spxSuggestions: import("@angular/core").InputSignal<SpxValuePair<any>[]>;
+    readonly spxField: import("@angular/core").InputSignal<SpxFormFieldI>;
+    readonly txtOptions: import("@angular/core").InputSignal<string>;
+    readonly txtQuery: import("@angular/core").InputSignal<string>;
+    readonly txtSubmit: import("@angular/core").InputSignal<string>;
+    readonly spxValuePair: import("@angular/core").InputSignal<SpxValuePair<any>>;
+    spxCancel: import("@angular/core").OutputEmitterRef<void>;
+    spxSearch: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
+    spxSubmit: import("@angular/core").OutputEmitterRef<SpxValuePair<any>>;
     inputTypeRadio: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
     SpxSeverity: typeof SpxSeverityEnum;
     sections: SpxFormSectionI[];
-    get ctrlQuery(): FormControl;
-    get ctrlOptions(): FormControl;
-    private subSelection?;
-    private subQuery?;
+    readonly ctrlQuery: import("@angular/core").Signal<FormControl<any>>;
+    readonly ctrlOptions: import("@angular/core").Signal<FormControl<any>>;
+    private subscriptions;
     constructor(formBuilder: FormBuilder);
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -38,5 +37,5 @@ export declare class SpxAutocompleteSearchComponent implements OnInit, OnDestroy
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpxAutocompleteSearchComponent, "spx-autocomplete-search", never, { "spxSuggestions": { "alias": "spxSuggestions"; "required": false; "isSignal": true; }; "spxField": { "alias": "spxField"; "required": true; "isSignal": true; }; "txtOptions": { "alias": "txtOptions"; "required": true; "isSignal": true; }; "txtQuery": { "alias": "txtQuery"; "required": true; "isSignal": true; }; "txtSubmit": { "alias": "txtSubmit"; "required": true; "isSignal": true; }; "spxValuePair": { "alias": "spxValuePair"; "required": true; "isSignal": true; }; }, { "spxCancel": "spxCancel"; "spxSearch": "spxSearch"; "spxSubmit": "spxSubmit"; }, never, never, true, never>;
 }

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

@@ -22,7 +22,7 @@ export declare class SpxFormViewComponent {
         valuePair: SpxValuePair<any>;
     }>;
     spxInputs: import("@angular/core").Signal<readonly ElementRef<any>[]>;
-    autocompleteField?: SpxFormFieldI;
+    autoCompleteField: import("@angular/core").WritableSignal<SpxFormFieldI | null>;
     typeAutocomplete: SpxInputTypeEnum;
     typeButton: SpxInputTypeEnum;
     typeFloat: SpxInputTypeEnum;