@softpak/components 19.17.0-beta.4 → 19.18.0

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 { input, computed, Component, ChangeDetectionStrategy } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 
 const spxValidatorRequired = () => (control) => {
@@ -131,67 +131,66 @@ const spxValidatorYearAndMonth = (future) => (control) => {
 };
 
 class SpxValidateControlComponent {
-    constructor() {
-        this.control = input.required();
-        this.label = input();
-        this.submitTried = input();
-        this.errors = input.required();
-        this.touched = input.required();
-        this.maxLength = computed(() => {
-            return this.errors() && this.errors()['maxlength'];
-        });
-        this.maxLengthRequiredLength = computed(() => {
-            return this.maxLength() && this.errors() && this.errors()['maxlength']['requiredLength'];
-        });
-        this.minLength = computed(() => {
-            return this.errors() && this.errors()['minlength'];
-        });
-        this.minLengthRequiredLength = computed(() => {
-            return this.minLength() && this.errors() && this.errors()['minlength']['requiredLength'];
-        });
-        this.max = computed(() => {
-            return this.errors() && this.errors()['max'];
-        });
-        this.maxRequiredMax = computed(() => {
-            return this.max() && this.errors() && this.errors()['max']['max'];
-        });
-        this.min = computed(() => {
-            return this.errors() && this.errors()['min'];
-        });
-        this.minRequiredMin = computed(() => {
-            return this.min() && this.errors() && this.errors()['min']['min'];
-        });
-        this.pattern = computed(() => {
-            return this.errors() && this.errors()['pattern'];
-        });
-        this.required = computed(() => {
-            return this.errors() && this.errors()['required'];
-        });
-        this.year = computed(() => {
-            return this.errors() && this.errors()['year'];
-        });
-        this.yearFuture = computed(() => {
-            return this.errors() && this.errors()['yearFuture'];
-        });
-        this.month = computed(() => {
-            return this.errors() && this.errors()['month'];
-        });
-        this.future = computed(() => {
-            return this.errors() && this.errors()['future'];
-        });
-        this.past = computed(() => {
-            return this.errors() && this.errors()['past'];
-        });
+    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'];
     }
     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: { 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 }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: true, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (control() && errors() && (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}\r\n", dependencies: [{ kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    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 }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: SpxValidateControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'spx-validate-control', imports: [
-                        FormsModule,
-                    ], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (control() && errors() && (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}\r\n" }]
-        }] });
+                        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
+            }] } });
 
 /**
  * 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 { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\r\nimport { AbstractControl, FormsModule, ValidationErrors } 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  readonly errors = input.required<ValidationErrors | null>();\r\n  readonly touched = input.required<boolean>();\r\n\r\n  maxLength = computed(() => {\r\n    return this.errors() && this.errors()!['maxlength'];\r\n  });\r\n\r\n  maxLengthRequiredLength = computed(() => {\r\n    return this.maxLength() && this.errors() && this.errors()!['maxlength']['requiredLength'];\r\n  });\r\n\r\n  minLength = computed(() => {\r\n    return this.errors() && this.errors()!['minlength'];\r\n  });\r\n\r\n  minLengthRequiredLength = computed(() => {\r\n    return this.minLength() && this.errors() && this.errors()!['minlength']['requiredLength'];\r\n  });\r\n\r\n  max = computed(() => {\r\n    return this.errors() && this.errors()!['max'];\r\n  });\r\n\r\n  maxRequiredMax = computed(() => {\r\n    return this.max() && this.errors() && this.errors()!['max']['max'];\r\n  });\r\n\r\n  min = computed(() => {\r\n    return this.errors() && this.errors()!['min'];\r\n  });\r\n\r\n  minRequiredMin = computed(() => {\r\n    return this.min() && this.errors() && this.errors()!['min']['min'];\r\n  });\r\n\r\n  pattern = computed(() => {\r\n    return this.errors() && this.errors()!['pattern'];\r\n  });\r\n\r\n  required = computed(() => {\r\n    return this.errors() && this.errors()!['required'];\r\n  });\r\n\r\n  year = computed(() => {\r\n    return this.errors() && this.errors()!['year'];\r\n  });\r\n\r\n  yearFuture = computed(() => {\r\n    return this.errors() && this.errors()!['yearFuture'];\r\n  });\r\n\r\n  month = computed(() => {\r\n    return this.errors() && this.errors()!['month'];\r\n  });\r\n\r\n  future = computed(() => {\r\n    return this.errors() && this.errors()!['future'];\r\n  });\r\n\r\n  past = computed(() => {\r\n    return this.errors() && this.errors()!['past'];\r\n  });\r\n}\r\n","@if (control() && errors() && (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}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAGa,MAAA,oBAAoB,GAAG,MAAM,CAAC,OAAwB,KAA6B;AAC5F,IAAA,IACI,OAAO;AACP,QAAA,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS;AAC7C,QAAA,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,IAAI;AACxC,QAAA,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE;QACtC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EACvC;AACE,QAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;;AAE7B,IAAA,OAAO,IAAI;AACf;;ACVO,MAAM,eAAe,GAAG,CAAC,GAAW,KAAK,CAAC,OAAwB,KAAqD;AAC1H,IAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;AAClC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC;QACtE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,GAAG,EAAE;YAC9B,OAAO;AACH,gBAAA,GAAG,EAAE;oBACD,GAAG;AACH,oBAAA,MAAM,EAAE;AACX;aACJ;;;AAGT,IAAA,OAAO,IAAI;AACf;;ACbO,MAAM,qBAAqB,GAAG,CAAC,aAAqB,EAAE,SAAqC,KAAK,CAAC,OAAwB,KAA4E;AACxM,IAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAClC,IAAI,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,IAAI,SAAS,EAAE;YACX,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;;QAEvC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,aAAa,EAAE;YACzC,OAAO;AACH,gBAAA,SAAS,EAAE;AACP,oBAAA,cAAc,EAAE,aAAa;AAC7B,oBAAA,YAAY,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;AAClC;aACJ;;;AAGT,IAAA,OAAO,IAAI;AACf;;AChBO,MAAM,eAAe,GAAG,CAAC,GAAW,KAAK,CAAC,OAAwB,KAAqD;AAC1H,IAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;AAClC,QAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC;QAEtE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,GAAG,EAAE;YAC9B,OAAO;AACH,gBAAA,GAAG,EAAE;oBACD,GAAG;AACH,oBAAA,MAAM,EAAE;AACX;aACJ;;;AAGT,IAAA,OAAO,IAAI;AACf;;ACdO,MAAM,qBAAqB,GAAG,CAAC,aAAqB,EAAE,SAAqC,KAAK,CAAC,OAAwB,KAA4E;AACxM,IAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAClC,IAAI,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;QAC3C,IAAI,SAAS,EAAE;YACX,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;;QAEvC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,GAAG,aAAa,EAAE;YACzC,OAAO;AACH,gBAAA,SAAS,EAAE;AACP,oBAAA,cAAc,EAAE,aAAa;AAC7B,oBAAA,YAAY,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;AAClC;aACJ;;;AAGT,IAAA,OAAO,IAAI;AACf;;AChBO,MAAM,mBAAmB,GAAG,CAAC,OAAe,KAAK,CAAC,OAAwB,KAA6B;AAC1G,IAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;AAClC,QAAA,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1C,YAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;;;AAGhC,IAAA,OAAO,IAAI;AACf;;ACNO,MAAM,wBAAwB,GAAG,CAAC,MAAgB,KAAK,CAAC,OAAwB,KAA6B;AAChH,IAAA,IAAI,CAAC,oBAAoB,EAAE,CAAC,OAAO,CAAC,EAAE;QAClC,MAAM,GAAG,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;AAC3C,QAAA,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE;YAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI;AACtB,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,YAAA,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,EAAE;gBAChB,OAAO;AACH,oBAAA,SAAS,EAAE;AACP,wBAAA,cAAc,EAAE,CAAC;wBACjB,YAAY,EAAE,GAAG,CAAC;AACrB;iBACJ;;YAEL,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,EAAE,EAAE;AACzB,gBAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;;YAE1B,IAAI,MAAM,EAAE;AACR,gBAAA,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;AAC3C,oBAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE;;AAE/B,gBAAA,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE;AACvG,oBAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;;;iBAEtB;AACH,gBAAA,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE;AAC3C,oBAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;;AAEzB,gBAAA,IAAI,QAAQ,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,EAAE;AACvG,oBAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE;;;;;AAKvC,IAAA,OAAO,IAAI;AACf;;MC7Ba,2BAA2B,CAAA;AATxC,IAAA,WAAA,GAAA;AAUW,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAmB;QAC3C,IAAK,CAAA,KAAA,GAAG,KAAK,EAAoB;QACjC,IAAW,CAAA,WAAA,GAAG,KAAK,EAAW;AAC9B,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,EAA2B;AAClD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,EAAW;AAE5C,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACxB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,WAAW,CAAC;AACrD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,uBAAuB,GAAG,QAAQ,CAAC,MAAK;YACtC,OAAO,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC;AAC3F,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACxB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,WAAW,CAAC;AACrD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,uBAAuB,GAAG,QAAQ,CAAC,MAAK;YACtC,OAAO,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,WAAW,CAAC,CAAC,gBAAgB,CAAC;AAC3F,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,GAAG,GAAG,QAAQ,CAAC,MAAK;AAClB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,KAAK,CAAC;AAC/C,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;YAC7B,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACpE,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,GAAG,GAAG,QAAQ,CAAC,MAAK;AAClB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,KAAK,CAAC;AAC/C,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;YAC7B,OAAO,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACpE,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AACtB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,SAAS,CAAC;AACnD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACvB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,UAAU,CAAC;AACpD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;AACnB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,MAAM,CAAC;AAChD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACzB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,YAAY,CAAC;AACtD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;AACpB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,OAAO,CAAC;AACjD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;AACrB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,QAAQ,CAAC;AAClD,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;AACnB,YAAA,OAAO,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,EAAG,CAAC,MAAM,CAAC;AAChD,SAAC,CAAC;AACH;8GAlEY,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECbxC,+tCAmCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED3BQ,WAAW,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAKN,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EAEvB,OAAA,EAAA;wBACL,WAAW;AACd,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+tCAAA,EAAA;;;AEXnD;;AAEG;;;;"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softpak/components",
-  "version": "19.17.0-beta.4",
+  "version": "19.18.0",
   "private": false,
   "peerDependencies": {
     "@angular/common": "19.x.x",
@@ -29,9 +29,9 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/softpak-components.mjs"
     },
-    "./spx-app-configuration": {
-      "types": "./spx-app-configuration/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
+    "./spx-404-page": {
+      "types": "./spx-404-page/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-404-page.mjs"
     },
     "./spx-alert": {
       "types": "./spx-alert/index.d.ts",
@@ -41,34 +41,38 @@
       "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-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-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-confirm": {
-      "types": "./spx-confirm/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-confirm.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"
+    },
     "./spx-form-section": {
       "types": "./spx-form-section/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-form-section.mjs"
@@ -81,21 +85,25 @@
       "types": "./spx-helpers/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-helpers.mjs"
     },
+    "./spx-navigation": {
+      "types": "./spx-navigation/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-navigation.mjs"
+    },
     "./spx-inputs": {
       "types": "./spx-inputs/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-inputs.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-number-check": {
-      "types": "./spx-number-check/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-number-check.mjs"
+    "./spx-progress-bar": {
+      "types": "./spx-progress-bar/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
     },
     "./spx-patch": {
       "types": "./spx-patch/index.d.ts",
@@ -105,10 +113,6 @@
       "types": "./spx-pipes/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-pipes.mjs"
     },
-    "./spx-progress-bar": {
-      "types": "./spx-progress-bar/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-progress-bar.mjs"
-    },
     "./spx-spinner": {
       "types": "./spx-spinner/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-spinner.mjs"
@@ -125,17 +129,17 @@
       "types": "./spx-suggestion/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-suggestion.mjs"
     },
-    "./spx-update": {
-      "types": "./spx-update/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-update.mjs"
+    "./spx-toaster": {
+      "types": "./spx-toaster/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
     },
     "./spx-translate": {
       "types": "./spx-translate/index.d.ts",
       "default": "./fesm2022/softpak-components-spx-translate.mjs"
     },
-    "./spx-toaster": {
-      "types": "./spx-toaster/index.d.ts",
-      "default": "./fesm2022/softpak-components-spx-toaster.mjs"
+    "./spx-update": {
+      "types": "./spx-update/index.d.ts",
+      "default": "./fesm2022/softpak-components-spx-update.mjs"
     },
     "./spx-validation": {
       "types": "./spx-validation/index.d.ts",

package/spx-404-page/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@softpak/components/spx-404-page" />
+export * from './public-api';

package/spx-404-page/public-api.d.ts

@@ -0,0 +1 @@
+export * from './spx-404-page.component';

package/spx-404-page/spx-404-page.component.d.ts

@@ -0,0 +1,15 @@
+import { NavController } from '@ionic/angular/standalone';
+import { ActivatedRoute } from '@angular/router';
+import * as i0 from "@angular/core";
+export declare class Spx404PageComponent {
+    private readonly activatedRoute;
+    private readonly navController;
+    spxText404PageNotFound: string;
+    spxTextPageNotFound: string;
+    spxTextPageNotFoundDescription: string;
+    spxTextGoHome: string;
+    goHome(): void;
+    constructor(activatedRoute: ActivatedRoute, navController: NavController);
+    static ɵfac: i0.ɵɵFactoryDeclaration<Spx404PageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Spx404PageComponent, "spx-404-page", never, {}, {}, never, never, true, never>;
+}

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: import("@angular/core").WritableSignal<NodeJS.Timeout | null>;
+    _autoCloseTimeout: any;
     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 {
-    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>;
+    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;
     ngOnChanges(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpxAppExpiryComponent, 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>;
+    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>;
 }

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

@@ -2,6 +2,9 @@ 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,6 +2,7 @@ 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,15 +1,16 @@
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SpxCardComponent {
-    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>;
+    clickable: boolean;
+    hasContent: boolean;
+    onDetailPage: boolean;
+    text: string;
+    unit?: string;
+    tableView: boolean;
+    clicked: EventEmitter<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; "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>;
+    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>;
 }

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

@@ -1,3 +1,4 @@
+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';
@@ -14,28 +15,28 @@ export declare const ctrlCategory = "category";
 export declare const ctrlUseCategories = "useCategories";
 export declare class SpxChangeDetailsComponent {
     readonly formBuilder: FormBuilder;
-    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>;
+    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>;
     form: SpxFormI;
-    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>>;
+    get ctrlCategory(): FormControl;
+    get ctrlCustomer(): FormControl;
+    get ctrlContainerType(): FormControl;
+    get ctrlLicensePlate(): FormControl;
+    get ctrlTonsTested(): FormControl;
+    get ctrlUseCategories(): FormControl;
     private subContainerType?;
     constructor(formBuilder: FormBuilder);
     createForm(): FormGroup;
@@ -53,5 +54,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": 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>;
+    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>;
 }

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;
-    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>;
+    txtCheckDigit: string;
+    txtContainer: string;
+    txtPrefix: string;
+    ctrlContainerNumberRef?: SpxInputComponent;
     inputTypeOverlayNumber: SpxInputTypeEnum;
     inputTypeText: SpxInputTypeEnum;
-    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>>;
+    formGroup: FormGroup;
+    get ctrlCheckDigit(): FormControl;
+    get ctrlContainerNumber(): FormControl;
+    get ctrlContainerPrefix(): FormControl;
     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": true; "isSignal": true; }; "txtContainer": { "alias": "txtContainer"; "required": true; "isSignal": true; }; "txtPrefix": { "alias": "txtPrefix"; "required": true; "isSignal": true; }; }, {}, never, never, true, 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>;
 }